.sba-article-body,.sba-article-main{--pub-surface:var(--sba-bg-2);--pub-border:var(--sba-border);--pub-text:var(--sba-text-0);--pub-text-secondary:var(--sba-text-1);--pub-text-muted:var(--sba-text-3);--pub-accent:var(--sba-accent);--pub-accent-hover:var(--sba-accent-hover);--pub-badge-bg:var(--sba-accent-soft);--pub-badge-text:var(--sba-accent);--pub-code-bg:var(--sba-bg-3);--pub-input-bg:var(--sba-bg-1);--pub-input-border:var(--sba-border);--disp:var(--sba-serif);--sans:var(--sba-sans)}.sba-article{background:var(--sba-bg-0);min-height:100vh;font-family:var(--sba-sans);color:var(--sba-text-0)}.sba-progress-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;background:transparent;pointer-events:none}.sba-progress-fill{height:100%;background:linear-gradient(90deg,var(--sba-accent),#ff9100);transition:width .1s linear;will-change:width}@media (prefers-reduced-motion:reduce){.sba-progress-fill{transition:none}}.sba-article-leaderboard{display:flex;justify-content:center;padding:12px 16px}.sba-article-leaderboard .sba-ad{max-width:728px;height:90px}@media (max-width:767px){.sba-article-leaderboard .sba-ad{max-width:320px;height:50px}}.sba-article-layout{max-width:1260px;margin:0 auto;padding:0 16px;display:flex;gap:32px}.sba-article-main{flex:1;min-width:0;padding:24px 0 48px}.sba-article-sidebar{display:none}@media (min-width:960px){.sba-article-sidebar{display:flex;flex-direction:column;gap:24px;width:300px;flex-shrink:0;padding:24px 0 48px}}.sba-breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:20px;font-family:var(--sba-mono);font-size:11px;flex-wrap:wrap}.sba-breadcrumb a{color:var(--sba-text-3);text-decoration:none;transition:color var(--sba-ease)}.sba-breadcrumb a:focus-visible{outline:2px solid var(--sba-accent);outline-offset:2px;border-radius:2px}@media (hover:hover){.sba-breadcrumb a:hover{color:var(--sba-accent)}}.sba-breadcrumb-sep{color:var(--sba-text-3);opacity:.5}.sba-breadcrumb-current{color:var(--sba-text-2)}.sba-article-cat{font-family:var(--sba-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:var(--sba-accent);color:#fff;padding:4px 10px;border-radius:3px;display:inline-block;margin-bottom:16px}.sba-article-title{font-family:var(--sba-serif);font-size:28px;line-height:1.2;color:var(--sba-text-0);margin:0 0 16px}@media (min-width:640px){.sba-article-title{font-size:36px}}@media (min-width:960px){.sba-article-title{font-size:42px}}.sba-article-subtitle{font-family:var(--sba-sans);font-size:17px;line-height:1.5;color:var(--sba-text-1);margin:0 0 24px;padding-left:16px;border-left:3px solid var(--sba-accent)}.sba-meta-bar{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-top:1px solid var(--sba-border);border-bottom:1px solid var(--sba-border);margin-bottom:24px}.sba-meta-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--sba-text-2)}.sba-meta-author{font-weight:600;color:var(--sba-text-0)}.sba-meta-sep{color:var(--sba-text-3)}.sba-meta-date,.sba-meta-read{color:var(--sba-text-2)}.sba-meta-views{color:var(--sba-text-3)}.sba-meta-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sba-meta-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:var(--sba-bg-2);border:1px solid var(--sba-border);border-radius:var(--sba-radius-sm);color:var(--sba-text-2);padding:6px 10px;font-family:var(--sba-mono);font-size:11px;font-weight:600;cursor:pointer;transition:color var(--sba-ease),border-color var(--sba-ease)}.sba-meta-btn:focus-visible{outline:2px solid var(--sba-accent);outline-offset:2px}.sba-meta-btn--active{color:var(--sba-accent);border-color:var(--sba-accent)}@media (hover:hover){.sba-meta-btn:hover{color:var(--sba-text-0);border-color:var(--sba-text-3)}}.sba-meta-font-group{display:flex;gap:2px}.sba-meta-font-group .sba-meta-btn{border-radius:0}.sba-meta-font-group .sba-meta-btn:first-child{border-radius:var(--sba-radius-sm) 0 0 var(--sba-radius-sm)}.sba-meta-font-group .sba-meta-btn:last-child{border-radius:0 var(--sba-radius-sm) var(--sba-radius-sm) 0}.sba-meta-share-group{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}.sba-meta-share-pill{font-family:var(--sba-mono);font-size:10px;font-weight:600;padding:5px 10px;border-radius:20px;border:1px solid var(--sba-border);background:var(--sba-bg-2);color:var(--sba-text-2);cursor:pointer;white-space:nowrap;transition:all var(--sba-ease)}.sba-meta-share-pill:focus-visible{outline:2px solid var(--sba-accent);outline-offset:2px}@media (hover:hover){.sba-meta-share-pill:hover{background:var(--sba-accent-soft);border-color:var(--sba-accent);color:var(--sba-accent)}}.sba-featured-img{position:relative;aspect-ratio:16/9;border-radius:var(--sba-radius);overflow:hidden;margin-bottom:32px}.sba-featured-img-bg{width:100%;height:100%}.sba-featured-img-caption{position:absolute;bottom:0;left:0;right:0;padding:32px 16px 12px;background:linear-gradient(transparent,rgba(0,0,0,.7));font-family:var(--sba-mono);font-size:11px;color:hsla(0,0%,100%,.7)}.sba-article-body{font-family:var(--sba-serif);font-size:18px;line-height:1.58;color:var(--sba-text-0)}.sba-article-body p{margin:0 0 1.5em}.sba-article-body p:first-of-type:first-letter{font-size:3.8rem;font-weight:700;color:var(--sba-accent);float:left;line-height:.8;margin-right:8px;margin-top:6px}.sba-article-body h2{font-size:22px;font-weight:700;margin:2em 0 .8em}.sba-article-body h2,.sba-article-body h3{font-family:var(--sba-sans);color:var(--sba-text-0);line-height:1.3}.sba-article-body h3{font-size:18px;font-weight:600;margin:1.5em 0 .6em}.sba-article-body blockquote{margin:1.5em 0;padding:16px 20px;border-left:3px solid var(--sba-accent);background:var(--sba-bg-1);border-radius:0 var(--sba-radius-sm) var(--sba-radius-sm) 0;font-style:italic;color:var(--sba-text-1)}.sba-article-body strong{font-weight:700;color:var(--sba-text-0)}.sba-depth-marker{display:block;height:1px;width:100%;pointer-events:none}.sba-context-box{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);border-radius:var(--sba-radius);padding:20px;margin:2em 0}.sba-context-box-head{font-family:var(--sba-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sba-blue);margin-bottom:12px}.sba-context-timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:24px}.sba-context-timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:rgba(59,130,246,.2)}.sba-timeline-item{position:relative;padding:8px 0}.sba-timeline-dot{position:absolute;left:-24px;top:14px;width:12px;height:12px;border-radius:50%;background:var(--sba-bg-0);border:2px solid var(--sba-blue)}.sba-timeline-year{font-family:var(--sba-mono);font-size:11px;font-weight:600;color:var(--sba-blue);display:block;margin-bottom:2px}.sba-timeline-text{font-family:var(--sba-sans);font-size:13px;color:var(--sba-text-1);line-height:1.5}.sba-inline-related{border-left:3px solid var(--sba-accent);padding:14px 16px;margin:2em 0;background:var(--sba-bg-1);border-radius:0 var(--sba-radius-sm) var(--sba-radius-sm) 0;text-decoration:none;display:block;transition:transform var(--sba-ease)}.sba-inline-related:focus-visible{outline:2px solid var(--sba-accent);outline-offset:2px}@media (hover:hover){.sba-inline-related:hover{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.sba-inline-related:hover{transform:none}}.sba-inline-related-label{font-family:var(--sba-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sba-accent);display:block;margin-bottom:4px}.sba-inline-related-title{font-family:var(--sba-serif);font-size:15px;color:var(--sba-text-0);line-height:1.3}.sba-article-mid-ad{margin:2em 0;display:flex;justify-content:center}.sba-article-tags{display:flex;gap:8px;flex-wrap:wrap;padding:24px 0;border-top:1px solid var(--sba-border)}.sba-tag{font-family:var(--sba-mono);font-size:11px;font-weight:600;padding:5px 12px;border-radius:20px;border:1px solid var(--sba-border);background:var(--sba-bg-2);color:var(--sba-text-2);text-decoration:none;transition:all var(--sba-ease)}.sba-tag:focus-visible{outline:2px solid var(--sba-accent);outline-offset:2px}@media (hover:hover){.sba-tag:hover{background:var(--sba-accent-soft);border-color:var(--sba-accent);color:var(--sba-accent)}}.sba-reactions{display:flex;align-items:center;gap:16px;padding:20px 0;border-top:1px solid var(--sba-border);border-bottom:1px solid var(--sba-border);flex-wrap:wrap}.sba-reactions-group{display:flex;gap:8px}.sba-reaction-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:24px;border:1px solid var(--sba-border);background:var(--sba-bg-2);cursor:pointer;transition:all var(--sba-ease)}.sba-reaction-btn:focus-visible{outline:2px solid var(--sba-accent);outline-offset:2px}.sba-reaction-btn--active{background:var(--sba-accent-soft);border-color:var(--sba-accent)}@media (hover:hover){.sba-reaction-btn:hover{border-color:var(--sba-text-3);transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.sba-reaction-btn:hover{transform:none}}.sba-reaction-emoji{font-size:18px;line-height:1}.sba-reaction-count{font-family:var(--sba-mono);font-size:12px;font-weight:600;color:var(--sba-text-2)}.sba-reaction-btn--active .sba-reaction-count{color:var(--sba-accent)}.sba-comment-btn{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:8px 20px;border-radius:var(--sba-radius-sm);border:none;background:var(--sba-accent);color:#fff;font-family:var(--sba-mono);font-size:11px;font-weight:600;cursor:pointer;transition:background var(--sba-ease)}.sba-comment-btn:focus-visible{outline:2px solid var(--sba-accent);outline-offset:2px}@media (hover:hover){.sba-comment-btn:hover{background:var(--sba-accent-hover)}}.sba-related{padding:32px 0}.sba-related-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:640px){.sba-related-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.sba-related-grid{grid-template-columns:repeat(3,1fr)}}.sba-related-card{background:var(--sba-bg-1);border:1px solid var(--sba-border);border-radius:var(--sba-radius);overflow:hidden;text-decoration:none;display:block}.sba-related-card:focus-visible{outline:2px solid var(--sba-accent);outline-offset:2px}.sba-related-card-img{aspect-ratio:16/9;overflow:hidden}.sba-related-card-img-bg{width:100%;height:100%}@media (hover:hover){.sba-related-card-img-bg{transition:transform .4s cubic-bezier(.4,0,.2,1)}.sba-related-card:hover .sba-related-card-img-bg{transform:scale(1.04)}}.sba-related-card-body{padding:14px 16px}.sba-related-card-cat{font-family:var(--sba-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sba-accent);display:block;margin-bottom:6px}.sba-related-card-title{font-family:var(--sba-serif);font-size:15px;color:var(--sba-text-0);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (hover:hover){.sba-related-card:hover .sba-related-card-title{color:var(--sba-accent)}}.sba-related-card-meta{font-family:var(--sba-mono);font-size:10px;color:var(--sba-text-3);margin-top:8px;display:block}.sba-article-native-ad{margin:24px 0}.sba-sidebar-sticky{position:sticky;top:72px;display:flex;flex-direction:column;gap:24px}.sba-newsletter{background:linear-gradient(135deg,var(--sba-bg-2),var(--sba-bg-3));border:1px solid var(--sba-border);border-radius:var(--sba-radius);padding:20px}.sba-newsletter-head{font-family:var(--sba-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--sba-text-3);margin-bottom:8px}.sba-newsletter-desc{font-size:13px;color:var(--sba-text-2);line-height:1.5;margin:0 0 16px}.sba-newsletter-form{display:flex;flex-direction:column;gap:8px}.sba-newsletter-input{font-family:var(--sba-sans);font-size:13px;padding:10px 12px;border-radius:var(--sba-radius-sm);border:1px solid var(--sba-border);background:var(--sba-bg-0);color:var(--sba-text-0);outline:none;transition:border-color var(--sba-ease)}.sba-newsletter-input:focus{border-color:var(--sba-accent)}.sba-newsletter-input::-moz-placeholder{color:var(--sba-text-3)}.sba-newsletter-input::placeholder{color:var(--sba-text-3)}.sba-newsletter-submit{font-family:var(--sba-mono);font-size:11px;font-weight:600;padding:10px;border-radius:var(--sba-radius-sm);border:none;background:var(--sba-accent);color:#fff;cursor:pointer;transition:background var(--sba-ease)}.sba-newsletter-submit:focus-visible{outline:2px solid var(--sba-accent);outline-offset:2px}@media (hover:hover){.sba-newsletter-submit:hover{background:var(--sba-accent-hover)}}.sba-newsletter-success{font-size:13px;color:var(--sba-green);text-align:center;padding:12px 0}.sba-floating-share{display:none}@media (max-width:959px){.sba-floating-share{position:fixed;bottom:0;left:0;right:0;z-index:90;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 16px;background:color-mix(in srgb,var(--sba-bg-1) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--sba-border);transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.sba-floating-share--visible{transform:translateY(0);pointer-events:auto}}@media (prefers-reduced-motion:reduce){.sba-floating-share{transition:none}}.sba-floating-share-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--sba-border);background:var(--sba-bg-2);color:var(--sba-text-2);cursor:pointer;transition:all var(--sba-ease)}.sba-floating-share-btn:focus-visible{outline:2px solid var(--sba-accent);outline-offset:2px}@media (hover:hover){.sba-floating-share-btn:hover{background:var(--sba-accent-soft);border-color:var(--sba-accent);color:var(--sba-accent)}}.sba-back-to-top{position:fixed;bottom:24px;right:24px;z-index:80;width:44px;height:44px;border-radius:50%;border:1px solid var(--sba-border);background:color-mix(in srgb,var(--sba-bg-1) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--sba-text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .3s ease,transform .3s ease,background var(--sba-ease),color var(--sba-ease)}.sba-back-to-top--visible{opacity:1;transform:translateY(0);pointer-events:auto}.sba-back-to-top:focus-visible{outline:2px solid var(--sba-accent);outline-offset:2px}@media (hover:hover){.sba-back-to-top:hover{background:var(--sba-accent);border-color:var(--sba-accent);color:#fff}}@media (prefers-reduced-motion:reduce){.sba-back-to-top{transition:none}}@media (max-width:959px){.sba-back-to-top{bottom:72px}}.sba-article-prefooter{display:flex;justify-content:center;padding:24px 16px}.sba-article-prefooter .sba-ad{max-width:728px;height:90px}@media (max-width:767px){.sba-article-prefooter .sba-ad{max-width:320px;height:50px}}