/* SI Academy · v6 «Solar Pearl» layer — index.html canon on every academy page.
   Loaded after each page's inline <style>; wins by html-body specificity + !important where the page uses it. */
:root{--sans:'Geist','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:'Geist','Inter',-apple-system,sans-serif;--mono:'Geist Mono','IBM Plex Mono',Menlo,ui-monospace,monospace;--silk:cubic-bezier(.16,1,.3,1);--gold-grad:linear-gradient(180deg,#FFE7A8 0%,#E5B368 100%);--grid:rgba(196,152,56,.075)}
html body{font-family:var(--sans);background-color:var(--pearl);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:48px 48px;background-attachment:fixed}
html body h1,html body h2,html body h3,html body h4,html body .lcard h3{font-family:var(--display)!important;letter-spacing:-.045em}
html body h3,html body h4{letter-spacing:-.02em}

/* ── hero: obsidian → Solar Pearl ── */
html body .hero{color:var(--ink)!important;background:radial-gradient(900px 520px at 88% -12%,rgba(255,106,61,.12),transparent 70%),radial-gradient(760px 460px at -8% 8%,rgba(229,179,104,.16),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.72),rgba(250,248,245,0))!important;border-bottom:1px solid var(--line2)}
html body .hero::before{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px)!important;background-size:48px 48px!important;-webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 55%,transparent 100%);mask-image:radial-gradient(120% 90% at 50% 0%,#000 55%,transparent 100%)}
html body .hero .bar{position:relative;z-index:2;margin:0 calc(-1*clamp(16px,3vw,40px));padding:12px clamp(16px,3vw,40px);background:rgba(255,255,255,.72);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid rgba(185,136,62,.18);box-shadow:0 10px 30px -24px rgba(110,80,30,.45)}
html body .hero .shell{padding-top:0}
html body .logo-lead{color:var(--ink)!important}
html body .logo{color:var(--ink)!important}
html body .hero h1{color:var(--ink);font-weight:700;letter-spacing:-.055em}
html body .hero .lead{color:var(--mute)!important}
html body .badge{color:var(--gold-d)!important;background:rgba(255,255,255,.7)!important;border-color:rgba(185,136,62,.35)!important}
html body .bar .ver{color:var(--mute)!important;border-color:var(--line)!important;background:#fff}
html body .mini.dark{color:var(--ink)!important;background:rgba(255,255,255,.85)!important;border-color:rgba(185,136,62,.35)!important;box-shadow:inset 0 1px 0 #fff,0 6px 14px -10px rgba(110,80,30,.5)}
html body .mini.dark:hover{border-color:#E5B368!important}
html body .crumbs{color:var(--mute)!important}html body .crumbs a{color:var(--body)!important}

/* progress card: obsidian with border beam stays — the index uses obsidian as the accent surface */
html body .prog{box-shadow:0 30px 70px -32px rgba(12,8,4,.75),0 0 46px -20px rgba(255,90,54,.35)}
html body .prog-top b{color:#F5EEDF}

/* ── cards: white, gold hairline, spring lift + cursor spotlight ── */
html body .lcard,html body .sub,html body .toc,html body .cardmod .lcard{border-color:rgba(185,136,62,.22)!important;box-shadow:inset 0 1px 0 #fff,0 18px 40px -26px rgba(110,80,30,.38)!important;transition:transform .55s var(--silk),box-shadow .55s var(--silk),border-color .3s!important}
html body .lcard{position:relative;isolation:isolate;background:radial-gradient(420px circle at var(--mx,50%) var(--my,-40%),rgba(255,168,38,.12),transparent 42%),#fff!important}
html body .lcard:hover{transform:translateY(-4px);border-color:#E5B368!important;box-shadow:inset 0 1px 0 #fff,0 30px 54px -28px rgba(150,105,42,.55)!important}
html body .lc-n{background:#0C0804!important;color:#FFE7A8!important}
html body .cardmod-h b{font-family:var(--display);letter-spacing:-.03em}

/* buttons: champagne gold for secondary, magma stays primary */
html body .done-btn{border-color:rgba(185,136,62,.4)!important;box-shadow:inset 0 1px 0 #fff,0 10px 22px -14px rgba(150,105,42,.6)!important}
html body .mini.gold{background:var(--gold-grad)!important;color:#191207!important;border-color:rgba(185,136,62,.55)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -2px 0 rgba(150,105,42,.2)}

/* ── performance: skip layout/paint of off-screen lesson blocks ── */
html body main .sub{content-visibility:auto;contain-intrinsic-size:auto 640px}
html body img{content-visibility:auto}

/* ── v6 components for new lessons ── */
.v6-verdict{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;margin:0 0 18px;padding:18px 20px;border-radius:18px;background:#0C0804;color:#F5EEDF;border:1px solid rgba(212,175,55,.3);box-shadow:0 24px 50px -30px rgba(12,8,4,.8)}
.v6-verdict b{display:block;font:700 10.5px/1 var(--mono);letter-spacing:.16em;color:#FFE7A8;margin-bottom:6px}
.v6-verdict p{color:#E9DCC6;margin:0}
.v6-verdict .v6-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--magma);font-size:18px}
.v6-nc{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.v6-flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0}
.v6-flow span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(185,136,62,.3);font:600 12px/1 var(--mono);color:var(--ink)}
.v6-flow i{font-style:normal;color:#FF6A3D;font-weight:700}
.v6-shot{margin:16px 0;border-radius:18px;overflow:hidden;border:1px solid rgba(185,136,62,.28);background:#0C0804;box-shadow:0 30px 60px -34px rgba(12,8,4,.7)}
.v6-shot img{display:block;width:100%;height:auto}
.v6-shot figcaption{padding:10px 14px;background:#fff;font:600 12px/1.45 var(--mono);color:var(--mute);border-top:1px solid var(--line2)}
.v6-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin:14px 0}
.v6-card{padding:16px;border-radius:16px;background:#fff;border:1px solid rgba(185,136,62,.22);box-shadow:inset 0 1px 0 #fff,0 14px 30px -24px rgba(110,80,30,.4)}
.v6-card b{display:block;font-family:var(--display);font-size:15.5px;letter-spacing:-.02em;margin-bottom:4px;color:var(--ink)}
.v6-card p{font-size:13.5px;margin:0}
.v6-card .k{font:700 10px/1 var(--mono);letter-spacing:.14em;color:var(--gold-d);margin-bottom:8px;display:block}
.v6-warn{margin:14px 0;padding:14px 16px;border-radius:14px;background:#FFF5EC;border:1px solid rgba(255,106,61,.3);color:#7A2E12;font-size:14px}
.v6-warn b{color:#C2410C}
.v6-check{list-style:none;display:grid;gap:8px;margin:12px 0}
.v6-check li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--line2);cursor:pointer;transition:border-color .3s,background .3s}
.v6-check li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:6px;border:1.5px solid rgba(185,136,62,.55);background:#fff;transition:background .3s var(--silk)}
.v6-check li.on{background:#F3FBF6;border-color:rgba(14,159,110,.35)}
.v6-check li.on::before{background:#0E9F6E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;border-color:#0E9F6E}
.v6-notch{position:relative;margin:16px auto;width:min(100%,520px);height:150px;border-radius:22px;background:linear-gradient(180deg,#7EA7C9,#A9C3D6);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.v6-notch .n{position:absolute;left:50%;top:0;transform:translateX(-50%);width:200px;height:34px;background:#000;border-radius:0 0 18px 18px;display:flex;align-items:center;justify-content:center;gap:10px;transition:width .6s var(--silk),height .6s var(--silk)}
.v6-notch .m{width:26px;height:18px;border-radius:9px;background:#F5F5F7;position:relative}
.v6-notch .m::before,.v6-notch .m::after{content:"";position:absolute;top:7px;width:3px;height:3px;border-radius:50%;background:#111}
.v6-notch .m::before{left:7px}.v6-notch .m::after{right:7px}
.v6-notch.ask .n{width:340px;height:96px;border-radius:0 0 28px 28px;flex-direction:column;gap:6px}
.v6-notch .q{display:none;color:#fff;font:600 11.5px/1.3 var(--mono);text-align:center}
.v6-notch.ask .q{display:block}
.v6-notch .btns{display:none;gap:6px}.v6-notch.ask .btns{display:flex}
.v6-notch .btns span{padding:4px 10px;border-radius:999px;font:700 10.5px/1 var(--mono);background:#2a2a2a;color:#fff}
.v6-notch .btns span.ok{background:#16A34A}
.v6-score{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px}
.v6-score label{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--line2);font-size:13.5px;cursor:pointer}
.v6-score input{accent-color:#FF3366}
.v6-meter{margin-top:12px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:#0C0804;color:#F5EEDF}
.v6-meter b{font:700 28px/1 var(--mono);background:var(--magma);-webkit-background-clip:text;background-clip:text;color:transparent;min-width:3ch}
.v6-meter span{font:700 12px/1 var(--mono);letter-spacing:.12em;padding:6px 10px;border-radius:999px;background:#2A2014}
@media (max-width:640px){html body .hero .bar{margin:0 -16px;padding:10px 16px}.v6-verdict{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html body .lcard,html body .sub{transition:none!important}}