:root{
  --bg:#fbfaf7;--surface:#ffffff;--surface-2:#f3f1ec;--text:#18202b;--muted:#5b6573;--line:#e3dfd6;
  --accent:#d9661f;--accent-2:#0f5c4d;--accent-ink:#fff;--navy:#13294b;--ok:#13804f;--bad:#c23a2b;--warn:#a86a00;
  --radius:14px;--radius-s:8px;--font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --display:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{--bg:#0f141b;--surface:#151c25;--surface-2:#1b2430;--text:#e8edf3;--muted:#9aa6b4;--line:#2a3441;--accent:#ff8a3d;--accent-2:#3fbf9f;--navy:#c9d6ea;--ok:#4fd18b;--bad:#ff7a6b;--warn:#f0b54a;color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.65 var(--font)}
a{color:var(--accent-2);text-underline-offset:2px}
a:hover{color:var(--accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--surface);padding:8px 12px;z-index:9}
.nav{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav-in{max-width:1140px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:700;font-size:19px;letter-spacing:-.01em}
.brand .mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#f2b33d 55%,var(--accent-2));display:grid;place-items:center;color:#fff;font:800 15px var(--font)}
.brand small{color:var(--accent);font-weight:700}
.nav-links{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.nav-links a{color:var(--text);text-decoration:none;padding:8px 10px;border-radius:8px;font-size:15px}
.nav-links a:hover,.nav-links a[aria-current=page]{background:var(--surface-2);color:var(--accent)}
.nav-toggle{display:none;margin-left:auto;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font:600 15px var(--font);color:var(--text)}
@media (max-width:860px){.nav-toggle{display:block}.nav-links{display:none;width:100%;flex-direction:column}.nav.open .nav-links{display:flex}.nav-links a{padding:12px}}
main{display:block}
.hero{background:radial-gradient(1200px 400px at 20% -10%,color-mix(in srgb,var(--accent) 16%,transparent),transparent),radial-gradient(900px 400px at 100% 0%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent);border-bottom:1px solid var(--line)}
.hero-in{max-width:880px;margin:0 auto;padding:56px 16px 44px;text-align:center}
.hero h1{font:600 clamp(32px,5.4vw,56px)/1.08 var(--display);letter-spacing:-.02em;margin:0 0 14px;color:var(--navy)}
.hero p.sub{font-size:clamp(17px,2vw,20px);color:var(--muted);margin:0 auto 26px;max-width:640px}
.search{display:flex;gap:8px;max-width:680px;margin:0 auto;background:var(--surface);border:2px solid var(--line);border-radius:999px;padding:6px;box-shadow:0 8px 30px rgba(20,30,50,.06)}
.search:focus-within{border-color:var(--accent)}
.search input{flex:1;min-width:0;border:0;background:transparent;font:500 19px var(--font);color:var(--text);padding:10px 16px;outline:none}
.search button,.btn{border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);font:700 17px var(--font);padding:12px 22px;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.btn.ghost{background:transparent;color:var(--accent-2);border:1.5px solid var(--accent-2)}
.btn.small{padding:8px 14px;font-size:15px}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}
.chips button,.chips a{font:500 14px var(--font);padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;text-decoration:none}
.chips button:hover,.chips a:hover{color:var(--accent);border-color:var(--accent)}
.results{max-width:760px;margin:22px auto 0;text-align:left}
.res{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);padding:12px 16px;margin-bottom:8px}
.res .d{font:600 18px var(--font);word-break:break-all}
.res .s{font-size:14px;color:var(--muted)}
.res .st{font-weight:700;font-size:15px;text-align:right}
.res .st.ok{color:var(--ok)}.res .st.bad{color:var(--bad)}.res .st.unk{color:var(--warn)}
.res .buy{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;font-size:14px}
.res .buy a{padding:4px 10px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--accent-2)}
.wrap{max-width:1140px;margin:0 auto;padding:0 16px}
.content{max-width:760px;margin:0 auto;padding:36px 16px 56px}
.content.wide{max-width:1040px}
.content h1{font:600 clamp(30px,4.4vw,46px)/1.12 var(--display);letter-spacing:-.015em;margin:8px 0 14px;color:var(--navy)}
.content h2{font:600 clamp(23px,2.8vw,30px)/1.2 var(--display);margin:40px 0 10px;color:var(--navy)}
.content h3{font-size:19px;margin:26px 0 6px}
.lede{font-size:19px;color:var(--muted)}
.answer{background:var(--surface);border-left:4px solid var(--accent);border-radius:0 var(--radius-s) var(--radius-s) 0;padding:14px 18px;margin:18px 0;font-size:18px}
.crumbs{font-size:14px;color:var(--muted)}.crumbs a{color:var(--muted)}
.updated{font-size:14px;color:var(--muted);margin-top:30px}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:16px;background:var(--surface);border-radius:var(--radius-s);overflow:hidden}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--surface-2);font-size:14px;letter-spacing:.02em}
@media (max-width:640px){.content table{display:block;overflow-x:auto}}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:18px 0;padding:0;list-style:none}
.cards a{display:block;height:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-decoration:none;color:var(--text);transition:border-color .15s,transform .15s}
.cards a:hover{border-color:var(--accent);transform:translateY(-2px)}
.cards strong{display:block;font-size:18px;margin-bottom:4px;color:var(--navy)}
.cards span{color:var(--muted);font-size:15px}
.cards .ico{font-size:24px;display:block;margin-bottom:6px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:18px 0}
.field{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted);margin-bottom:12px}
.field input,.field select{font:500 17px var(--font);padding:11px 12px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--bg);color:var(--text);min-height:44px}
.row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end}
.check{display:flex;gap:8px;align-items:center;font-size:15px;color:var(--text)}
.score{font:700 54px/1 var(--display);color:var(--accent)}
.meter{height:10px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin:8px 0 14px}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--bad),var(--warn),var(--ok))}
.tips li{margin-bottom:6px}
.good{color:var(--ok);font-weight:600}.badc{color:var(--bad);font-weight:600}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:17px}
.faq p{margin:8px 0 0}
.callout{background:color-mix(in srgb,var(--accent-2) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--accent-2) 35%,var(--line));border-radius:var(--radius);padding:16px 18px;margin:20px 0}
.callout.warn{background:color-mix(in srgb,var(--warn) 10%,var(--surface));border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}
.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 20px;margin:18px 0}
.toc ol{margin:6px 0 0;padding-left:20px}
.gen-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-top:12px}
.gen-list .res{margin:0}
.section{padding:40px 0}
.section h2{font:600 clamp(24px,3vw,32px)/1.2 var(--display);color:var(--navy);margin:0 0 6px}
.section p.sub2{color:var(--muted);margin:0 0 8px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:18px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.stat b{display:block;font:600 30px var(--display);color:var(--accent)}
.footer{border-top:1px solid var(--line);background:var(--surface);margin-top:30px}
.footer-in{max-width:1140px;margin:0 auto;padding:30px 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;font-size:15px}
.footer h3{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px}
.footer ul{list-style:none;margin:0;padding:0}.footer li{margin:4px 0}
.footer a{color:var(--text);text-decoration:none}.footer a:hover{color:var(--accent)}
.legal{max-width:1140px;margin:0 auto;padding:0 16px 24px;font-size:13px;color:var(--muted)}
kbd,code{font-family:ui-monospace,Consolas,monospace;background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:.92em}
[hidden]{display:none!important}
@media (max-width:520px){.search{flex-direction:column;border-radius:18px}.search button{width:100%;justify-content:center}.res{grid-template-columns:1fr}.res .st{text-align:left}}
@media print{.nav,.footer,.search,.chips{display:none}}
/* touch devices: finger-sized targets */
@media (pointer:coarse){
  .chips button,.chips a{min-height:44px;padding:10px 14px}
  .res .buy a{min-height:40px;display:inline-flex;align-items:center;padding:6px 12px}
  .footer li a{display:inline-block;padding:8px 0}
  .nav-links a{min-height:44px;display:flex;align-items:center}
  .check{min-height:44px}.check input{width:22px;height:22px}
  .faq summary{padding:8px 0}
  .crumbs a{display:inline-block;padding:6px 0}
}
.content,.res .d,.answer,td{overflow-wrap:anywhere}
.content i,.content code{word-break:break-word}
@media (max-width:420px){.search input{font-size:18px;padding:10px 12px}}