:root{--bg:#071018;--panel:#0d1b28cc;--panel2:#0a1621;--text:#edf6fb;--muted:#9fb1be;--line:#a8cfe41f;--blue:#78d2ff;--cyan:#67f0d2;--violet:#baa8ff;--amber:#ffd27c;--red:#ff9099;--radius:20px;--shadow:0 18px 55px #00000048}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;background:radial-gradient(circle at 12% 0,#4ea9ff25,transparent 27%),radial-gradient(circle at 86% 7%,#745bff20,transparent 25%),linear-gradient(180deg,#071018,#08131d 55%,#061018)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.progress{position:fixed;z-index:99;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet));box-shadow:0 0 14px #67f0d275}.hero{position:relative;overflow:hidden;padding:84px 24px 64px;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:-10%;background:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000b,transparent)}.hero-inner{position:relative;max-width:1180px;margin:auto}.eyebrow{display:inline-flex;gap:9px;align-items:center;padding:7px 12px;border-radius:999px;border:1px solid #78d2ff38;background:#78d2ff0c;color:#bceaff;font-size:13px;letter-spacing:.06em}.dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}h1{max-width:930px;margin:24px 0 18px;font-size:clamp(40px,6vw,76px);line-height:1.05;letter-spacing:-.045em}.gradient{background:linear-gradient(90deg,#f5fbff,#85d8ff 40%,#bdafff 76%,#92efd8);background-clip:text;-webkit-background-clip:text;color:transparent}.subtitle{max-width:880px;color:#bbcad4;font-size:clamp(16px,2vw,20px);margin-bottom:28px}.meta{display:flex;flex-wrap:wrap;gap:9px}.chip,.pill{padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:#c6d6e0;font-size:12px}.hero-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:20px;margin-top:34px}.hero-card,.metric-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#122331d9,#0a1722c9);box-shadow:var(--shadow)}.hero-card{padding:28px}.kicker,.section-no{color:var(--cyan);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.hero-card .big{margin-top:7px;font-size:24px;line-height:1.45;font-weight:760}.metric-card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.metric{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric:nth-child(2n){border-right:0}.metric:nth-last-child(-n+2){border-bottom:0}.metric strong{display:block;font-size:25px;letter-spacing:-.04em}.metric span{color:var(--muted);font-size:11px}.layout{max-width:1180px;margin:auto;padding:44px 24px 90px;display:grid;grid-template-columns:248px minmax(0,1fr);gap:44px}.toc{position:sticky;top:25px;padding:18px;border:1px solid var(--line);border-radius:17px;background:#0a1722b8;backdrop-filter:blur(14px)}.toc-title{margin-bottom:9px;color:var(--blue);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.toc a{display:block;padding:7px 9px;border-radius:8px;color:#93a7b5;font-size:13px;text-decoration:none}.toc a:hover,.toc a.active{color:#fff;background:#78d2ff12}main{min-width:0}section{scroll-margin-top:20px;margin-bottom:66px}h2{margin:5px 0 17px;font-size:clamp(28px,3.7vw,42px);line-height:1.2;letter-spacing:-.028em}h3{margin:32px 0 10px;font-size:21px;letter-spacing:-.015em}p{margin:12px 0;color:#c3d1db}.lead{font-size:18px;color:#d5e2e9}strong{color:#f5fbff}.callout{margin:21px 0;padding:19px 21px;border-radius:15px;border:1px solid #67f0d22b;background:#67f0d20c}.callout b{color:#aaffeb}.callout.warn{border-color:#ffd27c2d;background:#ffd27c0c}.callout.warn b{color:#ffe2ac}.callout.red{border-color:#ff90992d;background:#ff90990b}.callout.red b{color:#ffc0c6}.cards,.model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:21px 0}.card,.model{padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.tag,.date{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.card h3,.model .name{margin:6px 0 7px;font-size:18px}.card p,.model p{margin:0;color:#aebfca;font-size:14px}.diagram{margin:24px 0;padding:25px;border:1px solid var(--line);border-radius:19px;background:radial-gradient(circle at 50% 15%,#78d2ff10,transparent 40%),#07131dd8;overflow:auto}.flow{min-width:670px;display:grid;grid-template-columns:130px 52px 150px 52px 1fr 52px 145px;gap:8px;align-items:center}.node{padding:14px 10px;border-radius:13px;border:1px solid #78d2ff31;background:#78d2ff10;text-align:center;font-size:13px;font-weight:750}.router{border-color:#baa8ff52;background:#baa8ff13}.merge{border-color:#67f0d24e;background:#67f0d211}.arrow{text-align:center;color:#68879a;font-size:22px}.experts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.expert{padding:11px 7px;border:1px solid var(--line);border-radius:11px;background:#ffffff05;color:#849aa9;text-align:center;font-size:11px}.expert.on{color:#fff;border-color:#67f0d24c;background:#67f0d213}.caption{margin-top:12px;text-align:center;color:#7f96a6;font-size:11px}.formula{margin:17px 0;padding:18px 19px;border-radius:13px;border:1px solid var(--line);background:#07121c;font-family:"SFMono-Regular",Consolas,monospace;color:#dbf5ff;overflow:auto}.comment{color:#6e8798}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.compare{padding:19px;border:1px solid var(--line);border-radius:17px;background:#ffffff04}.compare.good{border-color:#67f0d22e}.compare.bad{border-color:#ff90992c}.compare h3{margin:0 0 10px;font-size:17px}.list{padding-left:20px;color:#bac9d2}.list li{margin:8px 0}table{width:100%;margin:22px 0;border-spacing:0;border-collapse:separate;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#08151fca}th,td{padding:13px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{background:#78d2ff0a;color:#9bdfff;font-size:12px}td{color:#b8c8d2;font-size:14px}tr:last-child td{border-bottom:0}.timeline{margin:27px 0 0 8px;padding-left:28px;border-left:1px solid #78d2ff3d}.tl{position:relative;margin-bottom:26px}.tl:before{content:"";position:absolute;left:-34px;top:8px;width:10px;height:10px;border-radius:50%;border:2px solid var(--blue);background:#0b1924;box-shadow:0 0 0 5px #78d2ff0d}.tl .year{font-size:11px;color:var(--blue);font-weight:800}.tl h3{margin:2px 0 5px;font-size:18px}.tl p{margin:0;font-size:14px}.model .stats{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 10px}.pill{color:#c8edff;background:#78d2ff0d;border-color:#78d2ff27}.quiz{counter-reset:q}.q{counter-increment:q;margin:13px 0;padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:#ffffff04}.q summary{cursor:pointer;color:#e7f2f8;font-weight:700}.q summary:before{content:"Q" counter(q) " · ";color:var(--violet)}.q p{font-size:14px;margin:11px 0 2px}.sources{display:grid;gap:9px}.source{display:block;padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:#ffffff03;color:#b9c9d3}.source strong{display:block;font-size:14px}.source span{display:block;color:#708b9d;font-size:11px;word-break:break-all}.footer{text-align:center;padding:30px 20px 60px;color:#667f90;font-size:12px}@media(max-width:900px){.hero-grid,.layout,.split{grid-template-columns:1fr}.layout{gap:20px}.layout aside{display:none}.cards,.model-grid{grid-template-columns:1fr}.hero{padding-top:62px}}@media(max-width:560px){.hero,.layout{padding-left:17px;padding-right:17px}h1{font-size:39px}.hero-card{padding:21px}.diagram{padding:16px}th,td{padding:10px;font-size:12px}}

/* The site frame stays familiar; this note keeps its architecture diagrams. */
body{min-width:320px}
a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.sp-header{position:relative;z-index:2}
.sp-header .sp-brand{color:var(--text)}
.sp-nav a{color:var(--text)}
.sp-footer{color:var(--muted)}
.hero{padding-top:clamp(46px,6vw,76px)}
.back-link{display:inline-block;margin-bottom:20px;color:var(--blue);font-size:14px}
.toc{max-height:calc(100vh - 40px);overflow:auto}
.source span{color:#9bb3c2}
.note-context{max-width:850px;margin:18px 0 0;color:#aebfca;font-size:14px}
@media(max-width:900px){
  .layout{grid-template-columns:minmax(0,1fr)}
  .layout aside{display:block}
  .layout aside,.layout main,.toc{min-width:0}
  .toc{position:static;max-height:none;padding:12px 15px}
  .toc-title{margin-bottom:3px}
  .toc-links{display:flex;gap:3px 11px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
  .toc a{flex:none}
}
@media(max-width:560px){
  .hero-grid{gap:12px}
  .metric{padding:15px}
  .metric strong{font-size:20px}
  .layout{padding-top:22px}
  .diagram{max-width:100%}
  table{display:block;overflow-x:auto;white-space:nowrap}
  th,td{min-width:125px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}