/* Gemensam stil för RutPlans informationssidor (schemaprogram, RUT, körjournal, flytt). Samma färger som rutplan.html. */
:root{--dk:#0c3b3d;--dk2:#082b2d;--ac:#0f7c78;--ac2:#0b6764;--y:#ffc94d;--bg:#f2f7f6;--card:#fff;--tx:#14302f;--mu:#5c7472;--bd:#dbe8e5}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Figtree,Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--tx);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--ac)}
img{max-width:100%;height:auto;display:block;border-radius:16px}
.w{max-width:900px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:14px;font-weight:700;font-size:17px;text-decoration:none}
.btn.y{background:var(--y);color:var(--dk)}.btn.y:hover{background:#ffd56f}
.btn.o{border:2px solid rgba(255,255,255,.35);color:#fff}
nav{background:var(--dk)}
nav .w{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1160px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:21px;text-decoration:none}
.brand img{width:34px;height:34px;border-radius:9px}
nav .links{display:flex;gap:22px;align-items:center}
nav .links a{color:#cfe9e4;text-decoration:none;font-weight:600;font-size:15px}
nav .links .btn{padding:9px 16px;font-size:15px;color:var(--dk)}
@media(max-width:700px){nav .links a:not(.btn){display:none}}
header{background:linear-gradient(180deg,var(--dk),var(--dk2));color:#fff;padding:48px 0 56px}
.crumbs{font-size:14px;color:#9cc3bc;margin-bottom:14px}.crumbs a{color:#cfe9e4}
h1{font-size:clamp(32px,5vw,50px);line-height:1.08;letter-spacing:-1px;font-weight:800;margin-bottom:16px}
header p{font-size:clamp(17px,2vw,20px);color:#cfe9e4;max-width:680px}
header .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
main section{padding:44px 0 0}
h2{font-size:clamp(24px,3.2vw,32px);line-height:1.15;letter-spacing:-.5px;margin-bottom:14px}
h3{font-size:19px;margin-bottom:6px}
main p{margin-bottom:12px;font-size:17px}
main ul{margin:6px 0 14px 22px;font-size:17px}main li{margin-bottom:6px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:10px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:20px}
.card p{font-size:16px;color:var(--mu);margin:0}
.faq details{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:16px 18px;margin-bottom:10px}
.faq summary{font-weight:700;cursor:pointer;font-size:17px}
.faq p{margin:10px 0 0;color:var(--mu)}
.more{display:flex;flex-wrap:wrap;gap:10px}
.more a{background:var(--card);border:1px solid var(--bd);border-radius:999px;padding:9px 16px;text-decoration:none;font-weight:600;color:var(--tx)}
.box{background:var(--dk);color:#fff;border-radius:20px;padding:30px;margin:48px 0}
.box h2{color:#fff}.box p{color:#cfe9e4}
.box .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
footer{background:var(--dk2);color:#9cc3bc;padding:30px 0;font-size:15px;margin-top:40px}
footer .w{display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between;max-width:1160px}
footer a{color:#cfe9e4}