/* Shared visual reference: approved Transporter design. */
.reference-page{--paper:#edf3f3;--navy:#0b303b;--blue:#147c8d;--muted:#546c75}
.reference-page main h1,.reference-page main h2,.reference-page main h3{font-family:Roboto,Arial,sans-serif;text-transform:none;letter-spacing:-.02em}
.reference-page main h2{font-size:clamp(24px,2.25vw,30px);line-height:1.3;margin-bottom:20px}
.reference-page main h3{font-size:23px;line-height:1.3;font-weight:500}
.reference-page main p{line-height:1.8}
.reference-page .reference-hero,.reference-page .waiting-hero{position:relative;isolation:isolate;background:#0b303b;color:#fff;min-height:560px;padding:165px 0 80px;overflow:hidden;border:0}
.reference-page .reference-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.reference-page .reference-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,23,32,.94),rgba(4,23,32,.78) 44%,rgba(4,23,32,.22))}
.reference-page .reference-hero h1,.reference-page .waiting-hero h1{font-family:Arial,sans-serif;font-size:clamp(3.1rem,4.7vw,4.6rem);font-weight:600;letter-spacing:-.048em;line-height:1.1;color:#fff;max-width:920px;overflow-wrap:normal}
.reference-page .reference-hero h1 span{color:#b2edf1}
.reference-page .reference-hero p,.reference-page .waiting-hero p{max-width:560px;margin:27px 0 0;font-size:1.1rem;line-height:1.75;color:#f1f6f8}
.reference-page .reference-hero .eyebrow{color:#d2f2f6;margin-bottom:24px}
.reference-page .breadcrumbs,.reference-page .breadcrumbs a{color:inherit}
.reference-photo-header .header{position:absolute;top:0;left:0;width:100%;z-index:20;background:transparent;color:#fff;border:0}
.reference-photo-header .header .brand{background:transparent;padding:0}
.reference-photo-header .header .menu{background:#083e4aad;color:#fff;border-color:#ffffff80}
.reference-photo-header .header .navlinks>.button{background:#b2edf1;color:#0b303b}
.reference-page .waiting-hero-content{padding-block:0}
.reference-page .reference-caption{font-size:13px;color:var(--muted);padding-block:12px}
.reference-page .article-layout{grid-template-columns:minmax(0,1fr) 260px;gap:48px;align-items:start}
.reference-page .article-body>.article-section{margin:0 0 48px}
.reference-page .article-body p+p{margin-top:16px}
.reference-page .article-body>.article-section>p{max-width:68ch}
.reference-page main img,.reference-page main figure,.reference-page main .card,.reference-page main aside,.reference-page .share-panel,.reference-page .vehicle-offer,.reference-page .auto-price-card,.reference-page .auto-product-image{border-radius:0}
.reference-page .vehicle-image{padding:0;background:transparent;margin:28px 0}
.reference-page figure figcaption{font-size:13px;color:var(--muted);text-align:left;margin:0;padding:10px 0 12px;border-bottom:1px solid #d7e1e5}
.reference-page .article-aside,.reference-page .personal-advice{padding:24px 20px;background:transparent;border-top:2px solid #147c8d;border-bottom:1px solid #d7e1e5}
.reference-page .personal-advice .advice-portrait{max-width:160px;margin:16px auto 20px}
.reference-page .personal-advice .advice-name{font-size:18px;line-height:1.4}
.reference-page .personal-advice p{font-size:14px;line-height:1.6}
.reference-page .vehicle-offer{padding:30px;background:#edf3f3;border-top:2px solid #147c8d}
.reference-page .auto-price-grid{gap:0}
.reference-page .auto-price-card{padding:24px;background:transparent;border:0;border-left:1px solid #a6bfc5}
.reference-page .auto-price-card:first-child{border-left:0}
.reference-page .auto-product-image{background:white;padding:16px}
.reference-page .vehicle-price{font-size:clamp(28px,3vw,38px);line-height:1.25}
.reference-page .vehicle-offer-actions .button{padding:13px 15px;font-size:14px}
.reference-page .vehicle-faq{counter-reset:faq-item;background:#edf3f3;padding:32px;border-top:2px solid #a4bcc1}
.reference-page .vehicle-faq details{counter-increment:faq-item;margin:0;border:0;border-bottom:1px solid #c8d6d9;border-radius:0;background:transparent;overflow:visible}
.reference-page .vehicle-faq details:first-of-type{border-top:1px solid #c8d6d9}
.reference-page .vehicle-faq summary{display:grid;grid-template-columns:30px 1fr 30px;gap:16px;padding:24px 16px;font-family:inherit;font-size:1.05rem;font-weight:600;color:#0b303b;cursor:pointer;list-style:none}
.reference-page .vehicle-faq summary:before{content:counter(faq-item,decimal-leading-zero);font-size:.75rem;font-weight:400;color:#72888f;letter-spacing:.08em}
.reference-page .vehicle-faq summary:after{content:"+";display:grid;place-items:center;width:30px;height:30px;border:1px solid #b6c8cc;color:#137b8b;font-size:1.3rem}
.reference-page .vehicle-faq summary:hover{background:#eaf1f1}
.reference-page .vehicle-faq details[open],.reference-page .vehicle-faq details[open] summary{background:#0b303b;color:#f2f5f4}
.reference-page .vehicle-faq details[open] summary:before{color:#ccb68a}
.reference-page .vehicle-faq details[open] summary:after{content:"−";border-color:#8e8469;color:#e2cfa7}
.reference-page .vehicle-faq .faq-answer{padding:0 62px 28px;color:#c7d6da}
.reference-page .vehicle-faq .faq-answer p{color:inherit}
.reference-page .vehicle-faq summary:focus-visible{outline:2px solid #b69b66;outline-offset:-3px}
.reference-page .waiting-note,.reference-page .waiting-tip,.reference-page .workshop-bottom aside{border-radius:0;border-top:2px solid #147c8d;background:#edf3f3}
.reference-page .legal{padding-top:64px;padding-bottom:72px;max-width:1000px}
.reference-page .legal h1{font-size:clamp(36px,4.7vw,64px);color:#0b303b;margin-bottom:36px}
.reference-page .legal h2{margin-top:40px}
@media(max-width:1000px){.reference-page .article-layout{grid-template-columns:minmax(0,1fr);gap:32px}.reference-page .personal-advice{max-width:440px}.reference-page .personal-advice .advice-portrait{margin-left:0}}
@media(max-width:760px){.reference-page .reference-hero,.reference-page .waiting-hero{min-height:540px;padding:140px 0 56px}.reference-page .reference-hero h1,.reference-page .waiting-hero h1{font-size:clamp(2.45rem,8.8vw,3.55rem);overflow-wrap:anywhere}.reference-page .reference-hero p{font-size:1rem}.reference-photo-header .navlinks{background:white;color:var(--navy)}.reference-page .reference-hero:after{background:linear-gradient(90deg,rgba(4,23,32,.92),rgba(4,23,32,.65))}}
@media(max-width:700px){.reference-page .auto-price-card{border-left:0;border-top:1px solid #a6bfc5;padding:24px 0}.reference-page .auto-price-card:first-child{border-top:0}}
@media(max-width:600px){.reference-page .article-body>.article-section{margin-bottom:36px}.reference-page .vehicle-offer{padding:24px 20px}.reference-page .vehicle-faq{padding:24px 14px}.reference-page .vehicle-faq summary{padding:21px 12px;grid-template-columns:22px 1fr 26px;gap:10px;font-size:1rem}.reference-page .vehicle-faq summary:after{width:26px;height:26px}.reference-page .vehicle-faq .faq-answer{padding:0 18px 24px 44px}}
body.reference-page.reference-photo-header .header{position:absolute;background:transparent}
.reference-page .personal-advice .advice-portrait{border-radius:0}
.reference-page .waiting-steps article{background:transparent;border-radius:0;border:0;border-left:1px solid #a6bfc5;padding:28px}
.reference-page .waiting-steps article:first-child{border-left:0}
.reference-page .telephone-card{border-radius:0;border-top:2px solid #147c8d}
@media(max-width:760px){.reference-page .waiting-steps article{border-left:0;border-top:1px solid #a6bfc5}}
/* Hero actions match homepage and Transporter. */
.reference-page .reference-hero,.reference-page .waiting-hero{min-height:680px;padding-top:175px;padding-bottom:100px}
.reference-page .reference-hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px;align-items:stretch}
.reference-page .reference-hero-actions .button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:#b2edf1;color:#0b3540;border:2px solid #b2edf1;border-radius:2px;padding:16px 22px;text-decoration:none;font:700 14px/1.4 Arial,sans-serif}
.reference-page .reference-hero-actions .button:hover{background:#d8f9fb;border-color:#d8f9fb}
.reference-page .reference-hero-actions .button.outline{background:#f8cd7a;border-color:#f8cd7a;color:#083440;box-shadow:0 6px 20px #001b2933}
.reference-page .reference-hero-actions .button.outline:hover{background:#ffe0a3;border-color:#ffe0a3}
.reference-page .reference-hero-actions .button:focus-visible{outline:3px solid white;outline-offset:4px}
@media(max-width:760px){.reference-page .reference-hero,.reference-page .waiting-hero{min-height:620px;padding-top:145px;padding-bottom:70px}.reference-page .reference-hero-actions{flex-direction:column;max-width:310px;margin-top:27px;gap:12px}.reference-page .reference-hero-actions .button{width:100%;white-space:normal}}