:root{--bg:#f6f7fb;--ink:#172033;--muted:#5f6b7a;--line:#d8deea;--panel:#fff;--blue:#175cd3;--green:#127c56;--red:#b42318;--amber:#a15c07;--violet:#6d3fd1;--slate:#101828}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.58}.topnav{position:sticky;top:0;z-index:5;display:flex;gap:.25rem;flex-wrap:wrap;background:#111827;padding:.55rem .8rem;border-bottom:3px solid #2f3a4d}.topnav a{color:#fff;text-decoration:none;font-weight:800;font-size:.9rem;padding:.38rem .55rem;border-radius:6px}.topnav a:hover,.topnav a.on{background:#344054}.hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.2rem;align-items:center;background:linear-gradient(135deg,#173b65,#1d6f70 55%,#7a4b13);color:#fff;padding:2rem max(1rem,calc((100vw - 1180px)/2));min-height:250px}.hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.03;margin:.2rem 0}.hero p{max-width:780px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900;opacity:.88}.hero-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.hero-panel span{display:grid;place-items:center;min-height:70px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);border-radius:8px;font-size:2rem;font-weight:900}.container{max-width:1180px;margin:0 auto;padding:1rem}.tools{display:flex;gap:.6rem;margin:1rem 0}.tools input{flex:1;border:1px solid var(--line);border-radius:6px;padding:.7rem .8rem;font-size:1rem}.tools button,.btn{border:0;background:var(--blue);color:#fff;border-radius:6px;padding:.7rem .85rem;font-weight:800;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1rem 1.1rem;margin:1rem 0;box-shadow:0 8px 22px rgba(16,24,40,.04)}.card h2{margin-top:0}.ok{border-left:6px solid var(--green)}.warn{border-left:6px solid var(--amber)}.bad{border-left:6px solid var(--red)}.deep{border-left:6px solid var(--violet)}h2{font-size:1.45rem;margin:1.5rem 0 .6rem}h3{font-size:1.1rem;margin:1.2rem 0 .35rem;color:#123a63}.formula{border:1px solid #b8c7e6;background:#f8fbff;border-radius:8px;margin:.8rem 0;overflow:hidden}.formula pre{margin:0;padding:.9rem 1rem;white-space:pre-wrap;font-family:Consolas,Menlo,ui-monospace,monospace;font-size:.98rem}.learn{display:inline-block;margin:.7rem .8rem 0;background:#eaf1ff;color:#133e87;border:1px solid #c6d7ff;border-radius:999px;padding:.16rem .55rem;font-size:.8rem;font-weight:900}.letters{border-top:1px solid #dbe5f8;margin:0;padding:.65rem .9rem;color:#344054}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;margin:.8rem 0}table{border-collapse:collapse;width:100%;background:#fff}th,td{border-bottom:1px solid var(--line);padding:.58rem .65rem;text-align:left;vertical-align:top}th{background:#edf3ff;color:#102a56}.badge{display:inline-block;background:#e8f5ef;color:#075e42;border:1px solid #bfe1d2;border-radius:999px;padding:.1rem .5rem;font-weight:900;font-size:.78rem}.toc{columns:2;column-gap:2rem}.toc a{display:block;color:var(--blue);font-weight:800;text-decoration:none;margin:.2rem 0}.checklist{list-style:none;padding-left:0}.checklist li{padding:.3rem 0}.exam{border-left:5px solid #175cd3}.answer{display:none;border-top:1px dashed var(--line);margin-top:.7rem;padding-top:.7rem}.show .answer{display:block}.mini{font-size:.92rem;color:var(--muted)}mark.hit{background:#fff2a8;padding:0 .12rem}footer{max-width:1180px;margin:2rem auto;padding:1rem;color:var(--muted)}@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-panel{grid-template-columns:repeat(6,1fr)}.hero-panel span{min-height:44px;font-size:1.2rem}.toc{columns:1}.tools{flex-direction:column}}@media print{.topnav,.tools,.hero-panel,footer{display:none}.hero{display:block;color:#000;background:#fff;padding:0}.card{box-shadow:none;break-inside:avoid}body{background:#fff}}