:root{--color-bg:#fff;--color-surface:#f4f6fa;--color-text:#16233a;--color-navy:#0f1d38;--color-muted:#57607a;--color-border:#dde3ee;--color-primary:#1d63d1;--color-primary-dark:#123f87;--color-accent-warm:#d9622b;--color-accent-warm-dark:#b04e20;--color-ad:#8a5a00;--color-ad-bg:#fdf3e0;--color-good:#1b6b3a;--color-bad:#a3312a;--max-width:44rem;--wide-width:1200px;--radius:8px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:17px}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,sans-serif;line-height:1.8;overflow-x:hidden}img,video{max-width:100%;height:auto}a{color:var(--color-primary)}a:hover{color:var(--color-primary-dark)}h1,h2,h3,h4{color:var(--color-text);line-height:1.4}table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--color-border);text-align:left;vertical-align:top;padding:.5rem .75rem}th{background:var(--color-surface)}.container{max-width:var(--max-width);margin-inline:auto;padding-inline:1rem}.container-wide{max-width:var(--wide-width);margin-inline:auto;padding-inline:1rem}@media (width>=640px){.container,.container-wide{padding-inline:1.5rem}}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.site-header .container,.site-header .container-wide{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1rem;padding-bottom:1rem;display:flex}.site-header a.brand{letter-spacing:-.01em;color:var(--color-text);align-items:baseline;font-size:1.3rem;font-weight:800;text-decoration:none;display:inline-flex}.site-header a.brand .brand-mark{color:var(--color-navy);margin-right:.15em}.nav-toggle{background:var(--color-bg);border:1px solid var(--color-border);font:inherit;color:var(--color-text);border-radius:6px;padding:.45rem .8rem;font-weight:600;display:none}.site-nav{flex-wrap:wrap;gap:.15rem;font-size:.95rem;display:flex}.site-nav a{color:var(--color-text);border-radius:6px;padding:.45rem .7rem;font-weight:500;text-decoration:none;display:inline-block}.site-nav a:hover{color:var(--color-primary);background:var(--color-surface)}@media (width<=639px){.nav-toggle{display:inline-block}.site-nav{border-top:1px solid var(--color-border);flex-direction:column;gap:0;width:100%;margin-top:.75rem;padding-top:.5rem;display:none}.site-nav.is-open{display:flex}.site-nav a{padding:.7rem .5rem}}main{min-height:60vh;padding:2rem 0 3.5rem}main :where(h2){margin-top:2.25rem;margin-bottom:.85rem;font-size:1.5rem}main :where(h3){margin-top:1.5rem;margin-bottom:.6rem;font-size:1.15rem}main :where(p){margin:0 0 1.15rem}main :where(ul,ol){margin:0 0 1.15rem;padding-left:1.4rem}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font-size:.85rem}.site-footer .container{padding-top:1.5rem;padding-bottom:1.5rem}.footer-links{flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:.75rem;padding:0;list-style:none;display:flex}.footer-links a{color:var(--color-muted)}.ad-disclosure{color:var(--color-ad);background:var(--color-ad-bg);border:1px solid #f0d9a8;border-radius:999px;align-items:center;gap:.4rem;margin:.25rem 0;padding:.2rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.ad-disclosure-block{color:var(--color-ad);background:var(--color-ad-bg);border-radius:var(--radius);border:1px solid #f0d9a8;margin:1rem 0;padding:.75rem 1rem;font-size:.9rem}.cta-button{background:var(--color-primary);color:#fff;border-radius:var(--radius);margin-top:.5rem;padding:.7rem 1.25rem;font-weight:600;text-decoration:none;display:inline-block}.cta-button:hover{background:var(--color-primary-dark);color:#fff}.cta-button.buy-button{background:var(--color-accent-warm)}.cta-button.buy-button:hover{background:var(--color-accent-warm-dark)}.cta-fallback{border:1px dashed var(--color-border);border-radius:var(--radius);color:var(--color-muted);padding:.9rem 1rem;font-size:.9rem}.card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);margin:1rem 0;padding:1.1rem 1.25rem}.pros-cons{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.pros-cons{grid-template-columns:1fr 1fr}}.pros-cons h3{margin-top:0;font-size:1rem}.pros-cons .pros h3{color:var(--color-good)}.pros-cons .cons h3{color:var(--color-bad)}.pros-cons ul{margin:0;padding-left:1.2rem}.badge{color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:.15rem .6rem;font-size:.78rem;display:inline-block}.breadcrumbs{color:var(--color-muted);margin-bottom:1rem;font-size:.85rem}.breadcrumbs ol{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{content:"›";color:var(--color-muted);margin-left:.35rem}.related-articles ul{margin:0;padding:0;list-style:none}.related-articles li{border-top:1px solid var(--color-border);padding:.75rem 0}.related-articles li:first-child{border-top:none}.todo-evidence{border-radius:var(--radius);color:#6b4a08;background:#fffaf0;border:2px dashed #c4931f;padding:.9rem 1rem;font-size:.9rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--color-primary);color:#fff;z-index:100;padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip-link:focus{top:.5rem;left:.5rem}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.hero{grid-template-columns:1fr;align-items:center;gap:2rem;padding:1.5rem 0 1rem;display:grid}@media (width>=900px){.hero{grid-template-columns:1.15fr .85fr;gap:3rem;padding:2.5rem 0 1.5rem}}.hero h1{margin:0 0 .85rem;font-size:clamp(1.7rem,3.4vw,2.4rem)}.hero-lead{color:var(--color-muted);margin:0 0 1.5rem;font-size:1.1rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.hero-actions .secondary-link{font-weight:600}.metric-panels{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.metric-panel{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:1rem 1.1rem}.metric-panel .metric-label{margin-bottom:.2rem;font-size:.98rem;font-weight:700;display:block}.metric-panel .metric-desc{color:var(--color-muted);font-size:.85rem;display:block}.focus-cards{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.focus-cards{grid-template-columns:1fr 1fr}}.focus-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);padding:1.25rem 1.4rem}.focus-card h3{margin-top:0}.focus-card p{color:var(--color-muted);margin-bottom:0}.tool-highlight{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;display:flex}.tool-highlight-text{max-width:34rem}.tool-highlight-text h3{margin:0 0 .4rem}.tool-highlight-text p{color:var(--color-muted);margin:0}.rule-cards{grid-template-columns:1fr;gap:1rem;margin:1.5rem 0;display:grid}@media (width>=720px){.rule-cards{grid-template-columns:repeat(3,1fr)}}.rule-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:1.1rem 1.25rem}.rule-card .rule-number{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin-bottom:.6rem;font-size:.85rem;font-weight:700;display:inline-flex}.rule-card p{color:var(--color-muted);margin:0;font-size:.95rem}.page-toc{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);margin:1.5rem 0 2rem;padding:1rem 1.25rem}.page-toc p{margin:0 0 .5rem;font-weight:700}.page-toc ol{margin:0;padding-left:1.25rem}.table-scroll{overflow-x:auto}.scroll-hint{color:var(--color-muted);margin:0 0 .4rem;font-size:.82rem;display:none}@media (width<=719px){.scroll-hint{display:block}}.purchase-checklist ul{margin:0;padding:0;list-style:none}.purchase-checklist li{align-items:flex-start;gap:.5rem;padding:.4rem 0;display:flex}.checklist-mark{color:var(--color-good);font-weight:700}.research-scope-disclosure{color:var(--color-muted);border-left:3px solid var(--color-border);margin:0 0 1rem;padding-left:.9rem;font-size:.9rem}.update-history{margin:.75rem 0 0;padding:0;list-style:none}.update-history li{border-top:1px solid var(--color-border);align-items:baseline;gap:.6rem;padding:.4rem 0;font-size:.92rem;display:flex}.update-history li:first-child{border-top:none}.product-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.product-grid{grid-template-columns:repeat(3,1fr)}}.product-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);padding:1.1rem 1.25rem}.product-card h3{margin:0 0 .3rem;font-size:1.05rem}.product-card h3 a{text-decoration:none}.product-card-maker{color:var(--color-muted);margin:0 0 .3rem;font-size:.88rem}.product-card-hub{margin:0 0 .5rem;font-size:.9rem}.purpose-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.purpose-grid{grid-template-columns:repeat(2,1fr)}}.purpose-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:inherit;padding:1.25rem 1.4rem;text-decoration:none;display:block}.purpose-card:hover{border-color:var(--color-primary)}.purpose-card h3{color:var(--color-text);margin:0 0 .4rem}.purpose-card p{color:var(--color-muted);margin:0;font-size:.92rem}