:root{color-scheme:dark;--bg:#050a12;--panel:#0d1927;--panel2:#122235;--text:#f3f8fc;--muted:#b7c7d5;--cyan:#54dff5;--green:#55dfa4;--amber:#f4c96b;--red:#ff8b9c;--edge:#28445c;--focus:#fff}*{box-sizing:border-box}html{font-size:15px;background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45;background:radial-gradient(circle at 15% 0,rgba(32,131,190,.18),transparent 30%),var(--bg)}a{color:var(--cyan)}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;background:#000;padding:.75rem;z-index:5}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding:2.2rem clamp(1rem,4vw,4rem);border-bottom:1px solid var(--edge);background:rgba(5,10,18,.88)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.05;max-width:16ch;margin-bottom:.7rem}h2{font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.15;margin-bottom:.45rem}h3{font-size:1.2rem;line-height:1.25}.eyebrow,.step{color:var(--cyan);font-size:.82rem;font-weight:900;letter-spacing:.12em}.intro,.section-heading>p{color:var(--muted);max-width:72ch}.back{display:inline-block;white-space:nowrap;padding:.7rem 1rem;border:1px solid var(--edge);border-radius:.75rem;text-decoration:none;background:var(--panel)}main{width:min(1240px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 4rem}section{margin-bottom:2.2rem}.notice{padding:1rem 1.2rem;border-radius:.8rem;border:1px solid var(--edge);background:var(--panel);font-weight:750}.notice.loading{color:var(--cyan)}.notice.error{border-color:var(--red);color:var(--red)}.notice.ok{border-color:rgba(85,223,164,.5);color:var(--green)}.section-heading{margin-bottom:1.1rem}.headline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.metric,.recommendation,.pattern-card,.example-card,.plain-summary,.method{border:1px solid var(--edge);border-radius:1rem;background:linear-gradient(145deg,var(--panel2),var(--panel));padding:1.2rem}.metric strong{display:block;font-size:clamp(2rem,5vw,3.25rem);line-height:1;color:var(--cyan);font-variant-numeric:tabular-nums}.metric span{display:block;font-weight:850;margin-top:.65rem}.metric small{display:block;color:var(--muted);margin-top:.25rem}.metric.good strong{color:var(--green)}.metric.caution strong{color:var(--amber)}.plain-summary{margin-top:1rem;font-size:1.05rem}.plain-summary strong{color:var(--cyan)}.recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.recommendation .badge{display:inline-block;border-radius:99px;padding:.25rem .55rem;background:rgba(84,223,245,.12);color:var(--cyan);font-size:.72rem;font-weight:900;letter-spacing:.07em}.recommendation p{color:var(--muted)}.recommendation .next{color:var(--text);padding-top:.8rem;border-top:1px solid var(--edge)}.filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.filters label{display:grid;gap:.3rem;font-weight:800}.filters select{min-width:12rem;padding:.65rem;border:1px solid var(--edge);border-radius:.55rem;color:var(--text);background:var(--panel)}.card-list{display:grid;gap:.8rem}.pattern-card,.example-card{display:grid;grid-template-columns:minmax(12rem,1.5fr) repeat(4,minmax(7rem,1fr));gap:1rem;align-items:center}.card-title strong{display:block;font-size:1.15rem}.card-title span,.fact span{display:block;color:var(--muted);font-size:.82rem}.fact strong{display:block;font-size:1.15rem;font-variant-numeric:tabular-nums}.positive{color:var(--green)}.negative{color:var(--red)}.empty{padding:1.2rem;border:1px dashed var(--edge);border-radius:.8rem;color:var(--muted)}.method{background:#0b1420}.method li{margin:.5rem 0}.method ul{padding-left:1.4rem;margin-bottom:0}@media(max-width:900px){.headline-grid{grid-template-columns:1fr 1fr}.recommendation-grid{grid-template-columns:1fr}.pattern-card,.example-card{grid-template-columns:1fr 1fr}.card-title{grid-column:1/-1}}@media(max-width:560px){html{font-size:17px}.topbar{display:block;padding:1.3rem 1rem}.back{margin-top:.5rem}main{width:min(100% - 1rem,1240px)}.headline-grid{grid-template-columns:1fr}.pattern-card,.example-card{grid-template-columns:1fr}.card-title{grid-column:auto}.filters select{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.research-nav{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.65rem;margin:0 0 1.5rem;border:1px solid var(--edge);border-radius:.8rem;background:rgba(5,10,18,.96)}.research-nav a{padding:.45rem .65rem;border-radius:.45rem;text-decoration:none;font-weight:800}.research-nav a:hover{background:var(--panel2)}.research-nav label{margin-left:auto;display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.85rem}.research-nav select{padding:.45rem;border:1px solid var(--edge);border-radius:.4rem;background:var(--panel);color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;margin-top:.7rem}.mini-stat{padding:.7rem;border:1px solid var(--edge);border-radius:.65rem;background:var(--panel)}.mini-stat strong,.mini-stat span{display:block}.mini-stat strong{font-size:1.15rem;font-variant-numeric:tabular-nums}.mini-stat span{font-size:.73rem;color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--edge);border-radius:.7rem;background:var(--panel)}table{width:100%;border-collapse:collapse;font-size:.82rem;white-space:nowrap}th,td{padding:.55rem .65rem;text-align:right;border-bottom:1px solid rgba(40,68,92,.6);font-variant-numeric:tabular-nums}th{position:sticky;top:0;background:#122235;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}th:first-child,td:first-child{text-align:left}tbody tr:hover{background:rgba(84,223,245,.05)}.split{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr}.research-nav{position:static}.research-nav label{width:100%;margin-left:0}}@media(max-width:560px){html{font-size:14px}.stats-grid{grid-template-columns:1fr 1fr}}