:root{--font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--grn-green:#00ab5b;--grn-green-bright:#00d66f;--grn-navy:#0f1629;--brand-navy:#0f1629;--brand-green:#00ab5b}body{background:#fff;color:#0f1629;font-family:var(--font-sans)}.container{max-width:1360px;padding:0 32px}.site-header{height:65px;background:rgba(10,25,47,.88);border-bottom:1px solid #ffffff1a}.nav{max-width:1280px;height:64px}.nav__logo img{width:38px;height:38px}.nav__links a{color:#d1d5db;font-size:14px}.nav__links a:hover{color:#00ab5b}#global-menu{display:flex;align-items:center;gap:80px}.btn{border-radius:8px;padding:12px 28px;font-size:16px}.btn--primary{background:#00ab5b;color:#071321}.btn--primary:hover{background:#00d66f}.btn--ghost{border:2px solid #00886e;color:#00bb89}.mobile-toggle{display:none}.hero-compact{background:#0f1629;padding:64px 0 80px}.hero-compact .container--article{max-width:1360px;padding-top:76px}.breadcrumb{height:28px;display:flex;align-items:center;gap:16px;font-size:14px;color:#a5adbd;overflow:hidden;white-space:nowrap}.breadcrumb a{text-decoration:none}.hero-compact__tags{margin-bottom:24px}.hero-compact__tags span{background:#00ab5b26;color:#00c884;font-weight:500;letter-spacing:0}.hero-compact__title{font-size:48px;line-height:1.08;max-width:940px;letter-spacing:-.04em;margin-bottom:26px}.highlight-green{color:inherit}.hero-compact__sub{font-size:20px;line-height:1.5;max-width:900px;color:#c3c8d2;margin-bottom:28px}.hero-compact__meta-row{display:block;border:0;padding:0;color:#9ca3af;font-size:14px}.meta-left{margin-bottom:26px}.meta-share{border-top:1px solid #ffffff30;padding-top:16px;justify-content:flex-start}.share-icon{width:40px;height:40px;background:#ffffff12}.share-icon svg{width:19px;height:19px}.reading-progress{background:#00ab5b;height:3px}.hero-image{background:#f9fafb;padding-top:0;padding-bottom:0}.hero-image img{width:100%;height:260px;object-fit:cover;border-radius:0;display:block}.article-section{padding:80px 0}.article-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:64px;align-items:start}.toc-sidebar{position:sticky;top:96px;max-height:calc(100vh - 128px);overflow:auto;border:1px solid #e5e7eb;border-radius:12px;background:linear-gradient(135deg,#f9fafb,#fff);padding:24px}.toc-sidebar summary{font-size:12px;font-weight:700;letter-spacing:.05em;padding-bottom:16px;border-bottom:2px solid #e5e7eb;list-style:none;cursor:pointer}.toc-links{padding-top:12px}.toc-links a{display:block;font-size:14px;line-height:1.4;text-decoration:none;color:#6b7280;padding:9px 10px;border-left:2px solid transparent}.toc-links a.depth-3{font-size:13px;padding-left:22px}.toc-links a.active,.toc-links a:hover{color:#00ab5b;border-left-color:#00ab5b;background:#00ab5b12}.article{min-width:0}.article p,.article li{font-size:18px;line-height:1.8;color:#374151}.article p{margin-bottom:24px}.article h2{font-size:32px;line-height:1.25;margin-top:48px;margin-bottom:24px;font-weight:700;scroll-margin-top:100px}.article h2:first-child{margin-top:0}.article h3{font-size:24px;font-weight:600;line-height:1.35;scroll-margin-top:100px}.article blockquote{border-left-color:#00ab5b}.embed{margin:40px 0}.canvas{min-height:0!important;padding:16px!important;max-width:100%}.diagram{max-width:100%}.diagram__title{font-size:18px!important;line-height:1.3!important}.diagram-link{color:#008849!important;background:#00ab5b12!important}.diagram__note,.scene__note{font-size:12px!important;line-height:1.6}.scene__svg,.chain-svg{max-width:100%;height:auto}.mobile-diagram{display:none}.cta-card{background:linear-gradient(135deg,#0f1629,#1a1f3a);border-radius:24px;padding:48px}.footer{background:#0f1629}.related__card{border-color:#e5e7eb}.author-box img{object-fit:contain}.standalone{padding:24px}.back-link{display:block;margin:0 0 24px;color:#008849}.standalone .canvas{max-width:720px;margin:auto}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #00ab5b;outline-offset:4px}
@media(max-width:1100px){#global-menu{gap:24px}.nav__links{gap:18px}.article-layout{gap:32px;grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:900px){.nav{padding:0 24px}.mobile-toggle{display:block;background:none;border:0;color:#cbd5e1;font-size:24px;padding:8px;cursor:pointer}#global-menu{display:none;position:absolute;top:65px;left:0;right:0;background:#0f1629;padding:24px;border-bottom:1px solid #29344d}#global-menu.open{display:flex;flex-direction:column;align-items:stretch}.nav__links{flex-direction:column;align-items:flex-start;gap:20px}.nav__ctas{flex-wrap:wrap}.article-layout{display:block}.toc-sidebar{position:relative;top:0;max-height:none;margin-bottom:40px}.toc-links{max-height:320px;overflow:auto}.hero-compact__title{font-size:38px}.hero-image img{height:200px}}
@media(max-width:600px){.container{padding-left:24px;padding-right:24px}.hero-compact{padding-bottom:48px}.hero-compact .container--article{padding-top:44px}.hero-compact__title{font-size:32px;line-height:1.2}.hero-compact__sub{font-size:18px}.meta-left{flex-wrap:wrap;gap:8px}.breadcrumb{font-size:12px}.hero-image{padding:0}.hero-image img{height:150px;border-radius:0;gap:12px;margin:24px 0}.mobile-diagram div{padding:16px;border:1px solid #dce9e3;border-radius:10px;background:#f5faf7;color:#344054;font-size:15px;line-height:1.6}.mobile-diagram b{display:block;color:#0f1629;margin-bottom:5px}.scene{padding:0!important;min-height:0!important}.scene__head{position:static!important}.scene__title{font-size:24px!important}.diagram-footer{flex-wrap:wrap;gap:12px}.cta-card{padding:28px}.cta-card h2{font-size:26px}.footer__cols{gap:30px}.standalone{padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}