:root{--paper:#fff;--surface:#f4f5f8;--ink:#22263a;--muted:#4d5266;--link:#1f4f7a;--bar:#2e6b4a;--plate-whole:#f6d36b;--plate-range:#cfe6c6;--plate-guide:#dcebf6;--rule:#d6d8e0;--rule-strong:#7b8096;--rule-on-plate:color-mix(in srgb, var(--ink) 18%, transparent);--color-paper:var(--paper);--color-ink:var(--ink);--color-muted:var(--muted);--color-accent:var(--link);--color-accent-soft:var(--surface);--color-line:var(--rule);--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--radius-plate:1.125rem;--radius-sm:.5rem;--radius-pill:999px;--radius:var(--radius-sm);--font-sans:"Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color-scheme:light;font-family:var(--font-sans);color:var(--ink);background:var(--paper);font-size:100%;line-height:1.8}*{box-sizing:border-box}body{background:var(--paper);margin:0}[hidden]{display:none!important}a{color:var(--link);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}button,input,select{font:inherit}button,select,input{max-width:100%}button{cursor:pointer}:focus-visible{outline:3px solid var(--link);outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3{text-wrap:balance;word-break:auto-phrase;line-height:1.45}h1{font-size:var(--fs-2xl);margin:0 0 var(--space-3)}h2{font-size:var(--fs-xl);margin:var(--space-5) 0 var(--space-2)}h3{font-size:var(--fs-lg)}p{text-wrap:pretty}p,li,td,dd,a{overflow-wrap:anywhere}.container{width:min(100% - 3rem,72rem);margin-inline:auto}.site-header{border-bottom:1px solid var(--rule)}.header-inner{padding-block:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.site-name{font-weight:700;font-size:var(--fs-lg);color:var(--ink);text-decoration:none}nav{gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}nav a{font-size:var(--fs-sm)}.ad-notice{font-size:var(--fs-xs);color:var(--muted);margin:0}.site-header>.ad-notice{background:var(--surface);text-align:center;padding:.25rem 1rem}main{padding-block:var(--space-4) var(--space-5);min-height:55vh}.site-footer{padding-block:var(--space-4);margin-top:var(--space-5);font-size:var(--fs-sm);background:var(--surface)}.site-footer p:first-child{font-weight:700}.site-footer .ad-notice{margin-top:var(--space-3)}.skip-link{z-index:10;background:var(--paper);padding:.75rem;position:absolute;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.lead{font-size:var(--fs-lg);max-width:46rem;margin-bottom:var(--space-4)}.muted,.note{color:var(--muted);font-size:var(--fs-sm)}.eyebrow{color:var(--muted);font-size:var(--fs-sm);margin:0 0 var(--space-1);font-weight:700}.panel,.empty-state,.card{padding:var(--space-3);background:var(--surface);border-radius:var(--radius-sm)}.panel h2,.empty-state h2{margin-top:0}.entry-grid,.cards,.card-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.entry-grid>*,.cards>*,.card-grid>*{min-width:0}.card h2,.card h3{margin-top:0}.entry-card{padding:var(--space-3);background:var(--surface);border-radius:var(--radius-sm);color:var(--ink);text-decoration:none;display:block}.entry-card:hover h2,.entry-card:hover h3{text-underline-offset:.2em;text-decoration:underline}.entry-card h2{margin-top:var(--space-1)}.entry-card p{color:var(--muted);margin-bottom:0}main>section+section{margin-top:var(--space-5)}.filter-fields{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.filter-fields label{font-size:var(--fs-sm);margin-bottom:.4rem;display:block}.filter-fields input,.filter-fields select{width:100%}.breadcrumb{margin-bottom:var(--space-3);font-size:var(--fs-sm)}.button,button{border:1px solid var(--link);border-radius:var(--radius-sm);background:var(--link);min-height:44px;color:var(--paper);padding:.65rem 1.1rem;font-weight:700;text-decoration:none;display:inline-block}.button.secondary,button[type=reset]{background:var(--paper);color:var(--link)}.brand-cta{margin-block:var(--space-4)}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}caption{text-align:left;padding-block:var(--space-2);font-weight:700}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);padding:1rem .75rem}thead th{background:var(--surface);font-size:var(--fs-sm)}tbody th{font-weight:700}.spec-table th{width:28%}.comparison-table{font-size:var(--fs-sm)}.comparison-table th,.comparison-table td{width:20%}.comparison-table td small,.comparison-table td .model-year{color:var(--muted);display:block}.filter-controls{align-items:end;gap:var(--space-2);margin:var(--space-3) 0;border-radius:var(--radius-sm);background:var(--surface);padding:var(--space-3);border:0;flex-wrap:wrap;display:flex}.filter-controls legend{padding:0;font-weight:700}.filter-controls label{font-size:var(--fs-sm);flex:12rem;gap:.25rem;display:grid}input,select{border:1px solid var(--rule-strong);border-radius:var(--radius-sm);min-height:44px;color:var(--ink);background:var(--paper);min-width:0;padding:.5rem .75rem}.checklist input{min-height:0}.sources{font-size:var(--fs-sm)}.sources li{margin-bottom:var(--space-2)}.sources time{color:var(--muted)}.article-body{max-width:48rem}.article-body h2{margin-top:var(--space-5)}.checklist{padding:0;list-style:none}.checklist li{border-bottom:1px solid var(--rule);padding:var(--space-2) 0}.checklist label{align-items:flex-start;gap:.75rem;display:flex}.checklist input{flex:none;width:1.1rem;height:1.1rem;margin-top:.5rem}@media (width<=700px){.container{width:calc(100% - 2rem)}h1{font-size:var(--fs-xl)}.header-inner{padding-block:var(--space-2);display:block}.header-inner nav{margin-top:var(--space-1);gap:.5rem 1rem}main{padding-block:var(--space-3) var(--space-4)}.entry-grid,.cards,.card-grid,.filter-fields{grid-template-columns:1fr}.comparison-table,.comparison-table tbody,.comparison-table tr,.comparison-table td,.comparison-table tbody th,.comparison-table caption{width:100%;display:block}.comparison-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.comparison-table tr{background:var(--surface);border-radius:var(--radius-sm);margin-bottom:var(--space-2);padding:var(--space-2)}.comparison-table th,.comparison-table td{padding:.65rem 0}.comparison-table td{grid-template-columns:6rem minmax(0,1fr);gap:.75rem;display:grid}.comparison-table td:before{content:attr(data-label);color:var(--muted);font-weight:700}.comparison-table td small{grid-column:2}.comparison-table tr>:last-child{border-bottom:0}.spec-table th{width:35%}.spec-table th,.spec-table td{padding:.75rem .4rem}}@media print{.site-header nav,.site-footer,.skip-link,.filter-controls,.print-button,.site-header>.ad-notice{display:none!important}.container{width:100%}main{min-height:0;padding:1rem 0}h1{font-size:20pt}.checklist li{break-inside:avoid;padding-block:.4rem}.checklist h2{margin:.25rem 0;font-size:12pt}.checklist p{margin:0;font-size:10pt}.lead{margin-bottom:1rem;font-size:11pt}a{color:inherit}}.brand-quiz{max-width:48rem}.quiz-count{color:var(--ink);margin-top:0;font-weight:700}.quiz-controls h3{margin-top:0}.quiz-options{gap:var(--space-1);display:grid}.quiz-option{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-2);text-align:left;width:100%;min-height:44px;color:var(--ink);background:var(--paper);border-color:var(--rule-strong);flex-wrap:wrap;font-weight:400;display:flex}.quiz-option>span{overflow-wrap:anywhere;min-width:0}.quiz-option:hover,.quiz-option:focus-visible{border-color:var(--link);background:var(--surface)}.quiz-preview{color:var(--link);font-size:var(--fs-sm)}.quiz-actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.quiz-actions button{overflow-wrap:anywhere;background:var(--paper);min-height:44px;color:var(--link)}.brand-quiz :focus{outline:3px solid var(--link);outline-offset:4px}.quiz-results{gap:var(--space-2);padding:0;list-style:none;display:grid}.quiz-results h4{margin:0 0 var(--space-1);font-size:var(--fs-lg)}.quiz-results p{margin:var(--space-1) 0}.quiz-status{color:var(--ink);font-weight:700}.quiz-notes{margin-top:var(--space-2)}.container{max-width:67rem}.header-inner{padding-block:1.25rem}.site-name{align-items:center;gap:.75rem;display:inline-flex}.site-mark{width:28px;height:32px;color:var(--ink);flex:none}.brand-wordmark{gap:.125rem;display:grid}.brand-wordmark small{font-size:var(--fs-xs);color:var(--muted);font-weight:400}.site-header nav a{color:var(--muted);padding:.5rem .75rem;text-decoration:none}.site-header nav a:hover{color:var(--ink);text-decoration:underline}.site-header nav a.is-current{color:var(--ink);font-weight:700}.plate-lead{margin:0 0 var(--space-1);font-size:var(--fs-sm);color:var(--ink)}.plate-meta{font-size:var(--fs-xs);color:var(--muted);margin:0}.catalog-spread{margin-bottom:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);display:grid}.catalog-plate{background:var(--plate-whole);padding:var(--space-3);border-radius:var(--radius-plate) 0 0 var(--radius-plate);flex-direction:column;display:flex}.catalog-plate h1{font-size:var(--fs-2xl);margin:0 0 .25rem;line-height:1.4}.catalog-figure{padding-top:var(--space-2);margin-block:auto;position:relative}.catalog-figure img{mix-blend-mode:multiply;width:100%;margin:4rem 0 3.5rem;display:block}.callouts{margin:0;padding:0;list-style:none}.callout{background:var(--paper);border-radius:var(--radius-sm);max-width:48%;font-size:var(--fs-xs);padding:.375rem .625rem;line-height:1.4;position:absolute}.callout b{font-size:var(--fs-md);font-variant-numeric:tabular-nums;display:block}.callout:first-child{left:0;top:var(--space-2)}.callout:nth-child(2){right:0;top:var(--space-2)}.callout:nth-child(3){bottom:0;left:0}.callout:nth-child(4){bottom:0;right:0}.range-board{--range-cols:9.5em minmax(0, 1fr);background:var(--plate-range);padding:var(--space-3);border-radius:var(--radius-plate)}.catalog-spread .range-board{border-radius:0 var(--radius-plate) var(--radius-plate) 0}.range-board--wide{--range-cols:13em minmax(0, 1fr) 10em;margin-bottom:var(--space-5)}.range-head{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.range-head h2{font-size:var(--fs-lg);margin:0}.range-toggle{background:var(--paper);border-radius:var(--radius-pill);padding:.1875rem;display:inline-flex}.range-toggle button{border-radius:var(--radius-pill);min-height:2.5rem;color:var(--muted);font-size:var(--fs-sm);background:0 0;border:0;padding:.25rem 1.125rem}.range-toggle button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.range-chart{margin:var(--space-2) 0 0}.range-chart figcaption{font-size:var(--fs-xs);color:var(--muted)}.range-row{grid-template-columns:var(--range-cols);column-gap:var(--space-2);align-items:center;display:grid}.range-scale-row{height:1.5rem}.range-scale{grid-column:2;align-self:stretch;position:relative}.range-scale span{font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;position:absolute;bottom:0;transform:translate(-50%)}.range-scale span:first-child{transform:none}.range-scale span:last-child{transform:translate(-100%)}.range-rows{margin:0;padding:0;list-style:none}.range-rows .range-row{border-top:1px dotted var(--rule-on-plate);min-height:2.375rem;padding-block:.25rem}.range-name{color:var(--ink);font-size:var(--fs-sm);grid-column:1;font-weight:700;line-height:1.3;text-decoration:none}.range-name:hover{text-decoration:underline}.range-value{font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums;grid-column:1;line-height:1.4}.range-board--compact .range-track{grid-area:1/2/span 2}.range-board--wide .range-track{grid-area:1/2}.range-board--wide .range-value{text-align:right;font-size:var(--fs-sm);color:var(--ink);grid-area:1/3}.range-track{background-image:linear-gradient(to right, var(--rule-on-plate) 1px, transparent 1px);background-size:calc(100% / var(--ticks,4)) 100%;border-right:1px solid var(--rule-on-plate);height:1.5rem;display:block;position:relative}.range-bar,.range-all{border-radius:4px;min-width:8px;height:8px;margin-top:-4px;position:absolute;top:50%}.range-bar{background:var(--bar)}.range-all{background:color-mix(in srgb, var(--bar) 25%, transparent)}.range-note{margin:var(--space-2) 0 0;font-size:var(--fs-xs);color:var(--muted)}.page-head{margin-bottom:var(--space-3)}.page-head .lead{max-width:none;margin-bottom:.25rem}.brand-position{background:var(--plate-range);padding:var(--space-3);border-radius:var(--radius-plate);margin-bottom:var(--space-4)}.brand-position h2{margin:0 0 var(--space-1);font-size:var(--fs-lg)}.position-rows{margin:0}.position-row{column-gap:var(--space-2);border-top:1px dotted var(--rule-on-plate);grid-template-columns:4em minmax(0,1fr);align-items:center;padding-block:.375rem;display:grid}.position-row dt{font-size:var(--fs-sm);font-weight:700}.position-row dd{column-gap:var(--space-2);grid-template-columns:11em minmax(0,1fr);align-items:center;margin:0;display:grid}.position-value{font-variant-numeric:tabular-nums;font-weight:700}.position-whole{font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums;grid-column:2}.reading-heading h2{font-size:var(--fs-xl);margin:0}.reading-items{gap:var(--space-4);margin-top:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.reading-item svg{color:var(--ink);margin-bottom:var(--space-1);display:block}.reading-item .icon-paper{fill:var(--paper)}.reading-item h3{margin:0 0 var(--space-1);font-size:var(--fs-md)}.reading-item p{font-size:var(--fs-sm);color:var(--muted);margin:0}.guide-plate{background:var(--plate-guide);padding:var(--space-3);border-radius:var(--radius-plate)}.guide-plate h2{margin:0 0 var(--space-1);font-size:var(--fs-lg)}.guide-links{column-gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.guide-link{color:var(--ink);border-top:1px dotted var(--rule-on-plate);padding:.75rem 0;text-decoration:none;display:block}.guide-link:hover .guide-title{text-underline-offset:.25em;text-decoration:underline}.guide-title{font-size:var(--fs-md);margin:0 0 .125rem}.guide-description{color:var(--muted);font-size:var(--fs-sm);margin:0}.comparison-note{font-size:var(--fs-sm);color:var(--muted);margin-block:var(--space-4) var(--space-2)}#comparison{scroll-margin-top:2rem}.filter-controls{gap:var(--space-2)}.filter-controls legend{font-size:var(--fs-md)}.comparison-table caption{font-size:var(--fs-lg)}.comparison-table thead th{color:var(--muted)}.comparison-table tbody th a{color:var(--ink);font-size:var(--fs-md);font-weight:700}.comparison-table td{line-height:1.75}.comparison-table tbody tr:hover{background:var(--surface)}.site-footer{margin-top:4rem}@media (width<=700px){.header-inner{padding-block:1rem}.site-header nav{gap:.125rem;margin-top:.75rem}.site-header nav a{padding:.375rem .5rem}.catalog-spread{grid-template-columns:1fr}.catalog-plate{padding:var(--space-2);border-radius:var(--radius-plate) var(--radius-plate) 0 0}.catalog-plate h1{font-size:var(--fs-xl)}.catalog-figure{gap:var(--space-1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.catalog-figure img{width:80%;margin:0 auto}.callouts{display:contents}.catalog-figure{padding-top:var(--space-1)}.callout{max-width:none;position:static}.callout b{font-size:var(--fs-sm)}.catalog-figure img{grid-column:1/-1}.range-board,.brand-position,.guide-plate{padding:var(--space-2)}.catalog-spread .range-board{border-radius:0 0 var(--radius-plate) var(--radius-plate)}.range-board,.range-board--wide{--range-cols:minmax(0, 1fr) auto}.range-scale-row>:first-child{display:none}.range-scale{grid-column:1/-1}.range-rows .range-row{row-gap:.125rem;padding-top:.375rem}.range-name{grid-area:1/1}.range-board--compact .range-value,.range-board--wide .range-value{text-align:right;font-size:var(--fs-xs);grid-area:1/2}.range-board--compact .range-track,.range-board--wide .range-track{grid-area:2/1/auto/-1;height:1rem}.position-row,.position-row dd{grid-template-columns:minmax(0,1fr)}.position-whole{grid-column:1}.reading-items{gap:var(--space-3);grid-template-columns:1fr}.reading-item{gap:var(--space-2);grid-template-columns:76px minmax(0,1fr);align-items:start;display:grid}.reading-item svg{width:76px;height:64px;margin:0}.guide-links{grid-template-columns:1fr}}@media print{.header-inner{padding-block:.5rem}.brand-wordmark small{display:none}}.maker-table th:last-child,.maker-table td:last-child{white-space:nowrap}.comparison-table tbody th small.muted{display:block}
