:root{--bg:#fbfaf7;--fg:#1c1b19;--mut:#6b6760;--card:#fff;--line:#e6e1d6;--acc:#9b2c2c;--soft:#f3f0e8;
--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
.wrap{max-width:920px;margin:0 auto;padding:0 20px}
a{color:var(--acc);text-underline-offset:2px} a:hover{text-decoration-thickness:2px}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.2;letter-spacing:-.01em}
h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:.3em 0 .4em} h2{font-size:1.45rem;margin:2.2em 0 .6em} h3{font-size:1.15rem;margin:1.6em 0 .4em}
main h2:first-of-type{margin-top:1.6em}
.top{border-bottom:1px solid var(--line);background:rgba(251,250,247,.92);backdrop-filter:blur(6px);position:sticky;top:0;z-index:5}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px}
.brand{font-family:var(--serif);font-weight:600;color:var(--fg);text-decoration:none;white-space:nowrap}
nav{display:flex;gap:18px;overflow-x:auto} nav a{color:var(--mut);text-decoration:none;font-size:.95rem;white-space:nowrap}
nav a[aria-current]{color:var(--fg);font-weight:600} nav a:hover{color:var(--acc)}
main{padding-top:28px;padding-bottom:64px;min-height:70vh}
footer{border-top:1px solid var(--line);color:var(--mut);font-size:.88rem;padding-top:8px;padding-bottom:40px}
.hero{padding:16px 0 8px}
.lead{font-size:1.15rem;color:#33302b} .muted{color:var(--mut)} small{display:block;color:var(--mut);font-size:.83rem;line-height:1.4}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:22px 0}
.stat{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px;font-size:.92rem;color:var(--mut)}
.stat b{font-family:var(--serif);font-size:2rem;display:block;color:var(--fg);line-height:1.1;margin-bottom:4px}
.plain{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 24px 10px;margin:18px 0 8px;font-size:1.04rem}
.plain h2{margin-top:.8em} .plain p{margin:.7em 0}
.box{background:var(--soft);border-radius:10px;padding:14px 20px}
.badge{font-size:.74rem;padding:2px 9px;border-radius:99px;font-weight:600;white-space:nowrap;display:inline-block}
.red{background:#fde2e2;color:#9b1c1c} .amber{background:#fff1cc;color:#8a5a00} .green{background:#dcf5e3;color:#176c35} .grey{background:#eee;color:#555}
.rows{display:flex;flex-direction:column;gap:6px;margin:12px 0}
.row{display:grid;grid-template-columns:1fr 220px;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px;color:var(--fg);text-decoration:none;transition:border-color .12s,box-shadow .12s}
.row:hover{border-color:#cbbfa8;box-shadow:0 2px 10px rgba(60,40,10,.06)} .row[hidden]{display:none}
.what{min-width:0} .what small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meta{text-align:right} .meta small{margin-top:3px}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0;padding:12px;background:var(--soft);border-radius:10px;position:sticky;top:60px;z-index:4}
.filters input[type=search]{flex:1 1 240px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}
.filters select{padding:8px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}
.filters label{white-space:nowrap;font-size:.93rem}
.crumbs{font-size:.92rem;margin:0}
.verdict{font-size:1.1rem}
.facts{display:grid;grid-template-columns:170px 1fr;gap:6px 16px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin:18px 0}
.facts dt{color:var(--mut);font-size:.9rem} .facts dd{margin:0}
blockquote{margin:0;border-left:3px solid var(--line);padding:4px 14px;color:#3d3a34;font-family:var(--serif)}
ol.flow li{margin:.5em 0}
.scroll{overflow-x:auto} table{border-collapse:collapse;width:100%;font-size:.92rem;background:var(--card)}
th,td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top} th{background:var(--soft);font-weight:600}
code{background:var(--soft);padding:1px 5px;border-radius:4px}
@media (max-width:640px){.row{grid-template-columns:1fr}.meta{text-align:left}.facts{grid-template-columns:1fr}.facts dt{margin-top:6px}.top .wrap{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:8px;gap:4px 16px}.top .brand{font-size:.95rem}nav{gap:14px}.filters{position:static}}
table.cmp td:not(:first-child),table.cmp th:not(:first-child){text-align:center;font-family:var(--serif);font-size:1.05rem}
.dest{display:grid;grid-template-columns:1fr 220px;gap:14px;align-items:center;background:#fffaf0;border:1px solid #e9d8b4;border-radius:10px;padding:12px 14px;color:var(--fg);text-decoration:none}
.dest:hover{border-color:#cbbfa8;box-shadow:0 2px 10px rgba(60,40,10,.06)} .dest .res{display:block;font-size:.93rem;margin-top:4px;color:#3d3a34} .dest .meta{text-align:right}
.review{background:#fffaf0;border:1px solid #e9d8b4;border-radius:10px;padding:6px 20px 12px;margin:20px 0}
.review h3{margin-top:.8em} h2.sub{color:var(--mut);font-size:1.1rem}
@media (max-width:640px){.dest{grid-template-columns:1fr}.dest .meta{text-align:left}}