/* Slava Driver — pages trajets : compléments SEO/GEO (accessibilité, lisibilité, mobile, impression) */
.skip{position:absolute;left:-9999px;top:0;z-index:100;padding:12px 18px;background:#0a0a0a;color:#fff;border-radius:0 0 10px 0}
.skip:focus{left:0}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0 14px;color:#777269;font-size:13px}
.crumbs a{color:#745439;text-decoration:underline}
.hero .eyebrow{margin:0 0 10px;color:#e2d6bf;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.hero .lead{max-width:760px;font-size:17px;color:#efece4}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.button.ghost{background:transparent;border:1px solid #f4f2eb88;color:#fff}
.button.ghost:hover{background:#ffffff1a}
.card caption,.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.card h2{margin:0 0 14px;font-size:clamp(22px,3vw,30px)}
.card h3{margin:22px 0 10px;font-family:Georgia,serif;font-size:clamp(18px,2.4vw,22px)}
.card .note{margin:12px 0 0;color:#6f6a60;font-size:13px;line-height:1.5}
main>article>section,main>article>div.grid{margin-bottom:22px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px 24px;margin:0}
.facts dt{color:#777269;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.facts dd{margin:2px 0 12px;font-size:15px}
.facts dd:last-child{margin-bottom:0}
.incl{margin:0;padding:0;list-style:none}
.incl li{position:relative;padding-left:26px;margin-bottom:8px}
.incl li:before{content:"✓";position:absolute;left:0;color:#a5947a;font-weight:700}
.steps{margin:0;padding:0;list-style:none;counter-reset:s}
.steps li{position:relative;padding-left:52px;margin-bottom:18px;counter-increment:s}
.steps li:last-child{margin-bottom:0}
.steps li:before{content:counter(s);position:absolute;left:0;top:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#0a0a0a;color:#a5947a;font:700 16px Georgia,serif}
.steps h3{margin:0 0 4px;font-size:clamp(17px,2.2vw,20px)}
.steps p{margin:0;color:#57534b}
.faq details{margin-bottom:10px;border:1px solid #e4ddce;border-radius:10px;background:#fdfcfa}
.faq details[open]{background:#fff}
.faq summary{padding:14px 16px;cursor:pointer;font-weight:700;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";float:right;margin-left:12px;color:#a5947a;font:700 20px/1 Arial,sans-serif}
.faq details[open] summary:after{content:"–"}
.faq details p{margin:0;padding:0 16px 15px;color:#4c4842}
.faq summary:focus-visible,main a:focus-visible{outline:3px solid #a5947a;outline-offset:2px}
footer .f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px;max-width:1100px;margin:0 auto;text-align:left}
footer h2{margin:0 0 10px;font-size:18px}
footer p{margin:0 0 8px;color:#c9c5bc;font-size:14px;line-height:1.6}
footer .copy{margin:24px 0 0;padding-top:18px;border-top:1px solid #ffffff1f;text-align:center;color:#8f8b83}
.floating a{font-weight:700;text-decoration:none}
@media(max-width:860px){footer .f-grid{grid-template-columns:1fr;gap:20px}}
@media(max-width:650px){
 .facts{grid-template-columns:1fr;gap:0}
 .facts dd{margin-bottom:14px}
 .hero-cta{gap:8px}
 .hero-cta .button{flex:1 1 100%}
 .crumbs{font-size:12px;margin:14px 0 10px}
 .steps li{padding-left:46px}
 .steps li:before{width:32px;height:32px;font-size:15px}
 .faq summary{padding:13px 14px;font-size:15px}
}
@media print{
 header,footer,.floating,.skip,.hero-cta,.crumbs{display:none!important}
 body{background:#fff;font-size:12pt}
 .hero{background:#fff!important;color:#000!important;padding:0}
 .card{border:1px solid #bbb;break-inside:avoid;page-break-inside:avoid}
 a[href^="http"]:after{content:" (" attr(href) ")";font-size:9pt;color:#555}
}