/* Pages fixes du site kilolink.fr — s'ajoute à /kl/app.css (mêmes couleurs, même typographie). */
body.site{padding-bottom:0}
body.site main{max-width:960px}
/* Téléphone : menu des pages sur une 2e ligne qui défile horizontalement. */
body.site .topbar{flex-wrap:wrap;row-gap:6px}
.site-nav{display:flex;order:3;width:100%;margin:0 -4px;overflow-x:auto;scrollbar-width:none;gap:2px}
.site-nav::-webkit-scrollbar{display:none}
.site-nav a{flex:none;padding:6px 10px;font-size:.9rem}
@media (min-width:980px){body.site .topbar{flex-wrap:nowrap}.site-nav{order:0;width:auto;margin:0 0 0 12px;overflow:visible}.site-nav a{padding:8px 12px;font-size:1rem}}
.page-hero{margin:-20px -16px 8px;padding:40px 20px 36px;background:linear-gradient(160deg,var(--navy),var(--blue) 70%,#3B8DFF);color:#fff}
.page-hero h1{font-size:clamp(1.9rem,5vw,2.8rem);margin-bottom:12px;max-width:22ch}
.page-hero p{max-width:60ch;color:var(--sky);font-size:1.08rem;line-height:1.55}
@media (min-width:860px){.page-hero{margin:0 0 8px;border-radius:28px;padding:56px 48px 48px}}
body.site section{margin-top:40px}
body.site section>h2{margin-bottom:14px}
body.site section>p{max-width:65ch;line-height:1.6;color:var(--ink);margin-bottom:14px}
.site-cards{display:grid;gap:12px}
@media (min-width:700px){.site-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}
.site-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}
.site-card h3{margin-bottom:6px;color:var(--navy)}
.site-card p{color:var(--muted);line-height:1.55}
.steps h3{margin-bottom:4px}
.site-list{margin:0;padding-left:22px;display:grid;gap:10px;max-width:68ch;line-height:1.55}
.site-links,.plain{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.site-links a{font-weight:600}
.plain li span{color:var(--muted);font-size:.9rem}
.route-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media (min-width:700px){.route-list{grid-template-columns:1fr 1fr}}
.route-list li{display:grid;gap:2px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md)}
.route-list span{font-size:.88rem;color:var(--muted)}
.faq{display:grid;gap:10px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px}
.faq-item summary{cursor:pointer;font-weight:600;color:var(--navy);list-style-position:outside}
.faq-item[open] summary{margin-bottom:8px}
.faq-item p{line-height:1.6;max-width:68ch}
.site-cta{padding:28px 24px;border-radius:var(--r-lg);background:var(--sky-2);border:1px solid var(--sky);text-align:center}
.site-cta p{color:var(--muted);margin:6px auto 16px}
.cta-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.site-footer{max-width:960px;margin:56px auto 0;padding:24px 16px 32px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:10px}
.site-footer a{color:var(--muted)}
