:root{--ink:#1c1c1c;--muted:#5b5b5b;--line:#e3e3e3;--bg:#fff;--soft:#f6f7f8;--accent:#0a5c8a;--accent-ink:#fff;--good:#1a7f37;--warn:#9a6700;--max:1040px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);margin:0;font:17px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}a{color:var(--accent)}a:hover{text-decoration:underline}h1{margin:.4em 0;font-size:2rem;line-height:1.2}h2{margin:1.8em 0 .5em;font-size:1.45rem;line-height:1.25}h3{margin:1.4em 0 .4em;font-size:1.15rem}p,ul,ol{margin:0 0 1em}li{margin-bottom:.35em}.site-header{border-bottom:1px solid var(--line);background:var(--bg);z-index:5;position:sticky;top:0}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:58px;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;padding:9px 0;font-size:1.1rem;font-weight:800;text-decoration:none;display:flex}.brand img{width:auto;height:40px;display:block}.hero{margin:.4em 0 1.6em}.hero img{background:var(--soft);border-radius:12px;width:100%;height:auto;display:block}.hero figcaption{color:var(--muted);margin-top:6px;font-size:.78rem}.hero figcaption a{color:var(--muted)}.site-header nav{flex-wrap:wrap;gap:16px;font-size:.95rem;display:flex}.site-header nav a{color:var(--ink);text-decoration:none}.site-footer{border-top:1px solid var(--line);color:var(--muted);background:var(--soft);margin-top:56px;padding:28px 0 40px;font-size:.9rem}.site-footer nav{margin:10px 0}.meta{color:var(--muted);margin-bottom:1.2em;font-size:.9rem}.crumbs{color:var(--muted);margin:14px 0 0;font-size:.9rem}.crumbs ol{flex-wrap:wrap;gap:0 6px;margin:0;padding:0;list-style:none;display:flex}.crumbs li{margin:0}.crumbs li+li:before{content:"›";color:var(--muted);margin-right:6px}.related{margin-top:2.5em}.disclosure{color:var(--muted);border-left:3px solid var(--line);margin:0 0 1.2em;padding:6px 12px;font-size:.9rem}.lead{color:#333;font-size:1.15rem}.quick-answer{background:var(--soft);border-left:4px solid var(--accent);border-radius:0 10px 10px 0;margin:.6em 0 1.2em;padding:12px 18px;font-size:1.05rem}.quick-answer p{margin:0}.picks{gap:18px;margin:1.2em 0 2em;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px 20px}.card .badge{letter-spacing:.04em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);border-radius:999px;margin-bottom:8px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-block}.card h3{margin:.2em 0}.card .price{margin:.2em 0 .6em;font-weight:700}.card .price small{color:var(--muted);font-weight:400}.card .specs{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:4px 16px;margin:.6em 0;padding:0;font-size:.92rem;list-style:none;display:grid}.card .specs li span{color:var(--muted)}.pros-cons{grid-template-columns:1fr 1fr;gap:12px;font-size:.93rem;display:grid}.pros-cons ul{margin:0;padding-left:18px}.pros-cons h4{text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:.85rem}.pros h4{color:var(--good)}.cons h4{color:var(--warn)}.btn{background:var(--accent);color:var(--accent-ink);border-radius:8px;margin:8px 8px 0 0;padding:10px 16px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-block}.btn.alt{color:var(--accent);border:1.5px solid var(--accent);background:#fff}.table-wrap{margin:1em 0 1.6em;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.93rem}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 10px}th{background:var(--soft);font-weight:700}.faq details{border-bottom:1px solid var(--line);padding:10px 0}.faq summary{cursor:pointer;font-weight:700}.toc{background:var(--soft);border-radius:10px;margin:1em 0 1.6em;padding:14px 18px;font-size:.95rem}.toc ol{margin:0;padding-left:20px}.grid-links{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:1em 0 2em;display:grid}.grid-links a{border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:14px 16px;text-decoration:none;display:block}.grid-links a strong{color:var(--accent);display:block}.grid-links a span{color:var(--muted);font-size:.9rem}.feedback{border:1px solid var(--line);background:var(--soft);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;min-height:58px;margin:2.2em 0 0;padding:14px 18px;font-size:.95rem;display:flex}.feedback button{font:inherit;color:var(--accent);border:1.5px solid var(--accent);cursor:pointer;background:#fff;border-radius:8px;padding:6px 16px;font-weight:700}.feedback button:hover{background:var(--accent);color:var(--accent-ink)}.note{background:#fff8e1;border:1px solid #f0d78c;border-radius:8px;padding:10px 14px;font-size:.93rem}@media (width<=640px){.pros-cons{grid-template-columns:1fr}h1{font-size:1.6rem}.brand img{height:34px}.hero img{border-radius:8px}}.board-wrap{margin:.8em 0 1.8em}.board-chips{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.chip{border:1.5px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:600}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.board-scroll{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;border:1px solid var(--line);border-radius:12px;overflow-x:auto}table.board{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:.92rem}.board th,.board td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;scroll-snap-align:start;background:#fff;min-width:180px;max-width:212px;padding:10px 12px}.board thead th{vertical-align:bottom;border-bottom:2px solid var(--line)}.board .lab{z-index:2;background:var(--soft);color:var(--muted);width:130px;min-width:118px;max-width:140px;box-shadow:2px 0 0 var(--line);font-size:.85rem;font-weight:700;position:sticky;left:0}.board thead .lab{background:#fff}.board .top{background:#f3f9fc}.board tr:last-child th,.board tr:last-child td{border-bottom:0}.board .tile{background:linear-gradient(135deg,#e9eff4,#dbe4ec);border-radius:10px;justify-content:center;align-items:center;height:64px;margin-bottom:8px;display:flex}.board .tile span{letter-spacing:.01em;color:#334155;font-size:1.05rem;font-weight:800}.board .badge{letter-spacing:.04em;text-transform:uppercase;background:var(--soft);color:var(--ink);border-radius:999px;margin-bottom:6px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-block}.board .top .badge{background:var(--accent);color:var(--accent-ink)}.board .nm{color:var(--ink);margin-bottom:6px;font-weight:700;line-height:1.3;text-decoration:none;display:block}.board .nm:hover{text-decoration:underline}.board .pr{font-size:1.25rem;font-weight:800}.board .pr small{color:var(--muted);font-size:.8rem;font-weight:500}.board .mk-yes{color:var(--good);font-weight:600}.board .mk-no{color:var(--muted)}.board .mk-con{color:#8a3b12}.board .buy td{padding-top:12px;padding-bottom:14px}.board .buy .btn{text-align:center;margin:0;padding:10px 12px;display:block}@media (width<=640px){.board th,.board td{min-width:160px;max-width:200px;padding:9px 10px}.board .lab{width:104px;min-width:96px;max-width:110px;font-size:.78rem}.board .pr{font-size:1.1rem}.board .tile{height:52px}}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.board thead th{vertical-align:top}.board .buy .btn+.btn{margin-top:6px}.board-cards{display:none}.gl-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px}.gl-card.top{border-color:var(--accent);background:#f3f9fc}.gl-card .badge{letter-spacing:.04em;text-transform:uppercase;background:var(--soft);color:var(--ink);border-radius:999px;margin-bottom:4px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-block}.gl-card.top .badge{background:var(--accent);color:var(--accent-ink)}.gl-card .nm{color:var(--ink);font-weight:700;line-height:1.3;text-decoration:none;display:block}.gl-card .why{margin:.3em 0;font-size:.92rem}.gl-card .pr{margin:.2em 0 0;font-weight:800}.gl-card .pr small{color:var(--muted);font-size:.8rem;font-weight:500}.gl-card .btn{margin:8px 6px 0 0;padding:9px 12px;font-size:.9rem}@media (width<=600px){.board-scroll{display:none}.board-cards{gap:10px;display:grid}}.method{background:var(--soft);border-radius:10px;margin:0 0 1.2em;padding:10px 14px;font-size:.9rem}.paid{color:var(--muted);margin:.6em 0 0;font-size:.8rem}
