:root{--color-background:oklch(98.51% 0 0);--color-text:oklch(28.21% .0155 252.37);--color-accent:oklch(88% .272 102);--color-background-subtle:oklch(from var(--color-background) calc(l - .025) c h);--color-text-muted:oklch(from var(--color-text) calc(l + .21) c h);--color-text-inverse:var(--color-background);--color-border:oklch(from var(--color-background) calc(l - .07) 0 0);--color-border-strong:oklch(from var(--color-background) calc(l - .14) 0 0);--color-accent-hover:oklch(from var(--color-accent) calc(l - .06) c h);--color-accent-subtle:color-mix(in oklab, var(--color-accent) 8%, var(--color-background));--color-highlight:color-mix(in oklab, var(--color-accent) 22%, var(--color-background));--color-accent-foreground:var(--color-text);--color-success:oklch(58% .065 145);--color-success-subtle:color-mix(in oklab, var(--color-success) 7%, var(--color-background));--color-warning:oklch(68% .075 80);--color-warning-subtle:color-mix(in oklab, var(--color-warning) 7%, var(--color-background));--color-danger:oklch(56% .075 28);--color-danger-subtle:color-mix(in oklab, var(--color-danger) 7%, var(--color-background));--color-image-scrim:oklch(15% 0 0/.35);--ease-out:cubic-bezier(.23, 1, .32, 1);--font-sans-ja:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--radius-card:.5rem;--type-body-family:var(--font-sans-ja);--type-body-size:1rem;--type-body-leading:1.8;--type-body-lead-size:1.1rem;--type-body-small-size:.92rem;--type-body-compact-size:.88rem;--type-display-family:var(--font-sans-ja);--type-display-size:clamp(2.5rem, 3vw, 5rem);--type-display-leading:1.3;--type-display-measure:24ch;--type-display-large-size:clamp(3.4rem, 9vw, 7rem);--type-display-large-leading:1;--type-display-article-size:clamp(2.2rem, 6vw, 4.2rem);--type-display-article-leading:1.25;--type-heading-family:var(--font-sans-ja);--type-heading-wrap:balance;--type-heading-section-size:clamp(1.8rem, 2vw, 3rem);--type-heading-compact-size:1.3rem;--type-heading-card-lead-size:clamp(1rem, 2vw, 2.5rem);--type-heading-card-lead-mobile-size:clamp(2rem, 10vw, 2.8rem);--type-heading-card-size:1.45rem;--type-heading-card-compact-size:1.15rem;--type-heading-brand-size:1.15rem;--type-heading-tight-leading:1.2;--type-heading-display-leading:1.3;--type-heading-card-leading:1.35;--type-heading-content-leading:1.4;--type-heading-weight:700;--type-prose-size:1.05rem;--type-prose-leading:var(--type-body-leading);--type-prose-measure:none;--type-prose-wrap:wrap;--type-prose-line-break:auto;--type-meta-family:var(--type-body-family);--type-meta-size:.82rem;--type-meta-small-size:.75rem;--type-meta-large-size:.85rem;--type-meta-action-size:.78rem;--type-meta-weight:400;--type-meta-tracking:.1em;color:var(--color-text);background:var(--color-background);font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-leading);font-synthesis:none}*{box-sizing:border-box}body{background:var(--color-background);margin:0}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}::selection{color:var(--color-text);background:var(--color-accent-subtle)}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-background);min-height:72px;padding:0 5vw}.site-header-inner{width:100%;max-width:1440px;min-height:inherit;justify-content:space-between;align-items:center;gap:2rem;margin-inline:auto;display:flex}.brand{font-family:var(--type-heading-family);font-size:var(--type-heading-brand-size);font-weight:var(--type-heading-weight);flex:none;text-decoration:none}.brand:focus-visible,.category-nav a:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.category-nav{min-width:0}.category-nav ul{align-items:center;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.category-nav a{min-height:44px;color:var(--color-text-muted);font-family:var(--type-meta-family);font-size:var(--type-meta-size);font-weight:var(--type-meta-weight);white-space:nowrap;transition:color .16s ease, background-color .16s ease, transform .12s var(--ease-out);border-radius:2px;align-items:center;padding:0 .75rem;text-decoration:none;display:flex}.category-nav a[aria-current=page]{background:var(--color-background-subtle);color:var(--color-text)}.category-nav a:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.category-nav a:hover{background:var(--color-background-subtle);color:var(--color-text)}}main{min-height:calc(100vh - 150px)}footer{color:var(--color-text-muted);font-family:var(--type-meta-family);font-size:var(--type-meta-size);text-align:center;padding:2rem 5vw}.hero-copy,.articles,.article,.empty-state{width:min(1120px,90vw);margin-inline:auto}.eyebrow{color:var(--color-text-muted);font-family:var(--type-meta-family);font-size:var(--type-meta-small-size);font-weight:var(--type-meta-weight);letter-spacing:var(--type-meta-tracking);text-transform:uppercase;margin:0}.preview-banner{z-index:10;background:var(--color-text);color:var(--color-text-inverse);text-align:center;font-family:var(--type-meta-family);font-size:var(--type-meta-large-size);font-weight:var(--type-meta-weight);padding:.6rem;position:sticky;top:0}.display-heading{max-width:var(--type-display-measure);font-family:var(--type-display-family);font-size:40px;line-height:var(--type-display-leading);text-wrap:var(--type-heading-wrap);margin:0;font-weight:400}.article-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:clamp(2rem,5vw,3.5rem);width:min(1120px,90vw);margin-inline:auto;display:grid}.article-main{min-width:0}.article-main>.article{width:100%;max-width:640px;margin:0;padding-top:0}.article-sidebar{align-self:stretch;min-width:0;padding-bottom:3rem}.article{width:min(800px,90vw);max-width:800px;padding:0 0 clamp(4rem,8vw,7rem)}.hero{object-fit:contain;width:100%;height:auto;margin:0 0 3rem}.prose{max-inline-size:var(--type-prose-measure);font-size:var(--type-prose-size);line-height:var(--type-prose-leading);text-wrap:var(--type-prose-wrap);line-break:var(--type-prose-line-break)}.prose h2,.prose h3,.prose h4{font-family:var(--type-heading-family);line-height:var(--type-heading-content-leading);margin:2.6em 0 .8em}.prose h2[id],.prose h3[id],.prose h4[id],.prose h5[id],.prose h6[id]{scroll-margin-top:2rem}.prose p{margin:1.4em 0}.prose mark.text-highlight{background:var(--color-highlight);color:inherit;box-decoration-break:clone;border-radius:.15em;padding-inline:.12em}.prose blockquote{border-left:3px solid var(--color-border-strong);background:var(--color-background-subtle);color:var(--color-text);margin:2rem 0;padding:.6rem 1.5rem}.prose a{text-decoration-color:var(--color-border-strong);text-underline-offset:.2em}.prose figure{margin:2.5rem 0}.content-image-richtext img{height:auto}.article-blocks{grid-template-columns:minmax(0,1fr);gap:2.5rem;display:grid}.content-block.prose>:first-child,.callout .prose>:first-child{margin-top:0;font-size:24px;font-weight:500}.content-block.prose>:last-child,.callout .prose>:last-child{margin-bottom:0}.content-image{margin:0}.content-image img{object-fit:cover;width:100%;height:auto}.content-image.layout-full,.content-image.layout-wide{width:100%;margin-left:0;transform:none}.content-image.layout-left,.content-image.layout-right{width:min(420px,55%)}.content-image.layout-left{float:left;margin:.5rem 2rem 1rem 0}.content-image.layout-right{float:right;margin:.5rem 0 1rem 2rem}.content-image.ratio-16-9 img{aspect-ratio:16/9}.content-image.ratio-4-3 img{aspect-ratio:4/3}.content-image.ratio-1-1 img{aspect-ratio:1}.content-image.ratio-portrait img{aspect-ratio:3/4}.content-image:not(.ratio-auto) img{object-fit:cover}figcaption{color:var(--color-text-muted);font-family:var(--type-meta-family);font-size:var(--type-meta-size);margin-top:.65rem}figcaption small{display:block}.content-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.content-gallery figure{margin:0}.content-gallery img{object-fit:cover;width:100%;height:100%;max-height:480px}.gallery-editorial figure:first-child{grid-column:1/-1}.gallery-carousel{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.gallery-carousel figure{scroll-snap-align:start;min-width:min(76vw,580px)}.product-card{border:1px solid var(--color-border);border-radius:var(--radius-card);grid-template-columns:minmax(160px,34%) 1fr;gap:1.5rem;padding:1.5rem;display:grid}.product-card img{object-fit:cover;width:100%;height:100%;max-height:280px}.product-card h2,.product-card h3{font-family:var(--type-heading-family);line-height:var(--type-heading-card-leading);margin:.25rem 0 .75rem}.product-brand{color:var(--color-text-muted);font-family:var(--type-meta-family);font-size:var(--type-meta-size);font-weight:var(--type-meta-weight)}.product-card-label{color:var(--color-text-muted);font-family:var(--type-meta-family);font-size:var(--type-meta-small-size);letter-spacing:var(--type-meta-tracking);margin:0 0 .35rem}.product-card-image{min-width:0}.product-card-link{color:var(--color-text-muted);font-size:var(--type-meta-size);text-underline-offset:.2em;margin-top:.35rem;display:inline-block}.product-card-compact{grid-template-columns:120px 1fr}.product-card-editorial{padding:2rem}.product-card-inline{margin:2.5rem 0}.pros-cons{background:var(--color-background-subtle);padding:1.75rem}.pros-cons>h2{font-family:var(--type-heading-family);margin-top:0}.pros-cons>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.pros-cons section{padding:1.1rem}.pros-cons h3{margin-top:0}.pros{background:var(--color-success-subtle)}.cons{background:var(--color-danger-subtle)}.callout{border-left:4px solid var(--color-border-strong);background:var(--color-background-subtle);padding:1.4rem 1.6rem}.callout h2,.callout-title{font-family:var(--type-heading-family);margin:0 0 .6rem;font-weight:600}.callout p:last-child{margin-bottom:0}.callout-point{border-color:var(--color-border-strong)}.callout-note{border-color:var(--color-border);background:0 0}.callout-tip{border-color:var(--color-warning);background:var(--color-warning-subtle)}.callout-warning{border-color:var(--color-danger);background:var(--color-danger-subtle)}.callout-success{border-color:var(--color-success);background:var(--color-success-subtle)}.comparison-table{margin:2.5rem 0}.comparison-table-scroll{border:1px solid var(--color-border);overflow-x:auto}.comparison-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:var(--type-body-small-size);line-height:1.6}.comparison-table caption{font-family:var(--type-heading-family);font-size:var(--type-heading-compact-size);text-align:left;padding:1rem 1.1rem .7rem;font-weight:600}.comparison-table th,.comparison-table td{border-top:1px solid var(--color-border);text-align:left;vertical-align:top;padding:.8rem 1rem}.comparison-table thead th{background:var(--color-background-subtle);white-space:nowrap;font-weight:600}.comparison-table tbody th{background:var(--color-background);white-space:nowrap;font-weight:500}.simple-table{margin:2.5rem 0}.simple-table-scroll{border:1px solid var(--color-border);overflow-x:auto}.simple-table table{border-collapse:collapse;width:100%;min-width:480px;font-size:var(--type-body-small-size);line-height:1.6}.simple-table caption{font-family:var(--type-heading-family);font-size:var(--type-heading-compact-size);text-align:left;padding:1rem 1.1rem .7rem;font-weight:600}.simple-table th,.simple-table td{border-top:1px solid var(--color-border);text-align:left;vertical-align:top;overflow-wrap:anywhere;min-width:8rem;padding:.8rem 1rem}.simple-table thead th{background:var(--color-background-subtle);font-weight:600}.quote-bubble{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-background-subtle);grid-template-columns:auto minmax(0,1fr);gap:.75rem;margin:2.5rem 0;padding:1.25rem 1.4rem;display:grid;position:relative}.quote-bubble:after{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-background-subtle);content:"";width:.8rem;height:.8rem;position:absolute;bottom:-.45rem;left:1.25rem;transform:rotate(45deg)}.quote-bubble-icon{color:var(--color-text-muted);font-family:Georgia,serif;font-size:1.5rem;line-height:1}.quote-bubble p{margin:0}.quote-bubble-label{color:var(--color-text-muted);font-family:var(--type-meta-family);font-size:var(--type-meta-small-size);margin-bottom:.3rem!important}.quote-bubble-point{border-color:var(--color-border-strong)}.quote-bubble-voice{background:0 0}.related-article{margin:2.5rem 0}.related-article a{border:1px solid var(--color-border);color:inherit;grid-template-columns:120px minmax(0,1fr);gap:1rem;padding:1rem;text-decoration:none;display:grid}.related-article-image{min-width:0}.related-article-image img{aspect-ratio:4/3;object-fit:cover;width:100%}.related-article h3{font-family:var(--type-heading-family);line-height:var(--type-heading-card-leading);margin:.25rem 0 .45rem}.related-article p,.related-article .eyebrow{margin:0}.verdict{border-block:1px solid var(--color-border);background:var(--color-background-subtle);margin:2.5rem 0;padding:1.75rem}.verdict-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.verdict h2{font-family:var(--type-heading-family);margin:0}.verdict-rating{color:var(--color-text-muted);font-size:var(--type-body-small-size);align-items:baseline;gap:.35rem;margin:0;display:flex}.verdict-rating strong{color:var(--color-text);font-size:1.35rem;font-weight:600}.verdict-summary{margin:1.25rem 0 0}.verdict-audience{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.verdict-audience h3{font-family:var(--type-heading-family);font-size:var(--type-body-size);margin:0 0 .5rem}.verdict-audience ul{margin:0;padding-left:1.25rem}.affiliate-cta{background:var(--color-accent);color:var(--color-accent-foreground);justify-content:space-between;align-items:center;gap:2rem;padding:1.75rem;display:flex}.affiliate-cta h2,.affiliate-cta p{margin:0}.affiliate-cta p{color:var(--color-text);margin-top:.4rem}.affiliate-links{flex-wrap:wrap;gap:.7rem;display:flex}.affiliate-links a{background:var(--color-background);color:var(--color-text);font-weight:var(--type-meta-weight);border-radius:2px;padding:.7rem 1rem;text-decoration:none}.empty-state{text-align:center;padding:8rem 0}@media (width<=600px){.site-header{min-height:0;padding:0}.site-header-inner{flex-direction:column;align-items:stretch;gap:0}.brand{padding:.85rem 5vw .6rem}.category-nav{scrollbar-width:none;overscroll-behavior-x:contain;width:100%;overflow-x:auto}.category-nav::-webkit-scrollbar{display:none}.category-nav ul{width:max-content;padding:0 5vw .7rem}.article{width:min(100% - 2rem,800px)}.content-image.layout-left,.content-image.layout-right{float:none;width:100%;margin:0}.content-gallery,.pros-cons>div,.product-card,.verdict-audience,.related-article a{grid-template-columns:1fr}.affiliate-cta{flex-direction:column;align-items:stretch}}@media (width<=900px){.article-layout{grid-template-columns:1fr;width:min(100% - 2rem,800px)}.article-sidebar{padding-top:0}}@media (prefers-reduced-motion:reduce){.category-nav a{transition-duration:0s}.category-nav a:active{transform:none}}