/* CES collection navigation and keyboard polish — 2026-10-18 */
.collection-header { padding-bottom: 20px; }
.collection-index { gap: 10px; }
.collection-index a { min-height: 44px; display: inline-flex; align-items: center; justify-content: space-between; }
.collection-index a:hover { background: var(--pale); }
.collection-coverage { margin: 20px 0 6px; border-bottom: 1px solid var(--line); }
.collection-coverage summary { cursor: pointer; color: var(--brand); font-weight: 700; padding: 12px 0; min-height: 44px; }
.collection-coverage > div { max-width: 76ch; padding-bottom: 12px; }
.collection-coverage .hub-lead-extra { font-size: 16px; line-height: 1.75; margin: 16px 0; }
.collection-group { scroll-margin-top: 24px; }
.collection-group:target > header h2 { text-decoration: underline; text-decoration-color: var(--brand); text-underline-offset: 6px; }
.nav-panel li a { min-height: 44px; }
.nav-toggle { min-height: 44px; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--brand); outline-offset: 4px; }
@media (min-width: 900px) { .collection-group > header { align-self: start; position: sticky; top: 24px; } }
@media print { .collection-coverage > div { display: block !important; } .collection-group > header { position: static; } }

/* C-47: static directory, P0446 first-screen spacing and mobile hub breadcrumbs. */
.all-guides { margin: 32px 0; padding: 24px 0; border-block: 1px solid var(--line); }
.all-guides h2 { font-size: 26px; margin: 0 0 20px; }
.all-guides h3 { font-size: 17px; margin: 0 0 4px; }
.all-guides ul { list-style: none; padding: 0; margin: 0; }
.all-guides a { text-underline-offset: 3px; }
.all-guides-models { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.all-guides-models ul { display: flex; flex-wrap: wrap; gap: 0 16px; }
.all-guides-models li a, .all-guides-codes a { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; }
.all-guides .all-guides-codes { display: flex; flex-wrap: wrap; gap: 0 24px; margin: 16px 0; padding-block: 8px; border-block: 1px solid var(--line); }
.all-guides .all-guides-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
.all-guides-links li { border-bottom: 1px solid var(--line); }
.all-guides-links a { display: flex; align-items: center; min-height: 44px; padding: 10px 0; font-size: 15px; line-height: 1.5; }
@media (max-width: 650px) {
  .collection-header .breadcrumbs { font-size: 14px; }
  .all-guides-models { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; }
  .all-guides .all-guides-links { grid-template-columns: minmax(0, 1fr); }
  .guide-p0446 .guide-heading { padding: 4px 0; }
  .guide-p0446 .breadcrumbs { margin-bottom: 4px; line-height: 1.4; row-gap: 0; }
  .guide-p0446 .eyebrow { margin: 0 0 4px; }
  .guide-p0446 .guide-heading h1 { margin-bottom: 4px; }
  .guide-p0446 .vehicle-identity { line-height: 1.4; margin-bottom: 6px; }
  .guide-p0446 .vehicle-identity li { margin-block: 1px; }
  .guide-p0446 .meta { line-height: 1.4; }
  .guide-p0446 .guide-heading > .guide-evidence { margin-top: 6px; }
  .guide-p0446 .guide-evidence > summary { padding: 8px 0; }
  .guide-p0446 .answer-label { padding: 6px 8px 0; margin-inline: -8px; }
  .guide-p0446 .answer { padding: 8px 8px 10px; margin-inline: -8px; }
  .guide-p0446 .answer p { margin-bottom: 8px; line-height: 1.45; }
  .guide-p0446 .answer-key-points { margin: 8px 0; padding-left: 16px; }
  .guide-p0446 .answer-key-points li { margin-block: 6px; padding-left: 0; line-height: 1.45; }
  .guide-p0446 .answer .answer-sources { margin-top: 8px; }
}