:root{--ink: #1d2433;--sub: #4b5468;--mute: #6b7385;--line: #e1e5ec;--soft: #f4f6fa;--paper: #fff;--blue: #2251c9;--cta: #e8590c;--cta-dark: #a63f08;--good: #0f7a5a;--good-bg: #eef8f3;--warn: #b5560f;--warn-bg: #fdf3ec;--font: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.9;letter-spacing:.02em}img{max-width:100%;height:auto;display:block}a{color:var(--blue)}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.container{max-width:1080px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}.site-header{border-bottom:1px solid var(--line)}.header-in{display:flex;justify-content:space-between;align-items:center;height:60px}.logo{display:flex;gap:8px;align-items:center;font-weight:900;font-size:18px;color:var(--ink);text-decoration:none;white-space:nowrap}.header-links{display:flex;gap:18px}.header-link{font-size:14px;color:var(--sub);text-decoration:none}.site-footer{margin-top:72px;border-top:1px solid var(--line);padding:28px 0 40px;font-size:14px;color:var(--mute)}.footer-in{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}.footer-in nav{display:flex;flex-wrap:wrap;gap:6px 20px}.footer-in nav a{color:var(--sub);text-decoration:none}.home-hero{padding:48px 20px 12px}.home-hero h1{font-size:clamp(1.6rem,3.6vw,2.3rem);line-height:1.45;margin:0 0 10px;font-weight:900}.home-hero p{margin:0;color:var(--sub);max-width:38em}.sec-title{font-size:1.25rem;margin:40px 0 12px}.cat-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px 32px}.cat-groups h3{font-size:14px;color:var(--mute);margin:0 0 6px;padding-bottom:6px;border-bottom:2px solid var(--ink);letter-spacing:.05em}.cat-groups ul{list-style:none;margin:0;padding:0}.cat-groups a{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:700;font-size:15px}.cat-groups a:hover{color:var(--blue)}@media(max-width:600px){.cat-groups{grid-template-columns:1fr 1fr;gap:20px 16px}.cat-groups a{font-size:14px}}.rows{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.row a{display:grid;grid-template-columns:220px 1fr;gap:22px;padding:20px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.row img,.row-noimg{border:1px solid var(--line);border-radius:6px;aspect-ratio:800 / 360;background:var(--soft)}.row h3{margin:0 0 6px;font-size:1.15rem;line-height:1.55}.row a:hover h3{color:var(--blue);text-decoration:underline}.row p{margin:0;color:var(--sub);font-size:15px;line-height:1.8}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chips span{font-size:12px;background:var(--soft);border-radius:4px;padding:2px 8px;color:var(--sub)}.page-title{font-size:clamp(1.5rem,3.2vw,1.9rem);margin:0 0 16px}.crumb{font-size:13px;color:var(--mute);margin:20px 0 10px}.crumb a{color:var(--mute)}.article-title{font-size:clamp(1.45rem,3.2vw,1.95rem);line-height:1.5;margin:0 0 16px;font-weight:900}.trust{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;font-size:14px;line-height:1.7;margin-bottom:12px}.trust>div{padding:12px 16px}.trust>div+div{border-left:1px solid var(--line)}.trust b{display:block;font-size:13px;color:var(--mute)}.pr-note{font-size:12px;color:var(--mute);line-height:1.6;margin:0 0 16px}.article-hero{width:100%;border:1px solid var(--line);border-radius:8px;margin-bottom:20px}.toc{background:var(--soft);border-radius:8px;padding:14px 20px;font-size:15px}.toc b{font-size:14px}.toc ol{margin:4px 0 0;padding-left:1.4em;line-height:1.95}.article h2{font-size:1.4rem;line-height:1.5;margin:52px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--ink);scroll-margin-top:16px}.article h3{font-size:1.12rem;line-height:1.6;margin:32px 0 8px}a.cta{display:inline-block;background:var(--cta);color:#fff;font-weight:700;text-decoration:none;border-radius:6px;padding:11px 24px;line-height:1.5;box-shadow:0 2px 0 var(--cta-dark);text-align:center}a.cta:hover{filter:brightness(1.06)}a.cta:active{transform:translateY(2px);box-shadow:none}.picks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.pick{border:2px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px}.pick-for{align-self:flex-start;font-size:13px;font-weight:700;color:#fff;background:var(--blue);border-radius:4px;padding:2px 8px;line-height:1.6}.article .pick h3{margin:0;font-size:1.05rem}.pick p{margin:0;font-size:14px;color:var(--sub);line-height:1.7;flex:1}.pick .cta{display:block;padding:10px 12px;font-size:15px}.prose>p:first-child{margin-top:28px}.prose p,.prose li{overflow-wrap:anywhere}.prose ul,.prose ol{padding-left:1.3em}.prose img{margin:20px auto;border:1px solid var(--line);border-radius:8px}.prose strong{font-weight:700}.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:8px;margin:16px 0}.prose table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px;line-height:1.7}.prose th,.prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.prose tr:last-child td,.prose tr:last-child th{border-bottom:0}.prose thead th{background:var(--soft);font-size:14px;white-space:nowrap}.prose tbody td:first-child{min-width:7.5em;position:sticky;left:0;background:var(--paper);font-weight:700;color:var(--sub);font-size:14px;box-shadow:1px 0 0 var(--line)}.prose td a.cta{padding:7px 12px;font-size:13px;white-space:nowrap}.prose p:has(>a.cta:only-child){text-align:center;margin:20px 0 8px}.prose p:has(>a.cta:only-child) a.cta{min-width:min(100%,340px)}.sec-prod{border:1px solid var(--line);border-radius:10px;padding:4px 22px 18px;margin-top:28px}.sec-prod h2{border-bottom:0;padding:0;margin:16px 0 6px;font-size:1.25rem}.sec-prod h2:before{content:"";display:inline-block;width:6px;height:1.1em;background:var(--blue);border-radius:2px;margin-right:10px;vertical-align:-.15em}.gb{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.gb .good,.gb .bad{border-radius:8px;padding:10px 14px;font-size:15px;line-height:1.75}.gb ul{margin:2px 0 0;padding-left:1.2em}.gb-label{margin:0;font-weight:700}.good{background:var(--good-bg)}.good .gb-label{color:var(--good)}.bad{background:var(--warn-bg)}.bad .gb-label{color:var(--warn)}.sec-steps{counter-reset:step}.sec-steps h3{counter-increment:step;display:flex;gap:12px;align-items:center;margin-top:26px}.sec-steps h3:before{content:"STEP " counter(step);flex:none;background:var(--ink);color:#fff;font-size:12px;border-radius:4px;padding:2px 8px;letter-spacing:.04em}.sec-faq details{border-bottom:1px solid var(--line);padding:12px 0}.sec-faq summary{font-weight:700;cursor:pointer;list-style-position:outside}.sec-faq details p{margin:8px 0 0;color:var(--sub)}.sec-sum ul:has(a.cta){list-style:none;padding:0;display:grid;gap:10px}.sec-sum ul:has(a.cta) a.cta{display:block}@media(max-width:700px){body{font-size:16.5px}.trust{grid-template-columns:1fr}.trust>div+div{border-left:0;border-top:1px solid var(--line)}.gb{grid-template-columns:1fr}.row a{grid-template-columns:112px 1fr;gap:12px}.row p{display:none}.row h3{font-size:1rem}.sec-prod{padding:4px 16px 16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
