/* Oil-leak compositions use the global VW V2 tokens and controls. */
.oil-leak-page .hero h1 span{display:inline-block}
.oil-leak-page figure{margin:0;min-width:0}
.oil-leak-page figcaption{font-size:12px;line-height:1.5;color:var(--steel);margin-top:10px}
.oil-leak-page .hero-media img{aspect-ratio:3/2;box-shadow:none}
.oil-leak-page .leak-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;color:var(--steel);font-size:13px;margin-bottom:20px}
.oil-leak-page .leak-breadcrumb a{color:var(--blue)}
.oil-leak-page .hero .answer{margin-bottom:22px}
.oil-leak-page .leak-price-cue{border-left:3px solid var(--blue);padding-left:16px;margin-bottom:20px}
.oil-leak-page .leak-price-cue strong,.oil-leak-page .leak-price-cue span,.oil-leak-page .leak-price-cue small{display:block;line-height:1.5}
.oil-leak-page .leak-price-cue strong{font-size:18px;color:var(--navy)}
.oil-leak-page .leak-price-cue span{font-size:15px;color:var(--navy);margin-top:4px}
.oil-leak-page .leak-price-cue small{font-size:12.5px;margin-top:7px;max-width:54ch}
.oil-leak-page .leak-urgent{font-size:13px;line-height:1.5;color:var(--navy);margin-bottom:22px}
.oil-leak-page .hero-facts{font-size:13px;gap:10px 18px}
.oil-leak-page .hero-facts li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue)}
.oil-leak-page .leak-cost-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:start}
.oil-leak-page .leak-cost-layout>*{min-width:0}
.oil-leak-page .leak-price-rows{border-top:1px solid var(--line-2)}
.oil-leak-page .leak-price-rows article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;border-bottom:1px solid var(--line-2);padding:24px 0}
.oil-leak-page .leak-price-rows h3{font-size:20px;line-height:1.3;margin-bottom:9px}
.oil-leak-page .leak-price-rows p{font-size:14px;line-height:1.65;margin:0;max-width:48ch}
.oil-leak-page .leak-price-rows strong{font-size:16px;color:var(--blue);white-space:nowrap;line-height:1.5;padding-top:2px}
.oil-leak-page .leak-quote-panel{padding:28px;background:var(--tint);border-radius:var(--r-lg)}
.oil-leak-page .leak-quote-panel h3{font-size:25px;line-height:1.25;margin:10px 0 22px}
.oil-leak-page .leak-quote-panel li{font-size:14px}
.oil-leak-page .leak-quote-panel>p{font-size:12.5px;line-height:1.65;margin-top:24px;padding-top:20px;border-top:1px solid var(--line-2)}
.oil-leak-page .leak-quote-panel .btn{margin-top:22px}
.oil-leak-page .leak-warning-rows{border-top:1px solid var(--line-2)}
.oil-leak-page .leak-warning-rows article{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;padding:24px 0;border-bottom:1px solid var(--line-2);align-items:start}
.oil-leak-page .leak-warning-rows h3{font-size:21px;line-height:1.3;margin-bottom:10px}
.oil-leak-page .leak-warning-rows p{font-size:15px;line-height:1.7;max-width:85ch}
.oil-leak-page .leak-signal{font-size:13px;font-weight:750;color:var(--blue);display:flex;align-items:center;gap:10px;line-height:1.5;padding-top:4px}
.oil-leak-page .leak-signal:before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--blue)}
.oil-leak-page .leak-signal.red:before{background:#b52b38}
.oil-leak-page .leak-signal.amber:before{background:#a66300}
.oil-leak-page .leak-diagnosis-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:56px;align-items:start}
.oil-leak-page .leak-underbody img{width:100%;height:auto;border-radius:var(--r-lg)}
.oil-leak-page .leak-diagnosis-layout h2{margin:10px 0 20px}
.oil-leak-page .leak-diagnosis-layout>div>p{font-size:15.5px;line-height:1.7}
.oil-leak-page .leak-trace-list{padding:0;margin:26px 0 0;display:grid;gap:22px}
.oil-leak-page .leak-trace-list li{display:flex;gap:16px;align-items:start;padding-top:20px;border-top:1px solid var(--line)}
.oil-leak-page .leak-trace-list li>span{font-size:13px;font-weight:750;color:var(--blue);line-height:1.5;padding-top:3px}
.oil-leak-page .leak-trace-list h3{font-size:19px;line-height:1.35;margin-bottom:9px}
.oil-leak-page .leak-trace-list p{font-size:14px;line-height:1.65}
.oil-leak-page .leak-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 48px}
.oil-leak-page .leak-source-grid article{border-top:2px solid var(--line-2);padding-top:22px;min-width:0}
.oil-leak-page .leak-source-grid article>span{display:block;font-size:12px;font-weight:650;color:var(--steel);margin-bottom:10px}
.oil-leak-page .leak-source-grid h3{font-size:23px;line-height:1.3;margin-bottom:14px}
.oil-leak-page .leak-source-grid p{font-size:15px;line-height:1.7}
.oil-leak-page .leak-pressure-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:start}
.oil-leak-page .leak-pressure-layout h2{margin:10px 0 20px}
.oil-leak-page .leak-pressure-layout>div>p{font-size:15.5px;line-height:1.7}
.oil-leak-page .leak-detail-rows{margin-top:26px}
.oil-leak-page .leak-detail-rows>div{padding:20px 0;border-top:1px solid var(--line)}
.oil-leak-page .leak-detail-rows dt{font-size:16px;line-height:1.4;color:var(--navy);font-weight:750;margin-bottom:9px}
.oil-leak-page .leak-detail-rows dd{margin:0;font-size:14.5px;line-height:1.7}
.oil-leak-page .leak-fluid-panel{padding:30px;background:var(--mist);border:1px solid var(--line);border-radius:var(--r-lg)}
.oil-leak-page .leak-fluid-panel h3{font-size:25px;line-height:1.3;margin-bottom:24px}
.oil-leak-page .leak-fluid-panel dl>div+div{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}
.oil-leak-page .leak-fluid-panel dt{font-size:15px;font-weight:750;color:var(--navy);margin-bottom:9px}
.oil-leak-page .leak-fluid-panel dd{font-size:14px;line-height:1.7;margin:0}
.oil-leak-page .leak-parts-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:start;margin-top:48px}
.oil-leak-page .leak-parts-layout img{width:100%;height:auto;border-radius:var(--r-lg)}
.oil-leak-page .leak-parts-layout h3{font-size:25px;line-height:1.3;margin-bottom:20px}
.oil-leak-page .service-parts-options{margin:0 0 22px;padding:22px 0;gap:24px}
.oil-leak-page .service-parts-options dd{font-size:14px}
.oil-leak-page .leak-parts-layout>div>p{font-size:14.5px;line-height:1.7}
.oil-leak-page .leak-parts-layout>div>p+p{margin-top:18px}
.oil-leak-page .leak-handover-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin:0;padding:0}
.oil-leak-page .leak-handover-flow li{border-top:2px solid var(--line);padding-top:22px;min-width:0}
.oil-leak-page .leak-handover-flow span{display:block;color:var(--blue);font-weight:750;font-size:13px;margin-bottom:16px}
.oil-leak-page .leak-handover-flow h3{font-size:20px;line-height:1.3;margin-bottom:14px}
.oil-leak-page .leak-handover-flow p{font-size:14px;line-height:1.7}
.oil-leak-page .leak-closing-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;padding:36px;background:var(--tint);border-radius:var(--r-lg);align-items:center}
.oil-leak-page .leak-closing-box h2{margin-bottom:18px}
.oil-leak-page .leak-closing-box p{max-width:65ch;font-size:15px;line-height:1.7}
.oil-leak-page .leak-closing-box .leak-hours{font-size:13px;margin-top:14px}
.oil-leak-page .leak-closing-actions{display:grid;gap:12px}
.oil-leak-page .leak-closing-actions .btn{justify-content:center}
@media(max-width:1100px){.oil-leak-page .leak-cost-layout{gap:28px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.oil-leak-page .leak-price-rows article{grid-template-columns:1fr;gap:12px}.oil-leak-page .leak-price-rows strong{padding-top:0}.oil-leak-page .leak-quote-panel{padding:24px}}
@media(max-width:1024px){.oil-leak-page .hero-media{max-width:720px}.oil-leak-page .leak-diagnosis-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px}.oil-leak-page .leak-pressure-layout{gap:32px}.oil-leak-page .leak-parts-layout{gap:32px}.oil-leak-page .leak-handover-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.oil-leak-page .leak-closing-box{grid-template-columns:1fr}.oil-leak-page .leak-closing-actions{display:flex;flex-wrap:wrap}}
@media(max-width:760px){.oil-leak-page .leak-cost-layout,.oil-leak-page .leak-diagnosis-layout,.oil-leak-page .leak-pressure-layout,.oil-leak-page .leak-parts-layout,.oil-leak-page .leak-source-grid{grid-template-columns:1fr}.oil-leak-page .leak-warning-rows article{grid-template-columns:1fr;gap:12px}.oil-leak-page .leak-underbody{max-width:500px}.oil-leak-page .leak-fluid-panel{padding:24px}.oil-leak-page .leak-closing-box{padding:26px;gap:26px}.oil-leak-page .leak-source-grid{gap:26px}.oil-leak-page .leak-parts-layout{margin-top:36px}}
@media(max-width:520px){.oil-leak-page .leak-handover-flow{grid-template-columns:1fr}.oil-leak-page .leak-closing-actions{display:grid}.oil-leak-page .leak-closing-actions .btn{white-space:normal;text-align:center}.oil-leak-page .leak-price-cue strong{font-size:17px}.oil-leak-page .service-parts-options{grid-template-columns:1fr;gap:20px}.oil-leak-page .service-parts-options>div+div{border-top:1px solid var(--line);padding-top:20px}}

/* Rear main seal consolidation: reuse existing oil-leak composition. */
.oil-leak-page #oil-leak-pressure{scroll-margin-top:145px}
.oil-leak-page .leak-rear-quote{margin-top:24px;padding-top:22px;border-top:1px solid var(--border,#dce4e8)}
.oil-leak-page .leak-rear-quote>strong{display:block;color:var(--navy,#001e50);font-size:17px}
.oil-leak-page .leak-rear-quote p{font-size:14.5px;line-height:1.7;margin:10px 0 18px}
@media(max-width:760px){.oil-leak-page #oil-leak-pressure{scroll-margin-top:120px}}
