:root{--bg:#f4f6f8;--surface:#fff;--ink:#16202e;--ink-muted:#5b6b7c;--line:#dde3ea;--brand:#16324f;--brand-strong:#0e2138;--brand-ink:#fff;--teal:#1f8a7a;--accent:#a85625;--radius:10px;--shadow-sm:0 1px 3px #10203814;--shadow-md:0 8px 24px #1020381a}.analytics-settings{max-width:1180px;margin:auto;padding:0 20px 20px}.analytics-settings button{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;text-decoration:underline}.analytics-consent{z-index:50;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);max-width:620px;max-height:70vh;box-shadow:var(--shadow-md);margin:0 auto;padding:20px;position:fixed;inset:auto 12px 12px;overflow-y:auto}.analytics-consent h2{margin:0 0 8px;font-size:1.1rem}.analytics-consent p{margin:8px 0;font-size:.9rem}.analytics-consent-actions{flex-wrap:wrap;gap:12px;display:flex}.analytics-consent-actions button{min-width:100px;min-height:44px;font:inherit;color:var(--brand);background:var(--surface);border:1px solid var(--brand);cursor:pointer;border-radius:6px;flex:1;padding:8px 16px}.analytics-consent button:focus-visible,.analytics-settings button:focus-visible{outline:3px solid var(--brand);outline-offset:3px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);overflow-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;line-height:1.7;overflow-x:hidden}a{color:var(--brand)}.container{max-width:1180px;margin:0 auto;padding:0 20px}header.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.site-header .bar{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:16px 20px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.brand img.brand-mark{object-fit:contain;flex-shrink:0;width:36px;height:36px}.brand-text small{color:var(--ink-muted);font-size:.7rem;font-weight:400;display:block}nav.main-nav{flex-wrap:wrap;gap:14px;font-size:.9rem;display:flex}nav.main-nav a{min-height:44px;color:var(--ink-muted);align-items:center;text-decoration:none;display:inline-flex}nav.main-nav a:hover{color:var(--brand)}main{max-width:1180px;min-height:60vh;margin:0 auto;padding:32px 20px 64px}article.policy{max-width:720px;margin:0 auto}.hero{align-items:center;gap:48px;padding:48px 0 40px;display:flex}.hero-copy{flex:420px;min-width:0}.hero-media{flex:480px;min-width:0}.hero-media img{border-radius:16px;width:100%;height:auto;display:block}.hero h1{color:var(--ink);margin:0 0 12px;font-size:clamp(1.8rem,3vw,2.3rem);line-height:1.35}.hero p.lead{color:var(--ink-muted);max-width:520px;font-size:1.05rem}@media (max-width:860px){.hero{flex-direction:column-reverse;align-items:stretch;gap:24px}.hero.tools-heading{flex-direction:column}.hero-copy,.hero-media{flex:none}.hero-media img{border-radius:12px}}.category-heading{align-items:center;gap:18px;padding:40px 0 8px;display:flex}.category-heading-icon{object-fit:contain;flex-shrink:0;width:56px;height:56px}.category-heading h1{color:var(--ink);margin:0 0 4px;font-size:clamp(1.5rem,2.6vw,1.9rem)}.category-heading p.lead{color:var(--ink-muted);margin:0;font-size:1rem}@media (max-width:480px){.category-heading{gap:12px}.category-heading-icon{width:44px;height:44px}}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:24px 0;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;transition:box-shadow .15s,transform .15s}.card-link:hover .card,.card-link:focus-visible .card{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card .card-icon{object-fit:contain;width:44px;height:44px;margin-bottom:10px}.card h3{margin:0 0 6px;font-size:1.05rem}.card p{color:var(--ink-muted);margin:0;font-size:.9rem}.card .card-cue{color:var(--brand);margin-top:10px;font-size:.82rem;font-weight:600;display:inline-block}.card-link{color:inherit;text-decoration:none;display:block}.badge{color:var(--brand);background:#e9eef4;border-radius:999px;margin-bottom:8px;padding:2px 8px;font-size:.72rem;display:inline-block}.pr-notice{color:#7a4a1c;border-radius:var(--radius);overflow-wrap:break-word;background:#fff6ec;border:1px solid #f0d9bd;margin:16px 0;padding:10px 14px;font-size:.82rem}.offer-list{gap:14px;min-width:0;margin:16px 0;padding:0;list-style:none;display:grid}.offer-list li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.offer-list .offer-main{align-items:center;gap:14px;min-width:0;display:flex}.offer-list .logo-placeholder{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-strong) 100%);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex}.offer-list .logo-frame{border:1px solid var(--line);background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:5px;display:flex}.offer-list .logo-frame img{object-fit:contain;max-width:100%;max-height:100%}.offer-list .logo-frame--unframed{background:0 0;border:none;padding:0}.offer-list .logo-frame--unframed img{width:100%;height:auto}.offer-list .offer-text{min-width:0}.offer-list .name{overflow-wrap:break-word;font-weight:600}.offer-list .provider{color:var(--ink-muted);font-size:.85rem}.offer-list .offer-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.offer-list .tag{color:var(--ink-muted);border:1px solid var(--line);background:#e9eef4;border-radius:999px;padding:2px 8px;font-size:.72rem;display:inline-block}.btn{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:9px 18px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--brand-strong)}.btn.btn-secondary{color:var(--accent);border:2px solid var(--accent);background:#fff;padding:7px 16px}.btn.btn-secondary:hover{color:var(--brand-strong);border-color:var(--brand-strong);background:#eef3f7}.article-offer-buttons{flex-wrap:wrap;gap:8px;display:flex}.article-offer-buttons>a{flex:200px}.btn:disabled,.btn:disabled:hover{color:var(--ink-muted);border:1px solid var(--line);cursor:not-allowed;background:#e9eef4}.contact-panel,.contact-result{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:28px 0;padding:clamp(18px,4vw,32px)}.contact-notice{border-left:3px solid var(--brand);background:#f4f6f8;padding:16px}.contact-form fieldset{border:0;min-width:0;margin:0;padding:0}.contact-field{margin:0 0 24px}.contact-field>label{margin-bottom:8px;font-weight:700;display:block}.contact-required{color:#854015;vertical-align:middle;background:#fff4e8;border-radius:4px;padding:1px 6px;font-size:12px;display:inline-block}.contact-field input:not([type=checkbox]),.contact-field select,.contact-field textarea{width:100%;min-width:0;max-width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fff;border:1px solid #8b99aa;border-radius:6px;padding:10px 12px;font-size:16px;display:block}.contact-field textarea{resize:vertical}.contact-field input:disabled,.contact-field select:disabled,.contact-field textarea:disabled{color:var(--ink-muted);opacity:1;cursor:not-allowed;background:#f4f6f8}.contact-field input:focus-visible,.contact-field textarea:focus-visible,.contact-field select:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.contact-field [aria-invalid=true]{border-color:#a52b23}.contact-form .contact-consent{align-items:flex-start;gap:10px;min-height:44px;font-weight:400;display:flex}.contact-consent input{width:22px;height:22px;accent-color:var(--brand);flex:0 0 22px;margin:3px 0 0}.contact-privacy-link{overflow-wrap:anywhere;padding:6px 0;display:inline-block}.contact-form .contact-hint,.contact-required-note{color:var(--ink-muted);font-size:14px}.contact-form .contact-hint{margin:8px 0}.contact-error{color:#a52b23;margin:8px 0 0;font-size:14px}.contact-error-summary{color:#8d231d;overflow-wrap:anywhere;background:#fff2f0;border:1px solid #cf8d87;border-radius:6px;margin-bottom:24px;padding:16px}.contact-submit{white-space:normal;width:100%;max-width:100%;min-height:48px;font:inherit;border:0;margin-top:16px;font-weight:700}.contact-progress{min-height:1.7em;font-size:14px}.contact-honeypot{display:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--surface);color:var(--ink);border:2px solid var(--brand);padding:10px 16px;position:fixed;top:8px;left:16px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px}@media (prefers-reduced-motion:reduce){.card{transition:none}.card-link:hover .card,.card-link:focus-visible .card{transform:none}}.affiliate-a8-wrapper{align-items:center;display:inline-flex}.affiliate-a8-wrapper>a{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;padding:9px 18px;font-size:.85rem;font-weight:600;line-height:normal;text-decoration:none;display:inline-block}.affiliate-a8-wrapper>a:hover{background:var(--brand-strong)}.affiliate-a8-wrapper>a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.affiliate-a8-wrapper img{display:block}.empty-state{color:var(--ink-muted);border:1px dashed var(--line);border-radius:var(--radius);text-align:center;padding:24px}footer.site-footer{border-top:1px solid var(--line);color:var(--ink-muted);font-size:.82rem}footer.site-footer .bar{flex-wrap:wrap;justify-content:space-between;gap:8px 20px;max-width:1180px;margin:0 auto;padding:24px 20px;display:flex}footer.site-footer nav{flex-wrap:wrap;gap:8px 16px;display:flex}article.policy h1{font-size:1.5rem}article.policy h2{margin-top:2em;font-size:1.15rem}article.policy section+section{margin-top:1.5em}article.policy h3{margin:1.4em 0 .4em;font-size:1rem}article.policy .policy-dates{color:var(--ink-muted);margin:-.5em 0 1.5em;font-size:.9rem}.article-body{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:760px;margin:0 auto;padding:clamp(22px,5vw,52px)}.article-body h1{margin:0 0 1em;font-size:clamp(1.65rem,5vw,2.25rem);line-height:1.4}.article-body h2{border-bottom:2px solid #d6e0ea;margin:2.2em 0 .8em;padding-bottom:8px;font-size:1.35rem;line-height:1.5}.article-body h3{margin:1.8em 0 .5em;font-size:1.08rem}.article-body p,.article-body li{line-height:1.9}.article-body .lead-answer{border:1px solid #d3dde6;border-left:5px solid var(--accent);color:var(--ink);background:#eef3f7;border-radius:8px;margin:0 0 28px;padding:18px 20px}.article-body blockquote{color:#594923;background:#f8f4e9;border-left:4px solid #b89752;margin:24px 0;padding:14px 18px}.article-body .table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.article-body table{border-collapse:collapse;width:100%;min-width:620px;font-size:.84rem}.article-body th,.article-body td{text-align:left;vertical-align:top;border:1px solid var(--line);padding:9px 10px}.article-body th{background:#eef2f6}.article-body h2+.table-scroll{border:1px solid #dde3ea;border-radius:8px;box-shadow:0 8px 20px #1020380f}.article-body .cta-list,.article-body .cta-single{background:#eef3f7;border:1px solid #d3dde6;border-radius:10px;margin:20px 0;padding:18px;list-style:none}.article-body .cta-list li+li{margin-top:10px}.article-body .cta-list a,.article-body .cta-single a{background:var(--accent);color:#fff;text-align:center;border-radius:7px;padding:11px 14px;font-weight:700;text-decoration:none;display:block}.article-body .cta-list a.btn-secondary,.article-body .cta-single a.btn-secondary{color:var(--accent);border:2px solid var(--accent);background:#fff;padding:9px 14px}.article-body .article-offer-buttons{display:flex}.article-body pre{background:#eef2f6;border-radius:8px;padding:14px;overflow-x:auto}@media (max-width:620px){.site-header .bar{flex-wrap:wrap;align-items:flex-start;gap:10px 14px}nav.main-nav{justify-content:flex-start;width:100%}.article-body{padding:22px 18px}}.selection-guide,.comparison-starts{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;margin:24px 0;padding:clamp(16px,3vw,24px)}.selection-guide h2,.comparison-starts h3{margin-top:0}.purpose-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;padding:0;list-style:none;display:grid}.purpose-grid a{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:6px;height:100%;padding:14px;text-decoration:none;display:flex}.purpose-grid a:hover{background:var(--bg)}.purpose-grid span,.guidance-note{color:var(--ink-muted);font-size:.88rem}.team-checks{margin-top:20px}.team-checks summary{cursor:pointer;padding:12px 0;font-weight:600}.team-checks li,.selection-guide ol li{margin:10px 0}.comparison-starts>ul{margin-bottom:0;padding-left:20px}.comparison-starts>ul>li+li{margin-top:16px}.candidate-links{flex-wrap:wrap;column-gap:20px;display:flex}.candidate-links a,.selection-link,.related-reading a{text-underline-offset:3px;overflow-wrap:anywhere;align-items:center;min-height:44px;padding-block:8px;display:inline-flex}.selection-link{margin-right:20px}.tool-category{margin-top:40px}.tool-category,.offer-list--guided>li{scroll-margin-top:24px}.offer-list--guided .offer-main{flex:420px;align-items:flex-start}.offer-list--guided .offer-text{flex:1}.offer-guidance{margin-top:10px;font-size:.9rem;line-height:1.75}.offer-guidance p{margin:4px 0}.offer-list--guided>li>.btn,.offer-list--guided .affiliate-a8-wrapper>a{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.offer-list--guided>li:target,.selection-guide a:focus-visible,.candidate-links a:focus-visible,.selection-link:focus-visible,.related-reading a:focus-visible,.team-checks summary:focus-visible,.offer-list--guided a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}@media (max-width:480px){.offer-list--guided .offer-main{gap:10px}.offer-list--guided>li>.btn,.offer-list--guided>li>.affiliate-a8-wrapper{margin-left:auto}}.article-body .article-offer-link{min-width:0;display:block}.article-body .article-offer-caption{margin-bottom:6px;display:block}.article-body .affiliate-a8-wrapper{display:block}.article-body .article-offer-link a{white-space:normal;overflow-wrap:anywhere;min-height:44px}.article-body .table-cell-label{display:none}.article-body pre{white-space:pre-wrap;overflow-wrap:anywhere}@media (max-width:620px){.article-body table{min-width:0}.article-body thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.article-body table,.article-body tbody,.article-body tr,.article-body td{display:block}.article-body tr+tr{margin-top:12px}.article-body td{overflow-wrap:anywhere}.article-body .table-cell-label{color:var(--ink-muted);font-weight:700;display:block}}.breadcrumbs{color:var(--ink-muted);margin:0 0 1rem;font-size:.85rem}.breadcrumbs ol{flex-wrap:wrap;gap:.3rem .55rem;padding:0;list-style:none;display:flex}.breadcrumbs li{overflow-wrap:anywhere;min-width:0}.breadcrumbs li+li:before{content:"›";margin-right:.55rem}.article-topics{flex-wrap:wrap;gap:.65rem 1rem;margin:1.25rem 0 2rem;display:flex}.article-index-section{margin:2.5rem 0;scroll-margin-top:1rem}.article-body .article-figure{margin:20px 0 24px;padding:0}.article-body .article-figure img{border-radius:var(--radius);background:#fff;border:1px solid #dde3ea;width:100%;max-width:800px;height:auto;margin:0 auto;display:block}.article-body .article-figure figcaption{color:#55606b;text-align:center;overflow-wrap:anywhere;margin-top:8px;font-size:.86rem}.article-body .article-figure figcaption .image-credit{color:#7a838c;font-size:.78rem;display:block}.ad-slot-reserve{min-height:0}@media (min-width:900px){.ad-slot-reserve{min-height:660px}}.ad-slot{text-align:center;margin:24px auto 8px}.ad-slot-label{color:var(--ink-muted);margin:0 0 8px;font-size:.75rem}.affiliate-a8-banner{max-width:100%;line-height:0;display:inline-block}.affiliate-a8-banner a{line-height:0;display:inline-block}.affiliate-a8-banner img{max-width:100%;height:auto;display:block}.article-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin:20px 0 24px;display:grid;container:cardgrid/inline-size}.article-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;transition:box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.article-card:hover,.article-card:focus-within{box-shadow:var(--shadow-md);transform:translateY(-2px)}.article-card:focus-within{outline:3px solid var(--brand);outline-offset:2px}.article-cover{aspect-ratio:16/9;background:#eef2f6;flex:none;position:relative;overflow:hidden}.article-cover--lead img,.cover-scene img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.article-cover--figure{background:#fff}.article-cover--figure img{object-fit:contain}.cover-image-label{color:#fff;background:#0e2138c7;border-radius:999px;padding:2px 8px;font-size:.72rem;line-height:1.6;position:absolute;bottom:8px;left:8px}.article-cover--product{border-bottom:1px solid var(--line);background:#fff}.article-card--product>.article-cover--product{aspect-ratio:4/3}.article-cover--product>.cover{position:absolute;inset:0}.article-card-text{flex-direction:column;flex:1;gap:6px;min-width:0;padding:14px 16px 16px;display:flex}.article-card-meta{color:#6b7682;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;font-size:.76rem;display:flex}.article-card-meta .badge{margin:0}.article-card-title{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:1.02rem;line-height:1.5;display:-webkit-box;overflow:hidden}.article-card-title a{color:var(--ink);text-decoration:none}.article-card-title a:after{content:"";position:absolute;inset:0}.article-card-title a:focus-visible{outline:none}.article-card-text>p.article-card-description{color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.86rem;line-height:1.65;display:-webkit-box;overflow:hidden}.article-card-text>p.article-card-credit{z-index:1;color:#6b7682;flex-wrap:wrap;align-items:center;gap:2px 10px;margin:auto 0 0;padding-top:4px;font-size:.72rem;display:flex;position:relative}.article-card-credit a{color:var(--brand);align-items:center;min-height:24px;display:inline-flex}.article-card:has(.article-cover--product):not(:has(.cover-photo)) .article-card-credit{display:none}.related-reading .article-card-grid{margin-top:12px}.article-row-list{gap:14px;margin:20px 0 24px;display:grid;container:rowlist/inline-size}.article-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.article-row:hover,.article-row:focus-within{box-shadow:var(--shadow-md);border-color:#9fb2c6;transform:translateY(-2px)}.article-row:focus-within{outline:3px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){.article-row{transition:none}.article-row:hover,.article-row:focus-within{transform:none}}.article-row-media{aspect-ratio:16/9;background:#eef2f6;border-radius:8px;flex:none;max-width:100%;position:relative;overflow:hidden}.article-row-media--image>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.article-row-media--figure{box-shadow:inset 0 0 0 1px var(--line);background:#fff}.article-row-media--figure>img{object-fit:contain}.article-row-media--product{box-shadow:inset 0 0 0 1px var(--line);background:#fff}.article-row-photo{place-items:center;padding:6%;display:grid;position:absolute;inset:0}.article-row-photo .cover-photo{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0}.article-row-media--product:not(:has(.cover-photo)){background:#eef2f6 url(/brand/logo-mark.png) 50%/64px no-repeat}.article-row:has(.article-row-media--product):not(:has(.cover-photo)) .article-row-credit{display:none}.article-row-media--fallback{background:linear-gradient(135deg,#eef2f6 0%,#dde5ee 100%);place-items:center;display:grid}.article-row-media--fallback>img{width:72px;height:auto}.article-row-text{flex-direction:column;flex:1;gap:6px;min-width:0;padding:0 4px 4px;display:flex}.article-row-meta{color:#6b7682;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;font-size:.76rem;display:flex}.article-row-meta .badge{margin:0}.article-row-title{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:1.08rem;line-height:1.5;display:-webkit-box;overflow:hidden}.article-row-title a{color:var(--ink);text-decoration:none}.article-row-title a:after{content:"";border-radius:inherit;position:absolute;inset:0}.article-row-title a:focus-visible{outline:none}.article-row:hover .article-row-title a{color:var(--brand)}.article-row-text>p.article-row-description{color:var(--ink-muted);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.7;display:-webkit-box;overflow:hidden}.article-row-text>p.article-row-pick{color:#6b7682;margin:0;font-size:.74rem;line-height:1.5}.article-row-text>p.article-row-credit{z-index:1;color:#6b7682;flex-wrap:wrap;align-items:center;gap:2px 10px;margin:0;font-size:.72rem;display:flex;position:relative}.article-row-credit a{color:var(--brand);align-items:center;min-height:24px;display:inline-flex}@container rowlist (min-width:640px){.article-row{flex-direction:row;align-items:flex-start;gap:20px;padding:14px}.article-row-media{aspect-ratio:4/3;flex-basis:clamp(220px,27cqw,260px)}.article-row-text{align-self:center;padding:2px 8px 2px 0}.article-row-title{-webkit-line-clamp:2;font-size:1.14rem}.article-row-text>p.article-row-description{-webkit-line-clamp:2}}@container cardgrid (min-width:861px){.article-card--featured{flex-direction:row;grid-column:1/-1}.article-card--featured .article-cover{aspect-ratio:16/9;flex:0 0 58%}.article-card--featured .article-card-text{justify-content:center;gap:10px;padding:24px 28px}.article-card--featured .article-card-title{-webkit-line-clamp:4;font-size:1.4rem;line-height:1.45}.article-card--featured p.article-card-description{-webkit-line-clamp:4;font-size:.95rem}.article-card--featured p.article-card-credit{margin-top:0}}@media (max-width:620px){.article-card-grid{grid-template-columns:1fr;gap:12px}}@container cardgrid (max-width:620px){.article-card-grid--compact>.article-card{flex-direction:row;align-items:stretch}.article-card-grid--compact>.article-card>.article-cover{aspect-ratio:auto;border-right:1px solid var(--line);flex:0 0 38%;min-height:112px}.article-card-grid--compact .cover-image-label{padding:0 6px;font-size:.62rem;bottom:4px;left:4px}.article-card-grid--compact .article-card-text{gap:4px;padding:10px 12px}.article-card-grid--compact .article-card-title{font-size:.95rem}.article-card-grid--compact p.article-card-description{display:none}.article-card-grid--compact p.article-card-credit{font-size:.68rem}}.article-cover--product,.article-head-cover{container-type:inline-size}.cover{font-feature-settings:"palt";width:100%;height:100%;position:relative;overflow:hidden}.cover-photo{object-fit:contain;width:100%;max-width:128px;height:100%;max-height:128px;display:block}.cover-photo[data-size]:not([data-size="128"]){max-width:none;max-height:none}.cover-kicker,.cover-title,.cover-sub,.cover-pick,.cover-question,.cover-answer-heading,.cover-answer-note,.cover-titleblock{margin:0}.cover--hero{color:#fff;background:radial-gradient(circle at 76%,#ffffff38 0,#ffffff0f 26cqw,#0000 42cqw),repeating-linear-gradient(135deg,#ffffff08 0 2px,#0000 2px 14px),linear-gradient(120deg,#16324f 0%,#0b1a2c 100%);grid-template-columns:1fr auto;align-items:center;gap:4cqw;padding:6cqw 6cqw 6cqw 7cqw;display:grid}.cover--hero:before{content:"";background:#e0a24f;width:1.6cqw;position:absolute;top:0;bottom:0;left:0}.cover--hero .cover-copy{flex-direction:column;gap:1.6cqw;min-width:0;display:flex}.cover--hero .cover-kicker{color:#f3c88d;letter-spacing:.02em;font-size:clamp(10px,2.8cqw,17px);font-weight:700;line-height:1.3}.cover--hero .cover-title{letter-spacing:-.01em;white-space:nowrap;font-size:clamp(20px,11cqw,76px);font-weight:900;line-height:1}.cover-badges{flex-wrap:wrap;gap:1.2cqw;margin:.6cqw 0 0;display:flex}.cover-badge{white-space:nowrap;border-radius:.8cqw;padding:.4cqw 1.8cqw;font-size:clamp(9px,2.7cqw,16px);font-weight:800;line-height:1.5}.cover--hero .cover-badge{color:#fff;background:#ffffff1f;border:1px solid #ffffff8c}.cover--hero .cover-badge:first-child{color:#0e2138;background:#e0a24f;border-color:#e0a24f}.cover--hero .cover-title--long,.cover--spec .cover-title--long{white-space:normal;font-size:clamp(15px,5.4cqw,34px);line-height:1.2}.cover--hero .cover-pick{color:#ffffffb8;font-size:clamp(8px,2.2cqw,13px);line-height:1.4}.cover--hero .cover-stage{aspect-ratio:1;place-items:center;width:40cqw;display:grid;position:relative}.cover-plate{background:#fff;border-radius:50%;place-items:center;display:grid}.cover-plate:empty{display:none}.cover-plate--lead{z-index:2;--large-plate:min(44cqw, 300px);aspect-ratio:1;width:min(38cqw,184px);position:relative;box-shadow:0 1.4cqw 4cqw #00000073,0 0 0 1cqw #ffffff1f}.cover-plate--lead .cover-photo,.cover-plate--support .cover-photo{width:70%;height:70%}.cover-plate--support{z-index:1;aspect-ratio:1;width:min(20cqw,100px);position:absolute;box-shadow:0 1cqw 2.4cqw #0006}.cover-plate--s1{top:-1cqw;left:-5cqw}.cover-plate--s2{bottom:1cqw;left:-3cqw}.cover--with-supports .cover-stage{margin-left:4cqw}.cover--text-only{grid-template-columns:1fr}.cover--text-only .cover-stage{display:none}.cover--text-only .cover-title{font-size:clamp(24px,16cqw,96px)}.cover--spec{color:#12304d;background-color:#f4f8fc;background-image:linear-gradient(#16324f14 1px,#0000 1px),linear-gradient(90deg,#16324f14 1px,#0000 1px);background-size:4cqw 4cqw;border:1px solid #c9d6e3;flex-direction:column;gap:2.4cqw;padding:4.4cqw 5cqw 3.6cqw;display:flex}.cover-sheet-head{border-bottom:2px solid #16324f;flex-wrap:wrap;align-items:baseline;gap:.6cqw 2.4cqw;padding-bottom:1.6cqw;display:flex}.cover-head-badges{gap:1cqw;margin-left:auto;display:flex}.cover--spec .cover-badge{color:#16324f;background:#fff;border:1px solid #16324f}.cover--spec .cover-badge:first-child{color:#fff;background:#16324f}.cover--spec .cover-kicker{color:#5b6b7c;font-size:clamp(9px,2.8cqw,16px);font-weight:700}.cover--spec .cover-title{font-size:clamp(15px,6.6cqw,40px);font-weight:900;line-height:1.05}.cover-drawing{flex:1;grid-template-columns:auto 1fr;align-items:center;gap:0 6cqw;min-height:0;display:grid}.cover-frame{background:#fff;border:1px solid #9fb3c8;place-items:center;display:grid}.cover-frame:empty{display:none}.cover-frame--lead{aspect-ratio:1;width:min(30cqw,150px);padding:min(2.4cqw,12px);position:relative}.cover-frame--lead:before,.cover-frame--lead:after{content:"";border:2px solid #16324f;width:3cqw;height:3cqw;position:absolute}.cover-frame--lead:before{border-bottom:0;border-right:0;top:-1.4cqw;left:-1.4cqw}.cover-frame--lead:after{border-top:0;border-left:0;bottom:-1.4cqw;right:-1.4cqw}.cover-callouts{flex-direction:column;justify-content:center;gap:1.4cqw;margin:0;padding:0;list-style:none;display:flex}.cover-callouts li{border-left:2px solid #e0a24f;flex-direction:column;padding-left:1.6cqw;line-height:1.25;display:flex;position:relative}.cover-callouts li:before{content:"";border-top:1px dashed #16324f;width:6cqw;position:absolute;top:50%;left:-7.6cqw}.cover-callouts li:after{content:"";background:#16324f;border-radius:50%;width:1.6cqw;height:1.6cqw;position:absolute;top:calc(50% - .8cqw);left:-8.4cqw}.cover-callout-label{color:#5b6b7c;font-size:clamp(8px,2.3cqw,13px);font-weight:700}.cover-callout-value{overflow-wrap:anywhere;font-size:clamp(10px,3.3cqw,22px);font-weight:800;line-height:1.2}.cover-titleblock{background:#fff;border:1px solid #16324f;padding:.3cqw 1.6cqw;font-size:clamp(8px,1.9cqw,12px);font-weight:700;line-height:1.4;position:absolute;bottom:2cqw;right:5cqw}.cover--sheet{padding-bottom:7cqw}.cover-sheet{flex:1;align-content:center;gap:.6cqw 2cqw;min-height:0;font-size:clamp(8px,2.3cqw,13px);display:grid}.cover--sheet .cover-head-badges{display:none}.cover-sheet-product{flex-direction:column;align-items:center;gap:.8cqw;min-width:0;display:flex}.cover-sheet-product .cover-frame{aspect-ratio:1;width:min(14cqw,76px);padding:min(1.2cqw,6px)}.cover-sheet-name{text-align:center;font-size:clamp(8px,2.5cqw,14px);font-weight:800;line-height:1.2}.cover-sheet-label{color:#5b6b7c;white-space:nowrap;border-top:1px solid #c9d6e3;padding-top:.4cqw;font-weight:700}.cover-sheet-value{text-align:center;overflow-wrap:anywhere;border-top:1px solid #c9d6e3;padding-top:.4cqw;font-weight:700;line-height:1.25}.cover--story{color:#16202e;background:linear-gradient(#fff8ee 0%,#fff 100%);border-top:1.6cqw solid #e0a24f;flex-direction:column;gap:2.4cqw;padding:4cqw 5cqw;display:flex}.cover-question{color:#16324f;font-size:clamp(13px,4.6cqw,30px);font-weight:900;line-height:1.25}.cover-answers{flex:1;grid-template-columns:1fr 1fr;gap:3cqw;min-height:0;display:grid}.cover-answer{background:#fff;border:2px solid #16324f;border-radius:2cqw;flex-direction:column;gap:1.6cqw;min-width:0;padding:2.4cqw;display:flex}.cover-answer--out,.cover-answer--neutral{background:0 0;border-style:dashed;border-color:#8a97a6}.cover-answer-heading{font-size:clamp(9px,3cqw,17px);font-weight:800;line-height:1.3}.cover-answer--in .cover-answer-heading{color:#16324f}.cover-answer-items{flex-wrap:wrap;flex:1;align-content:center;align-items:center;gap:1.2cqw;min-height:0;display:flex}.cover-answer-items:has(.cover-plate){flex-wrap:nowrap}.cover-answer--in .cover-plate--answer:only-child{width:min(24cqw,140px)}.cover-plate--answer{aspect-ratio:1;border:1px solid #dde3ea;border-radius:1.6cqw;flex:0 auto;width:min(16cqw,100px);min-width:0;padding:min(1.2cqw,8px)}.cover-name-tag{background:#fff;border:1px dashed #8a97a6;border-radius:1cqw;padding:.8cqw 2cqw;font-size:clamp(8px,2.6cqw,15px);font-weight:700;line-height:1.35}.cover-answer--out .cover-name-tag:after{content:" 別売";color:#a85625}.cover-answer-note{color:#5b6b7c;font-size:clamp(8px,2.1cqw,12px);line-height:1.35}@container (max-width:640px){.cover-answer-note{display:none}}@container (max-width:520px){.cover-callouts li:nth-child(n+4),.cover-head-badges .cover-badge:nth-child(n+2){display:none}}@container (max-width:420px){.cover-pick,.cover-answer-note,.cover-titleblock{display:none}.cover--sheet{padding-bottom:3.6cqw}.cover--hero .cover-badge:nth-child(n+3){display:none}.cover--hero{padding:5cqw 4cqw 5cqw 6cqw}}@container (max-width:240px){.cover--hero{grid-template-columns:1fr;place-items:center;padding:6px}.cover--hero .cover-copy,.cover-plate--support,.cover--hero:before{display:none}.cover--text-only .cover-copy{align-items:center;gap:4px;display:flex}.cover--text-only .cover-kicker,.cover--text-only .cover-pick,.cover--text-only .cover-badge:nth-child(n+2){display:none}.cover--text-only .cover-title{font-size:clamp(16px,17cqw,30px)}.cover--hero .cover-stage{width:100%;margin:0}.cover-plate--lead{width:min(88cqw,112px);padding:8px}.cover--spec{gap:4px;padding:6px}.cover-sheet-head,.cover-callouts{display:none}.cover-drawing{grid-template-columns:1fr;place-items:center}.cover-frame--lead{width:min(80cqw,104px)}.cover-sheet{grid-template-columns:1fr!important}.cover-sheet>:not(.cover-sheet-product:nth-child(2)),.cover-sheet-name{display:none}.cover-sheet-product .cover-frame{width:min(80cqw,104px)}.cover--story{border-top-width:4px;gap:4px;padding:6px}.cover-question,.cover-answer-heading,.cover-answer--out,.cover-answer--neutral{display:none}.cover-answers{grid-template-columns:1fr}.cover-answer{background:0 0;border:0;place-items:center;padding:0}.cover-answer-items{justify-content:center}.cover-answer .cover-plate--answer:nth-child(n+2),.cover-name-tag{display:none}.cover-answer .cover-plate--answer,.cover-answer--in .cover-plate--answer:only-child{width:min(80cqw,104px)}}.article-body .article-head-cover{aspect-ratio:16/9;border-radius:var(--radius);background:#0e2138;margin:8px 0 6px;position:relative;overflow:hidden}.article-body .article-head-cover:has(.cover--photo:not(.cover--text-only)){background:#fff}.article-body .article-head-cover>.cover{position:absolute;inset:0}.article-body .article-head-cover a{border:0}.article-body .article-head-credit{color:#6b7682;text-align:center;margin:0 0 22px;font-size:.76rem}@media (min-width:621px){.article-body .article-head-cover:has(.cover--photo:not(.cover--text-only)){aspect-ratio:auto;height:420px}}@media (max-width:620px){.article-body .article-head-cover{aspect-ratio:4/3}}.article-body .product-photo{text-align:center;margin:0;display:block}.article-body .product-photo a{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:10px;line-height:0;display:inline-block}.article-body .product-photo-credit{color:#6b7682;overflow-wrap:anywhere;margin-top:6px;font-size:.78rem;display:block}.article-body .product-hero,.article-body .product-section-photo{margin:16px 0 20px}.article-body .product-section-photo:empty,.article-body .product-hero:empty{display:none}.article-body h3[id^=product-]{scroll-margin-top:16px}.article-body .product-overview{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:24px 0 28px;padding:16px 18px}.article-body .product-overview-title{color:var(--brand);margin:0 0 10px;font-weight:700}.article-body .product-overview ul{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.article-body .product-overview li{flex-direction:column;gap:2px;min-width:0;line-height:1.5;display:flex}.article-body .product-overview li a.product-overview-jump{border:1px solid var(--line);min-height:48px;color:var(--brand);text-align:center;overflow-wrap:anywhere;background:#f7f9fb;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.88rem;font-weight:700;text-decoration:none;display:flex}.article-body .product-overview li a.product-overview-jump:hover{border-color:var(--brand);background:#eef3f7}.article-body .product-overview-credit{text-align:center;font-size:.74rem}.article-body .product-overview-credit a{min-height:24px;color:var(--brand);align-items:center;display:inline-flex}.article-body .product-overview li:not(:has(.product-thumb)) .product-overview-credit{display:none}.article-body .product-overview .product-thumb{object-fit:contain;background:#fff;border-radius:6px;width:96px;max-width:96px;height:96px;max-height:96px;display:block}.article-body .product-overview-note{color:#6b7682;margin:10px 0 0;font-size:.78rem}.article-body .spec-list{border:1px solid var(--line);border-left:4px solid var(--teal);background:#f7f9fb;border-radius:8px;margin:16px 0;padding:14px 18px}.article-body .spec-list-title{color:var(--brand);margin:0 0 6px;font-size:.85rem;font-weight:700}.article-body .spec-list ul{margin:0;padding-left:1.2em}.article-body .spec-list li{overflow-wrap:anywhere;line-height:1.7}.article-body .explainer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:20px 0 24px;padding:16px 18px}.article-body .explainer-title{color:var(--brand);margin:0 0 10px;font-weight:700}.article-body .explainer-question{text-align:center;background:#eef3f7;border-radius:8px;margin:0 0 12px;padding:10px 14px;font-weight:700}.article-body .explainer-columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.article-body .explainer-column{border:1px solid var(--line);background:#f7f9fb;border-top:4px solid #8a97a6;border-radius:8px;min-width:0;padding:12px 14px}.article-body .explainer-column--yes{border-top-color:var(--teal)}.article-body .explainer-column--no{border-top-color:var(--accent)}.article-body .explainer-column-heading{margin:0 0 6px;font-size:.92rem;font-weight:700}.article-body .explainer-column ul{margin:0;padding-left:1.2em}.article-body .explainer-column li{overflow-wrap:anywhere;line-height:1.7}.article-body .explainer figcaption{color:#6b7682;margin-top:10px;font-size:.78rem}.article-body .article-meta{color:#6b7682;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:-4px 0 18px;font-size:.82rem;display:flex}.article-body .article-meta .badge{margin:0}.article-body .article-toc{border:1px solid var(--line);border-radius:var(--radius);background:#f7f9fb;margin:24px 0 28px;padding:14px 18px}.article-body .article-toc summary{cursor:pointer;color:var(--brand);min-height:32px;font-weight:700}.article-body .article-toc ol{margin:8px 0 0;padding-left:1.4em}.article-body .article-toc li{padding:3px 0;line-height:1.6}.article-body .article-toc a{color:var(--brand);text-decoration:none}.article-body .article-toc a:hover{text-decoration:underline}.article-body h2[id^=sec-]{scroll-margin-top:16px}@media (min-width:700px){.article-body .product-section-photo{float:left;width:168px;margin:4px 20px 12px 0}.article-body .product-section-photo+.spec-list{overflow:hidden}.article-body .product-section-photo~.cta-single,.article-body h3{clear:both}.article-body .product-section-photo .product-photo-credit{font-size:.72rem}}.design-preview h1{margin-bottom:4px}.design-preview .dp-note{color:var(--ink-muted);font-size:.9rem}.design-preview .dp-article{border-top:3px solid var(--brand);margin:36px 0 12px;padding-top:18px}.design-preview .dp-variant{margin:22px 0 34px}.design-preview .dp-variant>h3{margin:0 0 4px;font-size:1.15rem}.design-preview .dp-variant>p{color:var(--ink-muted);margin:0 0 12px;font-size:.88rem}.design-preview .dp-row{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.design-preview .dp-frame{flex:none}.design-preview .dp-frame>.dp-label{color:#5b6b7c;margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.design-preview .dp-frame--card{width:1100px;max-width:100%}.design-preview .dp-frame--phone{background:var(--bg);outline-offset:8px;outline:1px dashed #c9d6e3;width:358px;padding:12px 0}.design-preview .dp-frame--featured{width:100%;max-width:1100px}.design-preview .dp-frame--head{width:540px;max-width:100%}.design-preview .dp-frame--headphone{width:358px}.design-preview .dp-frame--headphone .article-head-cover{aspect-ratio:4/3}.design-preview .dp-frame .article-card-grid{margin:0}.design-preview .dp-frame .article-body{box-shadow:none;background:0 0;border:0;padding:0}.design-preview .dp-refs{font-size:.86rem}.design-preview .dp-refs td,.design-preview .dp-refs th{vertical-align:top;border:1px solid var(--line);padding:6px 8px}@container (min-width:241px){.cover-plate--lead:has(.cover-photo[data-size]:not([data-size="128"])){width:min(38cqw,260px)}.cover-frame--lead:has(.cover-photo[data-size]:not([data-size="128"])){width:min(30cqw,220px)}.cover-sheet-product .cover-frame:has(.cover-photo[data-size]:not([data-size="128"])){width:min(14cqw,110px)}.cover-plate--answer:has(.cover-photo[data-size]:not([data-size="128"])){width:min(16cqw,150px)}.cover-answer--in .cover-plate--answer:only-child:has(.cover-photo[data-size]:not([data-size="128"])){width:min(24cqw,200px)}}.article-body .product-photo img[data-size]:not([data-size="128"]){width:min(280px,64vw);height:auto}.article-body .product-photo a{max-width:100%}.cover--photo{color:#fff;background:#fff;justify-content:center;align-items:stretch;display:flex}.cover--photo.cover--text-only{background:linear-gradient(120deg,#16324f 0%,#0b1a2c 100%);justify-content:flex-start}.cover--photo .cover-copy{flex-direction:column;flex:1;justify-content:center;gap:1.6cqw;min-width:0;padding:5cqw 4cqw 5cqw 6cqw;display:flex}.cover--photo .cover-kicker{color:#f3c88d;font-size:clamp(10px,2.4cqw,15px);font-weight:700;line-height:1.35}.cover--photo .cover-title{letter-spacing:-.01em;white-space:nowrap;font-size:clamp(18px,6.6cqw,46px);font-weight:900;line-height:1.05}.cover--photo .cover-title--long{white-space:normal;font-size:clamp(15px,4.2cqw,28px);line-height:1.25}.cover--photo .cover-badge{color:#fff;background:#ffffff1f;border:1px solid #ffffff8c;font-size:clamp(9px,2.1cqw,14px)}.cover--photo .cover-badge:first-child{color:#0e2138;background:#e0a24f;border-color:#e0a24f}.cover--photo .cover-pick{color:#ffffffc7;margin-top:.6cqw;font-size:clamp(9px,1.8cqw,12px);line-height:1.45}.cover-photo-panel{aspect-ratio:1;background:#fff;flex:none;place-items:center;max-width:100%;height:100%;padding:3%;display:grid;overflow:hidden}.cover-photo-panel .cover-photo{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0}@container (max-width:440px){.cover--photo.cover--text-only{background:linear-gradient(120deg,#16324f 0%,#0b1a2c 100%)}.cover--photo.cover--text-only .cover-copy{padding:6cqw;display:flex}.cover--photo.cover--text-only .cover-badge:nth-child(n+2),.cover--photo .cover-pick{display:none}}.article-card-text>p.article-card-pick{color:#6b7682;margin:0;font-size:.74rem;line-height:1.5}@media (max-width:620px){.article-body .article-head-cover:has(.cover--photo){aspect-ratio:1;max-width:400px;margin-left:auto;margin-right:auto}}@container (min-width:441px){.cover--photo .cover-photo-panel:has(.cover-photo[data-size="128"]){width:min(34cqw,168px);height:auto;box-shadow:0 0 0 1px var(--line);border-radius:10px;align-self:center;padding:12px}}@container (max-width:440px){.cover--photo .cover-photo-panel:has(.cover-photo[data-size="128"]){border-radius:8px;align-self:center;width:min(82%,168px);height:auto;padding:12px}}@media (min-width:700px){.article-body .product-section-photo:has(img[data-size]:not([data-size="128"])){width:240px}}.article-body .product-section-photo .product-photo a{display:block}.article-body .product-section-photo .product-photo img[data-size]:not([data-size="128"]){width:100%;height:auto}.article-body .article-head-pick{color:var(--ink);margin-bottom:2px;font-size:.9rem;font-weight:700;display:block}.article-body .article-head-cover .cover-pick{display:none}