:root{--bg: #faf9f7;--ink: #1d1c1a;--muted: #6b6660;--line: #e6e2dc;--accent: #9d2f22;--accent-dark: #7c251b;--panel: #ffffff;--ok: #1a6b3c;--warn: #8f6400;--bad: #a03024;--unknown: #6b6660}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.wrap{max-width:980px;margin:0 auto;padding:0 20px}a{color:var(--accent)}a:hover{color:var(--accent-dark)}h1,h2,h3{font-family:Georgia,Times New Roman,serif;line-height:1.22}h1{font-size:2.15rem;margin:0 0 .6rem}h2{font-size:1.5rem;margin:2.4rem 0 .7rem}h3{font-size:1.16rem;margin:1.7rem 0 .4rem}p{margin:.6rem 0 1rem}.lead{font-size:1.13rem;color:#3d3a36}header.site{background:#171512;color:#f4f1ec}header.site .wrap{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem 1.3rem;padding:14px 20px}.brand{font-family:Georgia,serif;font-size:1.18rem;color:#f4f1ec;text-decoration:none}header.site nav{display:flex;flex-wrap:wrap;gap:1.1rem;margin-left:auto}header.site nav a{color:#d8d2c9;text-decoration:none;font-size:.95rem}header.site nav a:hover,header.site nav a[aria-current=page]{color:#fff}footer.site{margin-top:4.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}footer.site .wrap{padding:1.6rem 20px 2.2rem}footer.site a{color:var(--muted)}.hero{padding:3rem 0 1rem}.kicker{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.button{display:inline-block;background:var(--accent);color:#fff;padding:.6rem 1.15rem;border-radius:8px;text-decoration:none;font-weight:600;border:1px solid var(--accent)}.button:hover{background:var(--accent-dark);color:#fff}.button.ghost{background:transparent;color:var(--accent)}.button.ghost:hover{background:#f1ece6}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.2rem 1.3rem}.grid{display:grid;gap:1rem}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem}.card h3{margin:.1rem 0 .3rem}.card .meta{color:var(--muted);font-size:.88rem}.card .dims{font-size:.92rem;margin:.5rem 0}.card .dims strong{font-size:1.02rem}.chip{display:inline-block;font-size:.76rem;font-weight:700;padding:2px 10px;border-radius:999px;border:1px solid;white-space:nowrap}.chip.fit{color:var(--ok);border-color:#bcd9c6;background:#eef7f1}.chip.no{color:var(--bad);border-color:#e4c3bf;background:#faf0ee}.chip.check{color:var(--warn);border-color:#e2d3ac;background:#faf5e6}.chip.unknown{color:var(--unknown);border-color:#d9d4cd;background:#f2efeb}.table-scroll{max-inline-size:100%;overflow-x:auto}.table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}table.dims{border-collapse:collapse;width:100%;font-size:.94rem}table.dims th,table.dims td{text-align:left;padding:.5rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}table.dims th{color:var(--muted);font-weight:600;width:46%}table.compare{border-collapse:collapse;width:100%;font-size:.92rem}table.compare th,table.compare td{text-align:left;padding:.5rem .7rem;border-bottom:1px solid var(--line)}form.finder{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}form.finder label{display:block;font-size:.82rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}form.finder input[type=number],form.finder select{width:100%;padding:.5rem .6rem;border:1px solid #cfc9c0;border-radius:8px;font:inherit;background:#fff}.finder-note{font-size:.85rem;color:var(--muted)}.results-summary{font-size:.95rem;color:#3d3a36;margin:1.2rem 0 .8rem}.callout{border-left:4px solid var(--accent);background:#f4ede9;padding:.8rem 1rem;border-radius:0 8px 8px 0;margin:1.2rem 0}.source-list{font-size:.85rem;color:var(--muted)}.source-list li{margin-bottom:.25rem}.breadcrumb{font-size:.85rem;color:var(--muted);margin-top:1.4rem}.breadcrumb a{color:var(--muted)}@media(max-width:640px){h1{font-size:1.7rem}header.site nav{margin-left:0}}