.tire-page { color: var(--navy); }
.tire-end { background: #10263e; color: #fff; padding-block: clamp(3rem, 7vw, 7rem); }
.tire-split { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); align-items: center; gap: clamp(1.5rem, 5vw, 5rem); }
.tire-kicker { font-size: .8rem; font-weight: 800; letter-spacing: .13em; color: #285884; margin: 0 0 .65rem; }
.tire-page .tire-hero .tire-parent { color: #aed5fc; display: inline-block; margin-bottom: 1.5rem; }
.tire-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.tire-actions .button { max-width: 100%; min-width: 0; text-align: center; }
.tire-actions .tire-secondary { background: transparent; color: #fff; border: 1px solid #a9c3dc; }
.tire-actions .tire-secondary:hover { background: #254768; }
.tire-page .tire-hero .tire-preview { margin: 0; min-height: 0; transform: none; }
.tire-preview-inner { padding: clamp(.85rem, 3vw, 2rem); }
.tire-preview figcaption { font-size: clamp(1.25rem, 3vw, 1.8rem); font-weight: 850; line-height: 1.1; }
.tire-preview-subtitle, .tire-preview-caption { color: #476179; font-size: .85rem; margin: .5rem 0 .85rem; }
.tire-preview-caption { margin: .85rem 0 0; }
.tire-board-row { display: grid; grid-template-columns: minmax(0, .56fr) repeat(2, minmax(0, 1fr)); align-items: center; gap: .5rem; padding: .65rem 0; border-bottom: 1px solid #dce5ed; font-size: .88rem; }
.tire-board-head { color: #476179; font-weight: 750; }
.tire-slot { border-radius: .5rem; background: #e3efff; color: #183f6c; padding: .55rem; overflow-wrap: anywhere; }
.tire-slot-alt { background: #e7ebf9; color: #374479; }
.tire-slot-open { background: #e4f1e6; color: #2d5b3b; }
.tire-shift { background: #132d46; color: #fff; padding-block: clamp(2.5rem, 6vw, 5rem); }
.tire-shift .tire-kicker { color: #aed5fc; }
.tire-shift h2 { font-size: clamp(1.75rem, 3.5vw, 3rem); line-height: 1.12; }
.tire-shift p { color: #dce8f5; }
.tire-shift-timeline { margin: 0; padding: .5rem 1.25rem; border: 1px solid #52728f; border-radius: 1rem; background: #193751; }
.tire-shift-timeline div { display: grid; grid-template-columns: minmax(4.6rem, .3fr) 1fr; gap: .75rem; padding: .95rem 0; }
.tire-shift-timeline div + div { border-top: 1px solid #52728f; }
.tire-shift-timeline dt { font-weight: 800; color: #aed5fc; }
.tire-shift-timeline dd { margin: 0; }
.tire-plans { margin-block: 1.5rem; }
.tire-plans .plan .button { margin-top: auto; }
.tire-nav { display: flex; flex-wrap: wrap; gap: .55rem 1.2rem; padding-block: 1.4rem; border-bottom: 1px solid var(--line); }
.tire-page a:focus-visible { outline: 2px solid #4b95dc; outline-offset: 4px; }
.tire-section { padding-block: clamp(2rem, 5vw, 4.5rem); border-bottom: 1px solid var(--line); scroll-margin-top: 6rem; }
.tire-section h2, .tire-end h2 { font-size: clamp(1.65rem, 3.3vw, 3rem); line-height: 1.12; margin: 0 0 .9rem; }
.tire-section p { max-width: 74ch; }
.tire-split img { display: block; width: 100%; height: auto; border-radius: 1rem; }
.tire-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; margin: 1.4rem 0; }
ol.tire-cards { padding-left: 0; list-style-position: inside; }
.tire-cards > * { background: #fff; border: 1px solid #dce5ed; border-radius: 1rem; padding: 1.1rem; }
.tire-cards h3 { font-size: 1.15rem; margin: .35rem 0 .5rem; }
.tire-cards p:last-child { margin-bottom: 0; }
.tire-faq details { max-width: 74ch; border-bottom: 1px solid var(--line); padding: .9rem 0; }
.tire-faq summary { cursor: pointer; font-weight: 750; }
.tire-faq details p { margin: .6rem 0 0; }
@media (max-width: 760px) {
  .tire-split, .tire-cards { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
  .tire-board-row { gap: .35rem; font-size: .78rem; }
  .tire-slot { padding: .35rem; }
}
@media (max-width: 700px) {
  .tire-page .ticker .wrap { min-width: 0; flex-wrap: wrap; justify-content: center; gap: .5rem .8rem; }
  .tire-page .tire-hero h1 { font-size: clamp(1.95rem, 7vw, 2.45rem); }
}