/* ---------- model-year pages (on top of site.css + model.css) ---------- */
.yv{display:flex;gap:12px;align-items:center;background:var(--white);border:3px solid var(--ink);border-top:8px solid var(--yes);border-radius:16px;padding:12px 16px;margin-top:12px}
.yv .ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--yes);color:#fff}
.yv .ic svg{width:26px;height:26px}
.yv b{display:block;font:800 1.25rem/1.15 var(--display);font-stretch:104%}
.yv span{display:block;color:var(--ink-2);font-size:1rem}
.ynav{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px;margin:0 0 12px}
.ynav a,.ynav span{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;border:2px solid var(--ink);background:var(--white);color:var(--ink);text-decoration:none;font:800 1rem var(--body);text-align:center}
.ynav small{font:700 .875rem var(--body);color:var(--ink-3)}
.ynav .now{background:var(--plate);border-width:3px}
.ynav .now small{color:var(--ink)}
.howto{background:var(--white);border:2px solid var(--paper-3);border-radius:16px;padding:12px 16px;margin:0}
.howto b{display:block;font:800 1.125rem var(--body);margin-bottom:2px}
.changes{display:grid;gap:16px}
@media(min-width:900px){.changes{grid-template-columns:1.15fr .85fr;align-items:start}.changes .checks{grid-template-columns:1fr}}
@media(min-width:600px) and (max-width:899px){.crawl{max-width:560px}}
#service .tablewrap,#service .note,#diff .tablewrap{max-width:860px}
.vers{list-style:none;margin:0;padding:0;display:grid;gap:8px}
@media(min-width:700px){.vers{grid-template-columns:1fr 1fr}}
.vers li{background:var(--white);border:3px solid var(--ink);border-radius:16px;padding:12px 16px}
.vers b{display:flex;justify-content:space-between;gap:8px;font:800 1.25rem var(--display);font-stretch:104%}
.vers b i{font:800 .875rem var(--body);font-style:normal;padding:3px 8px;border-radius:999px;background:var(--paper);align-self:center;white-space:nowrap}
.vers span{color:var(--ink-2);font-size:1rem}
.spec-table.one td{width:auto}
@media(max-width:599px){.spec-table.one td{grid-column:1/-1}.spec-table.one td::before{display:none}}
.crawl{background:var(--white);border:3px solid var(--ink);border-radius:16px;overflow:hidden;margin:0}
.crawl img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.crawl div{padding:12px 16px}
.crawl b{font:800 1.25rem var(--display)}
.crawl p{margin:4px 0 0;font-size:1rem;color:var(--ink-2)}
/* two photos side by side (e.g. old vs new body) */
.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pair figure{margin:0;background:var(--white);border:3px solid var(--ink);border-radius:16px;overflow:hidden}
.pair img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.pair figcaption{padding:8px 8px;font:800 1rem var(--body)}
.pair figcaption small{display:block;font:700 .875rem var(--body);color:var(--ink-3)}
.pair .credit{padding:0 8px 8px;margin:0}