@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@600;700;800;900&display=swap";:root{--ink: #18212b;--muted: #64707b;--bg: #f7f6f2;--paper: #fff;--line: #e2ded5;--navy: #314a63;--navyS: #edf2f7;--terr: #a84f3c;--terrS: #fff0ec;--gold: #9b741f;--goldS: #fff7df;--teal: #267a73;--tealS: #eaf7f5;--violet: #6d5878;--violetS: #f4eff7;--green: #4c704e;--greenS: #eef6ee;--rose: #98506a;--roseS: #fff0f4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.55}.shell{max-width:1050px;margin:auto;padding:0 16px}.hero{background:radial-gradient(circle at 90% 10%,#e8e0d1,transparent 33%),#fff;border-bottom:1px solid var(--line);padding:22px 0 20px}.crumb{font-size:.68rem;color:var(--muted);font-weight:800;display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.crumb a{color:inherit;text-decoration:none}.hero-row{display:flex;flex-direction:column;gap:12px}.kicker{display:inline-flex;background:var(--navyS);color:var(--navy);border:1px solid #ccd8e4;border-radius:999px;padding:5px 11px;font:800 .64rem Outfit,sans-serif;text-transform:uppercase;letter-spacing:.06em}h1{font:900 2rem/1 Outfit,sans-serif;margin:8px 0 5px}.sub{font-size:.86rem;color:var(--muted);margin:0;max-width:900px}.badge{align-self:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font:800 .77rem Outfit,sans-serif;box-shadow:0 5px 20px #0000000a}.badge b{color:var(--terr)}.tabbar{position:sticky;top:0;z-index:20;background:#fffe;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 2px 12px #0000000a}.tabs{display:flex;gap:8px;padding:9px 10px;overflow:auto;scrollbar-width:none;justify-content:center}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;border:1px solid var(--line);background:#fbfaf7;color:var(--muted);padding:9px 13px;border-radius:999px;cursor:pointer;font:800 .74rem Outfit,sans-serif}.tab.active,.tab:hover{background:var(--navy);color:#fff;border-color:var(--navy)}main{padding:22px 0 55px}.panel{display:none}.panel.active{display:block;animation:fade .2s ease}@keyframes fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.heading{margin-bottom:17px}.heading h2{font:800 1.5rem Outfit,sans-serif;margin:0 0 4px}.heading p{font-size:.83rem;color:var(--muted);margin:0}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 15px;margin-bottom:14px;box-shadow:0 4px 18px #18221808;overflow:hidden}.card h2{font:800 1.08rem Outfit,sans-serif;margin:0 0 11px;padding-bottom:8px;border-bottom:2px solid var(--line)}.card h3{font:800 .96rem Outfit,sans-serif;margin:0 0 7px}.card p{font-size:.83rem;color:#344054;margin:0 0 8px}.card li{font-size:.81rem;color:#475467;margin:4px 0}.grid{display:grid;grid-template-columns:1fr;gap:10px}.mini{border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff}.mini h4{font:800 .87rem Outfit,sans-serif;margin:0 0 4px}.mini p{font-size:.75rem;margin:0}.topic{--c: var(--navy);--cs: var(--navyS)}.topic:before{content:"";display:block;height:4px;background:var(--c);border-radius:4px;margin:-16px -15px 14px}.topic h2{border-bottom-color:var(--cs)}.navy{--c: var(--navy);--cs: var(--navyS)}.terr{--c: var(--terr);--cs: var(--terrS)}.gold{--c: var(--gold);--cs: var(--goldS)}.teal{--c: var(--teal);--cs: var(--tealS)}.violet{--c: var(--violet);--cs: var(--violetS)}.green{--c: var(--green);--cs: var(--greenS)}.rose{--c: var(--rose);--cs: var(--roseS)}.label{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--cs);color:var(--c);font:800 .62rem Outfit,sans-serif;text-transform:uppercase;letter-spacing:.05em;margin-bottom:9px}.svg-card{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden;margin:14px 0 17px}.svg-card svg{width:100%;height:auto;display:block}.svg-card figcaption{padding:8px 12px;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted)}.svt{font:900 20px Outfit,sans-serif}.svl{font:800 12px Outfit,sans-serif}.svs{font:500 10.5px Inter,sans-serif;fill:#5f6b76}.mn,.tip,.trick,.exam,.warn{padding:11px 13px;border-radius:0 11px 11px 0;margin:12px 0;font-size:.8rem}.mn{border-left:4px solid var(--navy);background:var(--navyS)}.mn strong{color:var(--navy)}.tip{border-left:4px solid var(--gold);background:var(--goldS)}.tip strong{color:#805f15}.trick{border-left:4px solid var(--teal);background:var(--tealS)}.trick strong{color:var(--teal)}.exam{border-left:4px solid var(--terr);background:var(--terrS)}.exam strong{color:var(--terr)}.warn{border-left:4px solid var(--rose);background:var(--roseS)}.warn strong{color:var(--rose)}.compare{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:12px 0}table{width:100%;border-collapse:collapse;background:#fff;font-size:.75rem}th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;min-width:130px}th{background:var(--navyS);color:var(--navy);font:800 .69rem Outfit,sans-serif}.q{padding:12px 0;border-bottom:1px solid var(--line);font-size:.82rem}.q:last-child{border:0}details summary{cursor:pointer;color:var(--navy);font:800 .77rem Outfit,sans-serif;margin-top:7px}.coming{text-align:center;padding:25px 12px;border:1px dashed #cbd2cb;border-radius:13px;background:#fafbf8}.coming i{font-size:1.5rem;color:var(--navy)}.coming strong{display:block;color:var(--navy);font:800 .75rem Outfit,sans-serif;margin-top:7px}.tab-nav{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:16px;margin-top:25px}.tab-nav button{border:1px solid var(--line);background:#fff;padding:10px 13px;border-radius:10px;font:800 .76rem Outfit,sans-serif;cursor:pointer}.tab-nav button:last-child{background:var(--navy);color:#fff;border-color:var(--navy)}.back{position:fixed;right:16px;bottom:82px;width:42px;height:42px;border:0;border-radius:50%;background:var(--navy);color:#fff;box-shadow:0 6px 20px #0003;display:none;z-index:30}.back.show{display:block}@media(min-width:600px){.hero-row{flex-direction:row;justify-content:space-between}h1{font-size:2.5rem}.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:850px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.tabbar{position:fixed;bottom:0;top:auto;border:0;border-top:1px solid var(--line);box-shadow:0 -4px 20px #0002;width:100%;padding-bottom:max(5px,env(safe-area-inset-bottom))}.tabs{justify-content:flex-start}body{padding-bottom:74px}.tab{padding:8px 10px;font-size:.67rem}}@media(max-width:600px){.svt{font-size:16px}.svl{font-size:9.5px}.svs{font-size:8px}}
