:root{--ink:#17202a;--muted:#5b6672;--line:#e6e9ee;--accent:#0b5fff;--accent-ink:#083ea8;--bg:#ffffff;--soft:#f5f7fa;--warn-bg:#fff8e1;--warn-line:#f0d58c}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--accent-ink)}a:hover{text-decoration-thickness:2px}
.wrap{max-width:920px;margin:0 auto;padding:0 20px}
.site-head{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}
.site-head .row{display:flex;align-items:center;justify-content:space-between;height:56px}
.brand{font-weight:800;letter-spacing:-.02em;text-decoration:none;color:var(--ink);font-size:1.15rem}.brand span{color:var(--accent)}
.site-head nav a{margin-left:18px;text-decoration:none;color:var(--muted);font-size:.95rem}.site-head nav a:hover{color:var(--ink)}
main{padding:28px 0 48px}
h1{font-size:2rem;line-height:1.15;letter-spacing:-.02em;margin:.3em 0 .5em}h2{font-size:1.4rem;margin:2em 0 .6em;letter-spacing:-.01em}h3{font-size:1.05rem;margin:0 0 .4em}h4{margin:1.2em 0 .3em}
.lede{font-size:1.1rem;color:var(--muted)}.small{font-size:.86rem;color:var(--muted)}.crumb{font-size:.86rem;color:var(--muted)}
.disclosure{background:var(--warn-bg);border:1px solid var(--warn-line);padding:10px 14px;border-radius:8px;font-size:.95rem}
.notice{background:var(--soft);border:1px solid var(--line);padding:10px 14px;border-radius:8px;font-size:.95rem}
.hero{padding:16px 0 8px}.hero h1{font-size:2.3rem}
.verdicts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:1em 0}
.card{border:1px solid var(--line);border-radius:10px;padding:16px;background:#fff}.card h3{color:var(--muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.04em}.card h3 a{color:var(--ink);text-transform:none;letter-spacing:0;font-size:1.05rem;text-decoration:none}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600;margin-top:10px}.btn:hover{background:var(--accent-ink)}.btn.alt{background:#4b5563}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;font-size:.92rem;min-width:760px}th{background:var(--soft);text-align:left}th,td{border-bottom:1px solid var(--line);padding:10px;vertical-align:top}tr:last-child td{border-bottom:0}
.product{border-top:1px solid var(--line);padding-top:8px}.tag{font-size:.7rem;vertical-align:middle;background:#e6f0ff;color:var(--accent-ink);padding:2px 8px;border-radius:99px;margin-left:8px;font-weight:600;letter-spacing:.03em}.tag.muted{background:var(--soft);color:var(--muted)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.cols ul{padding-left:18px;margin:0}
.method{background:var(--soft);border-radius:10px;padding:6px 18px 14px;margin-top:2em}.author{font-size:.95rem}
.why p{max-width:70ch}
.site-foot{border-top:1px solid var(--line);background:var(--soft);padding:22px 0;font-size:.88rem;color:var(--muted)}.site-foot a{color:var(--muted)}
@media (max-width:600px){h1{font-size:1.6rem}.hero h1{font-size:1.8rem}.site-head nav a{margin-left:12px;font-size:.88rem}body{font-size:16px}}

.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 12px;border-radius:6px;z-index:9}.skip:focus{left:12px}
.calc{border:1px solid var(--line);border-radius:12px;padding:18px 20px 14px;margin:1.5em 0;background:var(--soft)}.calc h2{margin:.2em 0 .4em}
.calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px;margin:12px 0}.calc-grid label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;color:var(--muted)}.calc-grid label.chk{flex-direction:row;align-items:center;font-weight:500;color:var(--ink)}
.calc select,.calc input[type=number]{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);width:100%}.calc input[type=number]{font-variant-numeric:tabular-nums}
.step{display:flex;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.step button{width:40px;border:0;background:#fff;font-size:1.2rem;cursor:pointer}.step input{border:0;text-align:center;width:100%}
.seg{display:flex;border:1px solid var(--line);border-radius:8px;background:#fff;padding:3px}.seg button{flex:1;border:0;background:transparent;padding:7px;border-radius:6px;cursor:pointer;font:inherit}.seg button[aria-pressed=true]{background:var(--ink);color:#fff}
.calc-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.calc-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px}.calc-card.dim{opacity:.72}.calc-card h4{margin:0 0 2px}.calc-card p{margin:.4em 0 0;font-size:.92rem}
.calc-price{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:8px 0 2px}.calc-price span{font-size:.8rem;font-weight:500;color:var(--muted)}.calc-price.small{font-size:1.1rem}
.calc-rec{background:var(--ink);color:#fff;padding:12px 14px;border-radius:10px;margin:14px 0 8px;font-weight:600}
.calc-sub{margin:1.1em 0 .3em;font-size:1rem}.calc-formula{font-size:1.25rem;margin:.3em 0 .2em}.calc code{background:#fff;border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:.9em}
.calc details{margin:.6em 0}.calc summary{cursor:pointer;font-weight:600;font-size:.92rem;color:var(--muted)}.calc details[open] summary{margin-bottom:.4em}.calc-status{display:inline-block;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:999px;margin:6px 0 0}.st-meets{background:#e6f4ea;color:#1e6b3a}.st-confirm{background:#fff3df;color:#8a5a00}.st-quote{background:#eceff5;color:#3a4358}.st-nofit{background:#f1f1f1;color:#666}