:root{--bg: #ffffff;--bg-soft: #f4f6f8;--text: #1c2229;--muted: #566270;--line: #d9dee4;--accent: #1d5fa8;--accent-text: #ffffff;--warn-bg: #fff6d6;--warn-text: #5a4400;--mi-bg: #f1f3f5;--radius: 10px;--maxw: 1100px;font-size:18px}@media(min-width:900px){:root{font-size:19px}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}a{color:var(--accent);text-underline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f5b400;outline-offset:2px}img{max-width:100%;height:auto;display:block}h1{font-size:1.8rem;line-height:1.2;margin:.4em 0 .6em}h2{font-size:1.35rem;line-height:1.25;margin:1.6em 0 .5em}h3{font-size:1.1rem;margin:1.2em 0 .4em}p,li{max-width:70ch}ul,ol{padding-left:1.3em}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px 48px}.muted{color:var(--muted)}.small{font-size:.85rem}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.site-header .inner{max-width:var(--maxw);margin:0 auto;padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}.site-header .brand{font-weight:700;text-decoration:none;color:var(--text);font-size:1.05rem}.site-header nav a{display:inline-block;padding:8px 4px;min-height:44px;text-decoration:none}.site-header nav a:hover{text-decoration:underline}.site-footer{border-top:1px solid var(--line);background:var(--bg-soft);margin-top:48px}.site-footer .inner{max-width:var(--maxw);margin:0 auto;padding:24px 16px;font-size:.9rem;color:var(--muted)}.site-footer a{color:inherit}.demo-banner{background:#ffe2a8;color:#4a3200;text-align:center;padding:8px 16px;font-weight:600}.crumbs{font-size:.9rem;margin:12px 0 0}.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px 8px}.crumbs li+li:before{content:"›";color:var(--muted);margin-right:8px}.tiles{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.tiles li{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;background:var(--bg)}.tiles a{font-weight:600;text-decoration:none;display:block;min-height:44px}.tiles .sub{color:var(--muted);font-size:.9rem;margin:4px 0 0}.buy{margin:16px 0}.buy-row{display:flex;flex-wrap:wrap;gap:10px}.buy-button{display:inline-flex;flex-direction:column;justify-content:center;min-height:48px;min-width:150px;padding:8px 14px;border-radius:var(--radius);text-decoration:none;background:var(--accent);color:var(--accent-text);font-weight:600;line-height:1.2}.buy-button .price{font-size:1.05rem}.buy-button .shop{font-size:.8rem;opacity:.9;font-weight:500}.buy-button:hover{filter:brightness(1.08)}.buy-button.compact{min-width:0;min-height:44px;padding:6px 10px;font-size:.9rem}.price-note{margin:8px 0 0;font-size:.85rem;color:var(--muted)}.ad-note{margin:6px 0 0;font-size:.75rem;color:var(--muted);line-height:1.35}.stale{color:var(--warn-text);background:var(--warn-bg);display:inline-block;padding:1px 6px;border-radius:4px}.mi-plate{margin:20px 0;padding:12px 16px;border-left:5px solid var(--text);background:var(--mi-bg);font-size:1rem;font-weight:600}.mi-plate.footer{margin:0}.compare-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0}table.compare{width:100%;border-collapse:collapse;font-size:.95rem}table.compare th,table.compare td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}table.compare th{background:var(--bg-soft);position:sticky;top:0}table.compare td.pic img{width:96px;height:72px;object-fit:cover;border-radius:6px}table.compare td.name a{font-weight:600}table.compare td.name .short{display:block;color:var(--muted);font-size:.85rem;margin-top:2px}table.compare tr[hidden]{display:none}.compare-count{font-size:.9rem;color:var(--muted);margin:8px 0}.compare-empty{padding:16px;background:var(--bg-soft);border-radius:var(--radius)}@media(max-width:760px){table.compare thead{display:none}table.compare tr{display:block;border:1px solid var(--line);border-radius:var(--radius);margin:0 0 12px;padding:8px 12px}table.compare td{display:flex;gap:12px;border:0;padding:6px 0}table.compare td:before{content:attr(data-label);color:var(--muted);min-width:40%;font-size:.85rem}table.compare td.pic:before,table.compare td.name:before,table.compare td.buy-cell:before{display:none}table.compare td.pic img{width:100%;height:auto;max-height:220px;object-fit:contain}}.filters{border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin:16px 0;background:var(--bg-soft);display:none}.filters.js{display:block}.filters form{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:end}.filters label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;min-height:44px}.filters label.flag{flex-direction:row;align-items:center;gap:8px}.filters input[type=number],.filters select{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:6px;min-width:140px;min-height:44px;background:#fff}.filters input[type=checkbox]{width:24px;height:24px}.filters button{font:inherit;min-height:44px;padding:8px 14px;border-radius:6px;border:1px solid var(--line);background:#fff;cursor:pointer}.product-top{display:grid;gap:20px;grid-template-columns:1fr;margin-top:12px}@media(min-width:760px){.product-top{grid-template-columns:minmax(0,420px) 1fr}}.product-top img{border-radius:var(--radius);border:1px solid var(--line);background:#fff}table.chars{border-collapse:collapse;width:100%;max-width:640px}table.chars th,table.chars td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}table.chars th{font-weight:500;color:var(--muted);width:45%}.pros-cons{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:700px){.pros-cons{grid-template-columns:1fr 1fr}}.hub-block{border-top:1px solid var(--line);padding:16px 0 4px}.hub-block .mini{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}.hub-block .mini li{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}.callout{background:var(--bg-soft);border-radius:var(--radius);padding:14px 16px;margin:16px 0}.updated{color:var(--muted);font-size:.85rem;margin-top:24px}.faq details{border-bottom:1px solid var(--line);padding:6px 0}.faq summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}.faq details p{margin:6px 0 10px}.sources{font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);margin-top:32px;padding-top:12px}