.transit-page{
  --transit-grid:rgba(255,255,255,.07);
  overflow:hidden;
}
.transit-page section[id]{scroll-margin-top:118px}
.transit-hero{padding-top:64px}
.transit-hero .hero-grid{grid-template-columns:1.08fr .92fr;padding-bottom:56px}
.transit-hero h1{max-width:850px}
.transit-hero .hero-copy{position:relative}
.transit-hero .hero-copy:after{content:"TRANSIT";display:block;margin-top:38px;color:#252726;font-size:clamp(42px,8vw,108px);font-weight:900;line-height:.72;letter-spacing:-.07em;pointer-events:none}
.transit-hero .hero-photo{min-height:500px;padding-bottom:88px}
.transit-hero .hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.transit-hero .hero-badges span{border:1px solid #414443;color:#d6d8d6;padding:8px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.transit-hero .media-caption{display:flex;justify-content:space-between;gap:18px;align-items:center}
.transit-hero .media-caption strong{color:var(--accent-dark)}
.transit-quicknav{position:sticky;top:78px;z-index:35;background:#171818;color:#fff;border-bottom:1px solid #393b3a}
.transit-quicknav .wrap{display:flex;overflow-x:auto;scrollbar-width:thin}
.transit-quicknav a{flex:0 0 auto;padding:14px 15px;border-right:1px solid #333;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#b7bbb8}
.transit-quicknav a:hover{background:#222423;color:var(--accent)}
.transit-overview{padding-top:76px}
.transit-service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:34px}
.transit-service{display:flex;min-height:180px;flex-direction:column;justify-content:space-between;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f5f1e8;transition:.18s}
.transit-service:hover{background:#fffaf1;transform:translateY(-2px)}
.transit-service small{color:var(--accent-dark);font-size:10px;font-weight:900;letter-spacing:.1em}
.transit-service strong{font-size:19px;line-height:1.08;text-transform:uppercase}
.transit-service span{font-size:13px;color:var(--muted)}
.transit-diagnostic{position:relative;background:#0b0c0c;color:#fff;border-top:7px solid var(--accent)}
.transit-diagnostic:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 49.8%,var(--transit-grid) 50%,transparent 50.2%),linear-gradient(0deg,transparent 0 49.8%,var(--transit-grid) 50%,transparent 50.2%);background-size:88px 88px;opacity:.22;pointer-events:none}
.transit-diagnostic .wrap{position:relative}
.diagnostic-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}
.diagnostic-callout{border:1px solid #3c3f3d;background:#121413;padding:32px;position:relative}
.diagnostic-callout:before{content:"";position:absolute;top:-1px;left:-1px;width:86px;height:7px;background:var(--accent)}
.diagnostic-callout h3{font-size:27px;line-height:1.05;text-transform:uppercase;margin:14px 0}
.diagnostic-callout p{color:#aeb2af;margin:0}
.diagnostic-list{display:grid;gap:1px;background:#343634;border:1px solid #343634}
.diagnostic-step{display:grid;grid-template-columns:66px 1fr;gap:18px;background:#111312;padding:23px}
.diagnostic-step b{color:var(--accent);font-size:28px;line-height:1}
.diagnostic-step strong{display:block;text-transform:uppercase;margin-bottom:6px}
.diagnostic-step span{display:block;color:#aeb2af;font-size:14px}
.transit-section-title{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,460px);gap:48px;align-items:end;margin-bottom:34px}
.transit-section-title h2{margin-top:10px}
.transit-section-title p{color:var(--muted);font-size:16px;margin:0}
.dark .transit-section-title p{color:#aeb1af}
.transit-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.expert-panel{position:relative;border:1px solid #bdb7aa;background:#f8f5ee;padding:30px;min-height:100%}
.expert-panel:before{content:"";position:absolute;left:-1px;top:-1px;width:72px;height:6px;background:var(--accent)}
.expert-panel h3{margin:10px 0 15px;font-size:25px;line-height:1.08;text-transform:uppercase}
.expert-panel p{color:var(--muted);margin:0 0 15px}
.expert-panel ul{list-style:none;padding:0;margin:18px 0 0}
.expert-panel li{position:relative;padding:10px 0 10px 22px;border-top:1px solid #ded8cc;color:#4f514c}
.expert-panel li:before{content:"";position:absolute;left:0;top:19px;width:10px;height:3px;background:var(--accent)}
.expert-panel.dark-panel{background:#151616;border-color:#393b3a;color:#fff}
.expert-panel.dark-panel p,.expert-panel.dark-panel li{color:#aeb1af}
.expert-panel.dark-panel li{border-color:#333634}
.transit-warning{margin-top:14px;padding:22px 24px;background:var(--accent);color:#111;border:1px solid #111;font-weight:800}
.transit-warning strong{display:block;text-transform:uppercase;margin-bottom:5px}
.scope-note{display:grid;grid-template-columns:54px 1fr;gap:16px;margin-top:22px;padding:22px;border:2px solid #111;background:#eee8dc}
.scope-note .mark{display:grid;place-items:center;width:48px;height:48px;background:#111;color:var(--accent);font-size:23px;font-weight:900}
.scope-note strong{display:block;text-transform:uppercase;margin-bottom:5px}
.scope-note p{margin:0;color:#575953}
.transit-photo-row{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:34px}
.transit-photo-row .photo-slot{min-height:310px}
.transit-photo-row .photo-slot.light{background:#ddd7cb;border-color:#a9a295;color:#111}
.transit-photo-row .photo-slot.light span{color:#62645e}
.transit-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.transit-fact{border-top:5px solid var(--accent);background:#151616;padding:25px;color:#fff;min-height:180px}
.transit-fact strong{display:block;font-size:19px;text-transform:uppercase;line-height:1.12;margin-bottom:12px}
.transit-fact span{color:#aeb1af;font-size:14px}
.transit-muted{background:#ded8cc;border-top:1px solid #bbb4a7;border-bottom:1px solid #bbb4a7}
.cautious-card{padding:30px;border:1px solid #aaa397;background:#ece6da}
.cautious-card .tag{display:inline-block;background:#111;color:var(--accent);padding:7px 9px;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.cautious-card h3{font-size:25px;line-height:1.08;text-transform:uppercase;margin:19px 0 12px}
.cautious-card p{margin:0;color:#555752}
.faq-list{border-top:1px solid #aaa397}
.faq-list details{border-bottom:1px solid #aaa397;background:#f6f2e9}
.faq-list summary{position:relative;list-style:none;cursor:pointer;padding:22px 64px 22px 22px;font-weight:900;text-transform:uppercase}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:22px;top:15px;color:var(--accent-dark);font-size:30px}
.faq-list details[open] summary:after{content:"−"}
.faq-list details[open] summary{background:#111;color:#fff}
.faq-answer{padding:0 22px 24px;max-width:920px;color:#555752}
.faq-answer p{margin:18px 0 0}
.transit-cta{position:relative;overflow:hidden}
.transit-cta:after{content:"FORD TRANSIT";position:absolute;right:-24px;bottom:-16px;color:#1c1d1d;font-size:clamp(42px,8vw,108px);font-weight:900;line-height:.8;letter-spacing:-.06em;pointer-events:none}
.transit-cta .wrap{position:relative;z-index:1}
@media(max-width:1040px){
  .transit-quicknav{top:78px}
  .transit-service-grid{grid-template-columns:repeat(2,1fr)}
  .diagnostic-layout,.transit-section-title{grid-template-columns:1fr}
  .transit-section-title{gap:15px}
}
@media(max-width:720px){
  .transit-hero .hero-grid{grid-template-columns:1fr}
  .transit-hero .hero-copy:after{display:none}
  .transit-hero .hero-photo{min-height:340px;padding-bottom:78px}
  .transit-quicknav{position:relative;top:auto}
  .transit-service-grid,.transit-two,.transit-photo-row,.transit-facts{grid-template-columns:1fr}
  .transit-service{min-height:150px}
  .diagnostic-layout{gap:30px}
  .diagnostic-step{grid-template-columns:50px 1fr;padding:19px}
}