/* FORM: a shared canvas for the car and service journey. */
:root,body[data-theme]{--paper:#f7f5f1;--accent:#b95125;--accent-ink:#fff;--panel:#ede9e3}
.hero{background:var(--paper);color:var(--ink);min-height:640px}.hero-image,.hero-shade{display:none}
.hero-inner{gap:3%;padding:3.8rem 0 3rem;align-items:center}.hero-copy{width:44%;flex:none}.hero h1{font-size:clamp(3.2rem,5.4vw,5.6rem)}
.hero .eyebrow{color:#626467}.hero-description{color:#575e62;max-width:390px}.hero-bottom{border-color:#cec9c1;color:#626467}.hero .text-link{color:#44494d}
.vehicle-intro{flex:1;min-width:0;align-self:stretch;display:flex;flex-direction:column;padding-top:.4rem}.vehicle-intro-heading{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #d4cec6;padding-bottom:1rem}.vehicle-intro-heading .section-label{margin:0;font-size:.60rem;color:#696968;letter-spacing:.1em}.vehicle-study-index{font:11px monospace;color:#696968;white-space:nowrap}
.vehicle-intro-visual{position:relative;flex:1;display:grid;place-items:center;min-height:260px}.vehicle-intro-visual img{width:100%;height:auto;display:block;filter:grayscale(1);object-fit:contain}
.intro-pointer{position:absolute;left:31%;top:61%;display:flex;align-items:center;gap:9px;pointer-events:none;transition:left .3s,top .3s}.intro-pointer i{width:12px;height:12px;background:#c06332;border:2px solid #fff;box-shadow:0 0 0 5px #b9512520;border-radius:50%}.intro-pointer span{font:10px monospace;color:#893d1d;background:#fbf5ec;padding:3px 5px}[data-focus=brakes] .intro-pointer{left:44%;top:74%}[data-focus=suspension] .intro-pointer{left:68%;top:57%}
.intro-character-line{position:absolute;right:1%;bottom:7%;font:11px monospace;letter-spacing:1px;color:#77716b;max-width:150px;overflow:hidden;white-space:nowrap}
.vehicle-intro-meta{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4cec6;gap:1rem;padding-bottom:.8rem}.vehicle-intro-meta strong{font-size:.8rem;font-weight:600;letter-spacing:-.02em}.intro-car-tabs{display:flex;gap:.15rem}.intro-car-tabs button{min-height:44px;background:transparent;color:#606467;border:0;border-bottom:2px solid transparent;padding:.5rem .65rem;font-size:.7rem}.intro-car-tabs button[aria-pressed=true]{border-color:var(--accent);color:#272b2e;font-weight:700}
.symptom-path>p:first-child{font-size:.78rem;font-weight:600;margin:1.2rem 0 .7rem}.intro-symptoms{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.intro-symptoms button{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:.4rem;text-align:left;padding:.65rem .75rem;color:#393f43;background:#eeebe5;border:1px solid #d2cbc2;font-size:.74rem;line-height:1.4}.intro-symptoms button:hover,.intro-symptoms button:focus-visible{border-color:#b95125;background:#f5e7da}.intro-symptoms button>span:last-child{color:#a84b24;font-size:1rem}.intro-footnote{font-size:.7rem;color:#686967;line-height:1.5;margin:.7rem 0 0}
@media(max-width:1000px){.hero-inner{gap:2rem}.hero-copy{width:42%}.intro-symptoms{grid-template-columns:1fr}.intro-symptoms button{min-height:44px}.vehicle-intro-visual{min-height:210px}.vehicle-intro-meta{align-items:flex-start;gap:.3rem;flex-direction:column}}
@media(max-width:700px){.hero-inner{flex-direction:column;padding:2.4rem 0;gap:2.5rem}.hero-copy{width:100%}.hero h1{font-size:clamp(3rem,10vw,4rem)}.vehicle-intro{width:100%;max-width:580px;align-self:center}.vehicle-intro-visual{min-height:190px}.vehicle-intro-meta{flex-direction:row;align-items:center}.intro-car-tabs button{padding:.5rem}.intro-symptoms{grid-template-columns:1fr}.intro-symptoms button{font-size:.8rem}.hero{min-height:0}.hero-bottom{font-size:.55rem;flex-wrap:wrap}.hero-description{font-size:.94rem}.intro-character-line{font-size:9px;max-width:110px}}
@media(prefers-reduced-motion:reduce){.intro-pointer{transition:none}}

.vehicle-intro-visual img{max-height:345px;object-fit:contain}.vehicle-intro-heading{border-bottom:0}.intro-pointer{left:34%;top:61%}.intro-character-line{opacity:.6}