:root{--bg:#080C1C;--surface:#0D1328;--border:rgba(255,255,255,0.08);--orange:#FA5000;--cyan:#00C3E3;--text:#FFFFFF;--muted:rgba(255,255,255,0.75);--subtle:rgba(255,255,255,0.50)}
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth;scroll-padding-top:88px}
    body{font-family:'Satoshi',sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
    body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:0.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

    .nav{position:fixed;top:0;left:0;right:0;z-index:100;height:68px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
    .nav.scrolled{background:rgba(8,12,28,0.96);border-bottom-color:var(--border);backdrop-filter:blur(14px)}
    .nav-logo{display:flex;align-items:center;text-decoration:none}
    .nav-links{display:flex;align-items:center;gap:4px}
    .nav-link{padding:8px 14px;border-radius:7px;font-size:14px;font-weight:500;color:rgba(255,255,255,0.7);background:none;border:none;cursor:pointer;transition:color .2s,background .2s;text-decoration:none;display:flex;align-items:center;gap:5px}
    .nav-link:hover{color:white;background:rgba(255,255,255,0.07)}
    .nav-drop{position:relative}
    .nav-drop-menu{position:absolute;top:100%;left:0;min-width:200px;background:#0D1328;border:1px solid var(--border);border-radius:10px;padding:6px;padding-top:12px;margin-top:0;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s,transform .15s;box-shadow:0 24px 64px rgba(0,0,0,0.55)}
    .nav-drop-menu::before{content:'';position:absolute;top:0;left:0;right:0;height:8px}
    .nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{opacity:1;pointer-events:auto;transform:translateY(0)}
    .nav-drop-item{display:block;padding:9px 12px;border-radius:6px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.62);text-decoration:none;transition:color .15s,background .15s}
    .nav-drop-item:hover{color:white;background:rgba(255,255,255,0.07)}
    .nav-cta{padding:9px 22px;border-radius:8px;background:var(--orange);color:#080C1C;font-size:14px;font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:opacity .2s,transform .2s}
    .nav-cta:hover{opacity:.87;transform:translateY(-1px)}
    .nav-controls{display:flex;align-items:center;gap:10px;margin-right:4px}
    .theme-pill{display:flex;align-items:center;background:rgba(8,12,28,0.72);border:1.5px solid rgba(255,255,255,0.55);border-radius:20px;padding:2px;cursor:pointer;transition:background .2s,border-color .2s;font-family:inherit;backdrop-filter:blur(8px)}
    .theme-pill:hover{border-color:rgba(255,255,255,0.80);background:rgba(8,12,28,0.88)}
    .theme-opt{display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:16px;font-size:11px;font-weight:600;letter-spacing:.03em;transition:background .2s,color .2s;color:rgba(255,255,255,0.55);white-space:nowrap}
    :root:not([data-theme="light"]) .theme-opt-dark{background:rgba(139,120,255,0.18);color:#a89fff}
    :root:not([data-theme="light"]) .theme-opt-dark svg{stroke:#a89fff}
    .nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;z-index:200}
    .nav-hamburger span{display:block;width:22px;height:2px;background:white;border-radius:2px;transition:transform .3s,opacity .3s}
    .nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .nav-hamburger.open span:nth-child(2){opacity:0}
    .nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
    .nav-mobile{display:none;position:fixed;inset:0;top:68px;background:rgba(8,12,28,0.98);backdrop-filter:blur(16px);z-index:150;padding:32px 24px;flex-direction:column;gap:6px;overflow-y:auto}
    .nav-mobile.open{display:flex}
    .nav-mobile .nav-link{font-size:17px;font-weight:600;padding:14px 16px;color:rgba(255,255,255,.8)}
    .nav-mobile .nav-cta{margin-top:16px;text-align:center;padding:14px;font-size:16px;border-radius:10px}
    .nav-mobile-section{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.25);padding:16px 16px 6px}
    .nav-mobile-close{position:absolute;top:16px;right:20px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
    .nav-mobile-close:hover{background:rgba(255,255,255,.14)}

    .aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
    .aurora-orb{position:absolute;border-radius:50%}
    .orb1{width:680px;height:680px;top:-260px;right:-180px;background:radial-gradient(circle at 40% 40%,rgba(0,195,227,.55) 0%,rgba(0,195,227,.20) 45%,transparent 72%);filter:blur(45px)}
    .orb2{width:600px;height:600px;bottom:-220px;left:-200px;background:radial-gradient(circle at 60% 60%,rgba(250,80,0,.50) 0%,rgba(250,80,0,.18) 45%,transparent 72%);filter:blur(48px)}
    .orb3{width:520px;height:520px;top:30%;left:18%;background:radial-gradient(circle at 50% 50%,rgba(110,60,255,.38) 0%,rgba(90,50,220,.12) 45%,transparent 70%);filter:blur(50px)}
    @media(max-width:768px){.aurora{display:none}}

    .page-wrap{max-width:1280px;margin:0 auto;padding:0 80px}

    .art-hero{padding:140px 0 64px;position:relative;z-index:1}
    .breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.4);margin-bottom:28px;flex-wrap:wrap}
    .breadcrumb a{color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s}
    .breadcrumb a:hover{color:white}
    .breadcrumb span{color:rgba(255,255,255,.2)}

    .art-tags{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}
    .tag{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:20px}
    .tag-type{background:rgba(250,80,0,.12);border:1px solid rgba(250,80,0,.28);color:var(--orange)}
    .tag-topic{background:rgba(0,195,227,.07);border:1px solid rgba(0,195,227,.18);color:var(--cyan)}

    .art-h1{font-size:clamp(30px,3.8vw,52px);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:white;margin-bottom:20px;max-width:860px}
    .art-intro{font-size:18px;line-height:1.72;color:rgba(255,255,255,.78);max-width:720px;margin-bottom:36px}

    .art-meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
    .meta-author{display:flex;align-items:center;gap:10px}
    .meta-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:white;flex-shrink:0}
    .meta-name{font-size:14px;font-weight:600;color:white}
    .meta-role{font-size:12px;color:rgba(255,255,255,.45)}
    .meta-divider{width:1px;height:32px;background:var(--border)}
    .meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,.45)}
    .meta-item svg{width:14px;height:14px;stroke:rgba(255,255,255,.3);flex-shrink:0}

    .art-body{padding:72px 0 80px;display:grid;grid-template-columns:1fr 300px;gap:80px;align-items:start;position:relative;z-index:1}

    .art-prose{min-width:0}
    .art-prose h2{font-size:clamp(22px,2.2vw,28px);font-weight:700;letter-spacing:-.022em;line-height:1.25;color:white;margin:48px 0 16px}
    .art-prose h2:first-child{margin-top:0}
    .art-prose h3{font-size:18px;font-weight:700;letter-spacing:-.015em;line-height:1.3;color:rgba(255,255,255,.9);margin:32px 0 12px}
    .art-prose p{font-size:16px;line-height:1.85;color:var(--muted);margin-bottom:20px}
    .art-prose p:last-child{margin-bottom:0}
    .art-prose ul,.art-prose ol{padding-left:0;margin-bottom:24px;display:flex;flex-direction:column;gap:10px;list-style:none}
    .art-prose li{font-size:16px;line-height:1.75;color:var(--muted);display:flex;align-items:flex-start;gap:12px}
    .art-prose ul li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cyan);flex-shrink:0;margin-top:9px}
    .art-prose ol{counter-reset:ol-counter}
    .art-prose ol li{counter-increment:ol-counter}
    .art-prose ol li::before{content:counter(ol-counter);min-width:24px;height:24px;border-radius:50%;background:rgba(0,195,227,.1);border:1px solid rgba(0,195,227,.25);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--cyan);flex-shrink:0;margin-top:2px}
    .art-prose strong{font-weight:700;color:white}
    .art-prose a{color:var(--cyan);text-decoration:underline;text-decoration-color:rgba(0,195,227,.35);transition:text-decoration-color .2s}
    .art-prose a:hover{text-decoration-color:var(--cyan)}
    .art-prose hr{border:none;height:1px;background:var(--border);margin:40px 0}

    .measures-table{margin:28px 0;border-top:1px solid var(--border)}
    .measure-row{display:grid;grid-template-columns:36px 1fr 1.6fr;gap:0 24px;padding:18px 0;border-bottom:1px solid var(--border);align-items:start}
    .measure-n{width:28px;height:28px;border-radius:50%;background:rgba(0,195,227,.1);border:1px solid rgba(0,195,227,.25);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--cyan);flex-shrink:0;margin-top:2px}
    .measure-term{font-size:15px;font-weight:700;color:white;line-height:1.5}
    .measure-def{font-size:15px;line-height:1.75;color:var(--muted)}
    [data-theme="light"] .measure-term{color:#0A1440}
    [data-theme="light"] .measure-def{color:rgba(10,20,60,.65)}
    @media(max-width:640px){.measure-row{grid-template-columns:36px 1fr}.measure-def{grid-column:2;margin-top:6px}}

    .pull-quote{border-left:3px solid var(--orange);padding:4px 0 4px 24px;margin:36px 0}
    .pull-quote p{font-size:19px;font-style:italic;line-height:1.65;color:rgba(255,255,255,.85);margin:0}

    .callout{background:rgba(0,195,227,.06);border:1px solid rgba(0,195,227,.18);border-radius:12px;padding:24px 28px;margin:32px 0}
    .callout-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}
    .callout p{font-size:15px;line-height:1.75;color:rgba(255,255,255,.75);margin:0}
    .callout.warning{background:rgba(250,80,0,.06);border-color:rgba(250,80,0,.18)}
    .callout.warning .callout-label{color:var(--orange)}

    .stat-highlight{display:flex;gap:24px;flex-wrap:wrap;margin:36px 0}
    .stat-hl{flex:1;min-width:140px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px;text-align:center}
    .stat-hl-n{font-size:36px;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:8px}
    .stat-hl-n.o{color:var(--orange)}
    .stat-hl-n.c{color:var(--cyan)}
    .stat-hl-l{font-size:12px;color:var(--muted);line-height:1.5}

    .art-sidebar{position:sticky;top:88px}
    .sidebar-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:24px;margin-bottom:16px}
    .sidebar-card:last-child{margin-bottom:0}
    .sidebar-title{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:16px}
    .fc-link{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:rgba(255,255,255,.52);margin-bottom:12px;text-decoration:none;transition:color .2s;line-height:1.45}
    .fc-link:last-child{margin-bottom:0}
    .fc-link:hover{color:white}
    .fc-link svg{flex-shrink:0;margin-top:2px}
    .share-btns{display:flex;flex-direction:column;gap:8px}
    .share-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;border:1px solid var(--border);background:rgba(255,255,255,.03);transition:background .2s,border-color .2s;color:rgba(255,255,255,.7)}
    .share-btn:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:white}
    .share-btn svg{flex-shrink:0}
    .toc{display:flex;flex-direction:column;gap:2px}
    .toc-item{font-size:13px;color:rgba(255,255,255,.45);text-decoration:none;padding:6px 10px;border-radius:6px;border-left:2px solid transparent;transition:color .2s,background .2s,border-color .2s;line-height:1.4}
    .toc-item:hover{color:white;background:rgba(255,255,255,.05);border-left-color:var(--cyan)}

    .art-cta{background:radial-gradient(ellipse 90% 70% at 50% 120%,rgba(250,80,0,.22) 0%,transparent 60%),radial-gradient(ellipse 55% 60% at 5% 0%,rgba(0,195,227,.08) 0%,transparent 55%),radial-gradient(circle,rgba(255,255,255,.038) 1px,transparent 1px),rgba(13,19,40,0.90);background-size:auto,auto,28px 28px,auto;border-top:1px solid var(--border);padding:80px;text-align:center;position:relative;overflow:hidden}
    .art-cta::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(250,80,0,.6) 30%,rgba(0,195,227,.6) 70%,transparent 100%)}
    .art-cta-eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:16px}
    .art-cta-h2{font-size:clamp(26px,3vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:white;margin-bottom:14px}
    .art-cta-sub{font-size:16px;color:var(--muted);margin:0 auto 36px;max-width:420px;line-height:1.72}
    .art-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
    .btn-primary{display:inline-block;padding:14px 30px;border-radius:8px;background:var(--orange);color:#080C1C;font-size:15px;font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:opacity .2s,transform .2s}
    .btn-primary:hover{opacity:.86;transform:translateY(-2px)}
    .btn-ghost{display:inline-block;padding:14px 30px;border-radius:8px;background:transparent;color:white;font-size:15px;font-weight:600;border:1px solid rgba(255,255,255,.22);cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
    .btn-ghost:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.38);transform:translateY(-2px)}

    .footer{background:radial-gradient(ellipse 60% 90% at 10% 40%,rgba(250,80,0,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 80% at 90% 70%,rgba(0,195,227,.05) 0%,transparent 60%),rgba(4,7,15,0.90);border-top:1px solid var(--border);padding:72px 80px 40px}
    .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;max-width:1280px;margin:0 auto}
    .footer-tagline{font-size:13px;color:rgba(255,255,255,.38);line-height:1.65;max-width:220px;margin-top:10px}
    .fc-head{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:16px}
    .footer-fc-link{display:block;font-size:13px;color:rgba(255,255,255,.52);margin-bottom:10px;text-decoration:none;transition:color .2s}
    .footer-fc-link:hover{color:white}
    .footer-btm{max-width:1280px;margin:48px auto 0;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
    .footer-copy{font-size:12px;color:rgba(255,255,255,.26)}
    .footer-legal{display:flex;gap:20px}
    .footer-legal a{font-size:12px;color:rgba(255,255,255,.26);text-decoration:none}
    .footer-legal a:hover{color:rgba(255,255,255,.6)}
    .footer-social{display:flex;gap:10px;margin-top:16px}
    .social-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:color .2s,border-color .2s,background .2s}
    .social-li{color:#0A66C2;border-color:rgba(10,102,194,.3)}
    .social-li:hover{border-color:#0A66C2;background:rgba(10,102,194,.12)}

    [data-theme="light"]{--bg:#F0F4FF;--surface:#FFFFFF;--border:rgba(10,20,60,0.10);--text:#0A1440;--muted:rgba(10,20,60,0.55);--subtle:rgba(10,20,60,0.35);--cyan:#0098B0}
    [data-theme="light"] body{color:#0A1440}
    [data-theme="light"] .nav.scrolled{background:rgba(240,244,255,0.96);border-bottom-color:rgba(10,20,60,0.12)}
    [data-theme="light"] .nav-hamburger span{background:#0A1440}
    [data-theme="light"] .nav-link{color:rgba(10,20,60,0.65)}
    [data-theme="light"] .nav-link:hover{color:#0A1440;background:rgba(10,20,60,0.06)}
    [data-theme="light"] .nav-drop-menu{background:#fff;border-color:rgba(10,20,60,.10);box-shadow:0 16px 48px rgba(10,20,60,.10)}
    [data-theme="light"] .nav-drop-item{color:rgba(10,20,60,.60)}
    [data-theme="light"] .nav-drop-item:hover{color:#0A1440;background:rgba(10,20,60,.05)}
    [data-theme="light"] .art-h1{color:#0A1440}
    [data-theme="light"] .art-intro{color:rgba(10,20,60,.65)}
    [data-theme="light"] .art-meta{border-color:rgba(10,20,60,.10)}
    [data-theme="light"] .meta-name{color:#0A1440}
    [data-theme="light"] .meta-divider{background:rgba(10,20,60,.10)}
    [data-theme="light"] .art-prose h2{color:#0A1440}
    [data-theme="light"] .art-prose h3{color:rgba(10,20,60,.85)}
    [data-theme="light"] .art-prose p{color:rgba(10,20,60,.65)}
    [data-theme="light"] .art-prose li{color:rgba(10,20,60,.65)}
    [data-theme="light"] .art-prose ul li::before{background:#0098B0}
    [data-theme="light"] .art-prose ol li::before{background:rgba(0,152,176,.08);border-color:rgba(0,152,176,.25);color:#0098B0}
    [data-theme="light"] .art-prose strong{color:#0A1440}
    [data-theme="light"] .art-prose a{color:#0098B0}
    [data-theme="light"] .art-prose hr{background:rgba(10,20,60,.10)}
    [data-theme="light"] .pull-quote p{color:rgba(10,20,60,.75)}
    [data-theme="light"] .callout{background:rgba(0,152,176,.05);border-color:rgba(0,152,176,.18)}
    [data-theme="light"] .callout p{color:rgba(10,20,60,.65)}
    [data-theme="light"] .callout.warning{background:rgba(250,80,0,.05);border-color:rgba(250,80,0,.18)}
    [data-theme="light"] .stat-hl{background:rgba(10,20,60,.04);border-color:rgba(10,20,60,.10)}
    [data-theme="light"] .stat-hl-l{color:rgba(10,20,60,.55)}
    [data-theme="light"] .sidebar-card{background:#fff;border-color:rgba(10,20,60,.10);box-shadow:0 4px 16px rgba(10,20,60,.06)}
    [data-theme="light"] .fc-link{color:rgba(10,20,60,.55)}
    [data-theme="light"] .fc-link:hover{color:#0A1440}
    [data-theme="light"] .share-btn{border-color:rgba(10,20,60,.12);background:rgba(10,20,60,.03);color:rgba(10,20,60,.65)}
    [data-theme="light"] .share-btn:hover{background:rgba(10,20,60,.07);border-color:rgba(10,20,60,.20);color:#0A1440}
    [data-theme="light"] .toc-item{color:rgba(10,20,60,.45)}
    [data-theme="light"] .toc-item:hover{color:#0A1440;background:rgba(10,20,60,.05);border-left-color:#0098B0}
    [data-theme="light"] .art-cta{background:radial-gradient(ellipse 90% 70% at 50% 120%,rgba(250,80,0,.10) 0%,transparent 60%),radial-gradient(circle,rgba(10,20,60,.028) 1px,transparent 1px),rgba(232,238,255,0.97);background-size:auto,28px 28px,auto}
    [data-theme="light"] .art-cta-h2{color:#0A1440}
    [data-theme="light"] .art-cta-sub{color:rgba(10,20,60,.60)}
    [data-theme="light"] .btn-ghost{color:#0A1440;border-color:rgba(10,20,60,.22)}
    [data-theme="light"] .btn-ghost:hover{background:rgba(10,20,60,.06);border-color:rgba(10,20,60,.38)}
    [data-theme="light"] .footer{background:#E5EAF8;border-color:rgba(10,20,60,.10)}
    [data-theme="light"] .footer-fc-link{color:rgba(10,20,60,.55)}
    [data-theme="light"] .footer-fc-link:hover{color:#0A1440}
    [data-theme="light"] .footer-btm{border-color:rgba(10,20,60,.10)}
    [data-theme="light"] .footer-copy,.footer-legal a{color:rgba(10,20,60,.35)}
    [data-theme="light"] .aurora-orb{opacity:0.12}
    [data-theme="light"] .theme-pill{background:rgba(10,20,60,0.07);border-color:rgba(10,20,60,0.18)}
    [data-theme="light"] .theme-opt{color:rgba(10,20,60,0.40)}
    [data-theme="light"] .theme-opt-light{background:rgba(255,200,0,0.15);color:#B07800}
    [data-theme="light"] .theme-opt-light svg{stroke:#F5A800}
    [data-theme="light"] .nav-mobile{background:rgba(240,244,255,0.98)}
    [data-theme="light"] .nav-mobile .nav-link{color:rgba(10,20,60,0.80)}
    [data-theme="light"] .nav-mobile-section{color:rgba(10,20,60,0.32)}
    [data-theme="light"] .nav-mobile-close{background:rgba(10,20,60,.06);border-color:rgba(10,20,60,.12);color:#0A1440}

    @media(max-width:1024px){
      .page-wrap{padding:0 48px}
      .art-body{grid-template-columns:1fr;gap:48px}
      .art-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}
      .sidebar-card{margin-bottom:0}
      .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:36px}
      .footer-grid>div:first-child{grid-column:1/-1}
      .art-cta{padding:80px 48px}
      .footer{padding:64px 48px 36px}
    }
    @media(max-width:768px){
      .nav{padding:0 20px}
      .nav-links,.nav-cta,.nav-controls{display:none}
      .nav-hamburger{display:flex}
      .page-wrap{padding:0 24px}
      .art-hero{padding:120px 0 48px}
      .art-body{padding:48px 0 64px;gap:40px}
      .art-sidebar{grid-template-columns:1fr}
      .art-prose h2{font-size:22px;margin-top:36px}
      .stat-highlight{gap:12px}
      .art-cta{padding:64px 24px}
      .footer{padding:56px 20px 40px}
      .footer-grid{grid-template-columns:1fr 1fr;gap:36px 24px}
      .footer-grid>div:first-child{grid-column:1/-1}
      .footer-btm{flex-direction:column;gap:14px;text-align:center}
      .footer-legal{flex-wrap:wrap;justify-content:center}
    }
    @media(max-width:480px){
      .art-cta-btns{flex-direction:column;align-items:center}
      .art-meta{gap:14px}
      .meta-divider{display:none}
    }
    :focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}
    @media(prefers-reduced-motion:reduce){.aurora-orb{animation:none}}
    .takeaways{background:rgba(0,195,227,.06);border:1px solid rgba(0,195,227,.18);border-radius:14px;padding:24px 28px;margin:0 0 40px}
    .takeaways-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
    .takeaways-list{list-style:none;display:flex;flex-direction:column;gap:10px}
    .takeaways-list li{font-size:15px;line-height:1.65;color:var(--muted);padding-left:22px;position:relative}
    .takeaways-list li::before{content:'\2192';position:absolute;left:0;color:var(--cyan);font-weight:700}
    .faq-section{max-width:1280px;margin:0 auto;padding:0 80px 80px}.faq-section .page-wrap{padding:0 380px 0 0}@media(max-width:1024px){.faq-section{padding:0 48px 80px}.faq-section .page-wrap{padding:0}}@media(max-width:768px){.faq-section{padding:0 24px 80px}}
    .faq-section h2{font-size:clamp(22px,2.5vw,30px);font-weight:800;letter-spacing:-.03em;color:white;margin-bottom:28px}
    .faq-list{display:flex;flex-direction:column;gap:8px}
    .faq-item{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.02)}
    .faq-q{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font-size:15px;font-weight:600;color:white;cursor:pointer;list-style:none;gap:16px;line-height:1.4}
    .faq-q::-webkit-details-marker{display:none}
    .faq-q::after{content:'';width:18px;height:18px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,.4)' stroke-width='2.5'%3E%3Cpath d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;transition:transform .2s}
    details[open] .faq-q::after{transform:rotate(180deg)}
    .faq-a{padding:0 22px 18px;font-size:15px;line-height:1.75;color:var(--muted)}
    .faq-a p{margin:0}
    [data-theme="light"] .faq-section h2{color:#0A1440}
    [data-theme="light"] .faq-item{border-color:rgba(10,20,60,.10);background:rgba(10,20,60,.02)}
    [data-theme="light"] .faq-q{color:#0A1440}
    [data-theme="light"] .faq-q::after{background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='rgba(10,20,60,.4)' stroke-width='2.5'%3E%3Cpath d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")}
    [data-theme="light"] .faq-a{color:rgba(10,20,60,.65)}
    [data-theme="light"] .takeaways{background:rgba(0,152,176,.05);border-color:rgba(0,152,176,.18)}
    [data-theme="light"] .takeaways-list li{color:rgba(10,20,60,.65)}
    [data-theme="light"] .takeaways-list li::before{color:#0098B0}
  
    [data-theme="light"] .lang-switch{border-color:rgba(10,20,60,0.18);color:rgba(10,20,60,0.65);}
    [data-theme="light"] .lang-switch:hover{border-color:rgba(10,20,60,0.35);color:#0A1440;background:rgba(10,20,60,0.05);}

    /* Language selector */
    .lang-sel{display:flex;align-items:center;background:rgba(8,12,28,0.72);border:1.5px solid rgba(255,255,255,0.55);border-radius:20px;padding:2px;gap:0;backdrop-filter:blur(12px)}
    .lang-opt{display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:16px;font-size:11px;font-weight:600;letter-spacing:.03em;color:rgba(255,255,255,0.55);text-decoration:none;transition:background .2s,color .2s;white-space:nowrap;}
    .lang-opt.active{background:rgba(255,255,255,0.14);color:white;cursor:default;}
    .lang-opt:hover:not(.active){color:rgba(255,255,255,0.85);}
    .lang-flag{font-size:13px;line-height:1;}
    [data-theme="light"] .lang-sel{background:rgba(10,20,60,0.07);border-color:rgba(10,20,60,0.18);}
    [data-theme="light"] .lang-opt{color:rgba(10,20,60,0.45);}
    [data-theme="light"] .lang-opt.active{background:rgba(10,20,60,0.12);color:#0A1440;}
    [data-theme="light"] .lang-opt:hover:not(.active){color:#0A1440;}

/* related articles */
.related-section{max-width:1280px;margin:0 auto;padding:44px 80px 80px}@media(max-width:1024px){.related-section{padding:44px 48px 80px}}@media(max-width:768px){.related-section{padding:44px 24px 80px}}
.related-label{font-size:clamp(22px,2.5vw,30px);font-weight:800;letter-spacing:-.03em;color:var(--text);margin:0 0 20px}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.related-card{display:block;padding:14px 18px;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--fg);font-size:.875rem;font-weight:600;line-height:1.4;transition:border-color .18s}
.related-card:hover{border-color:var(--orange)}