:root{--bg:#f3ebdb;--surface:#fbf7ee;--sunk:#ece2cd;--ink:#211a13;--muted:#6a5c48;--line:#d6c8ac;--navy:#2a1f17;--navy-ink:#f6eedf;--accent:#8a1d27;--accent-ink:#fff8f0;--gold:#a57a2a;--flame:#f2b84b;--good:#2f6146;--good-soft:#e1ecdf;--bad:#9d2a22;--bad-soft:#f4dcd4;--fh:"IM Fell English",Georgia,"Times New Roman",serif;--fb:"Source Sans 3","Segoe UI",system-ui,-apple-system,Roboto,sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#14110d;--surface:#1d1913;--sunk:#27211a;--ink:#efe6d4;--muted:#b3a58c;--line:#3a3226;--navy:#0e0b08;--accent:#e07a72;--accent-ink:#1a0d0b;--gold:#d4a85a;--good:#7fc39a;--good-soft:#1a2d21;--bad:#ee8b80;--bad-soft:#3a1b18;color-scheme:dark}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 var(--fb);overflow-x:clip}
a{color:var(--accent)}img,svg{max-width:100%}
.w{max-width:1080px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left))}
.top{background:var(--navy);color:var(--navy-ink);border-bottom:3px solid var(--gold)}
.top .w{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;padding-block:12px}
.brand{font:400 26px var(--fh);color:var(--navy-ink);text-decoration:none;letter-spacing:.01em;display:inline-flex;align-items:center;gap:8px}.brand i{color:var(--flame)}
.brand svg{width:22px;height:26px;color:var(--flame)}
.nav{display:flex;gap:4px 16px;flex-wrap:wrap;margin-left:auto;align-items:center;font-size:15px}
.nav a{color:var(--navy-ink);text-decoration:none;opacity:.92}.nav a:hover{opacity:1;text-decoration:underline}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--accent-ink)!important;text-decoration:none;font-weight:700;border-radius:3px;padding:11px 18px;border:0;font-size:16px;cursor:pointer;line-height:1.2}
.btn.alt{background:transparent;color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px var(--ink)}
.top .btn{padding:8px 14px;font-size:15px;background:var(--flame);color:#211a13!important}
.hero{padding-top:44px;padding-bottom:26px}.hero h1{font:400 clamp(34px,6vw,54px)/1.08 var(--fh);margin:0 0 14px}.hero p.lead{font-size:19px;max-width:62ch;margin:0 0 20px;color:var(--muted)}
h2{font:400 clamp(26px,4vw,34px)/1.15 var(--fh);margin:40px 0 12px}h3{font-size:19px;margin:24px 0 8px}
.crumb{font-size:14px;color:var(--muted);padding-top:16px}.crumb a{color:var(--muted)}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.card{background:var(--surface);border:1px solid var(--line);padding:18px;display:grid;gap:6px;text-decoration:none;color:var(--ink);border-top:4px solid var(--accent)}
.card:hover{border-color:var(--accent)}.card b{font:400 22px/1.2 var(--fh)}.card small{color:var(--muted);font-size:14.5px}
.pill{display:inline-block;font-size:13px;font-weight:700;background:var(--sunk);color:var(--muted);padding:2px 9px;border-radius:12px;margin:0 6px 6px 0}
.q{background:var(--surface);border:1px solid var(--line);padding:20px;margin:16px 0}
.q .meta{font-size:13.5px;color:var(--muted);margin-bottom:6px}.q .stem{font-size:18px;font-weight:600;margin:0 0 12px}
.q ol{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.q li label{display:flex;gap:10px;align-items:flex-start;background:var(--bg);border:1px solid var(--line);padding:10px 12px;cursor:pointer;border-radius:3px}
.q li input{margin-top:4px;width:18px;height:18px;accent-color:var(--accent);flex:none}
.q li.ok label{border-color:var(--good);background:var(--good-soft)}.q li.no label{border-color:var(--bad);background:var(--bad-soft)}
.q .calc{display:flex;gap:8px;align-items:center;margin-bottom:12px}.q .calc input{font:17px var(--fb);padding:9px 10px;width:140px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}
.q details{border-top:1px dashed var(--line);margin-top:10px;padding-top:10px}.q summary{cursor:pointer;font-weight:700;color:var(--accent)}
.q .ans{font-weight:700;margin:8px 0 4px}.q .src{font-size:14px;color:var(--muted)}
.q .res{font-weight:700;margin:6px 0}.q .res.ok{color:var(--good)}.q .res.no{color:var(--bad)}
.q .more{font-size:14.5px;margin-top:8px}
.tips{background:var(--surface);border-left:4px solid var(--gold);padding:14px 18px;margin:16px 0}.tips li{margin:6px 0}
.band{background:var(--navy);color:var(--navy-ink);padding:30px 0;margin-top:44px}.band h2{margin-top:0;color:var(--navy-ink)}.band p{max-width:64ch}
.band .btn.alt{color:var(--navy-ink)!important;box-shadow:inset 0 0 0 1.5px var(--navy-ink)}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:18px 0}.feat div{background:var(--surface);border:1px solid var(--line);padding:16px}.feat b{display:block;font:400 21px var(--fh);margin-bottom:4px}
table{border-collapse:collapse;width:100%;font-size:15.5px;background:var(--surface)}th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}th{background:var(--sunk)}
.tw{overflow-x:auto}
.share{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:14.5px;margin-top:12px}.share a,.share button{font:600 14px var(--fb);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:6px 12px;border-radius:16px;text-decoration:none;cursor:pointer}
.daily{background:var(--flame);color:#211a13;font-weight:700;padding:8px 14px;display:none;margin-top:14px}
.foot{background:var(--navy);color:var(--navy-ink);margin-top:56px;padding:30px 0 40px;font-size:14.5px}.foot a{color:var(--navy-ink)}.foot .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.foot h4{font:400 18px var(--fh);color:var(--flame);margin:0 0 8px}.foot ul{list-style:none;padding:0;margin:0}.foot li{margin:4px 0}.foot p.legal{opacity:.85;margin-top:22px;max-width:90ch}
@media (max-width:640px){.cmp thead{display:none}.cmp,.cmp tbody,.cmp tr,.cmp td{display:block;width:100%}.cmp tr{margin-bottom:10px;border:1px solid var(--line)}.cmp td{border:0;border-top:1px solid var(--line)}.cmp td:first-child{border-top:0;background:var(--sunk)}.cmp td[data-l]::before{content:attr(data-l);display:block;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}body{font-size:16.5px}.nav{margin-left:0;width:100%;font-size:14.5px}.hero{padding-top:28px}.q{padding:16px}}