/*
 * Innehållssidorna (funktioner, integrationer, roller, guider, säkerhet), genererade av
 * scripts/bygg-innehall.py. Bygger på /doc.css (färger, typsnitt, sidhuvud, sidfot, bredd)
 * och lägger bara till det som innehållssidor behöver: brödsmulor, sektionsmeny, ingress,
 * kort, tabeller, ruta, FAQ, källor och avslutande uppmaning.
 * CSP (nginx.conf) tillåter style-src 'self', så filen laddas som vanlig länk.
 */
body{line-height:1.7;font-size:16px;}
.sektioner{border-bottom:1px solid var(--line);background:var(--surface);}
.sektioner .wrap{display:flex;gap:6px;flex-wrap:wrap;padding:8px 22px;}
.sektioner a{color:var(--muted);font-size:14px;font-weight:600;padding:6px 12px;border-radius:8px;}
.sektioner a:hover{background:var(--subtle);text-decoration:none;color:var(--ink);}
.sektioner a[aria-current="page"]{color:var(--primary-700);background:var(--subtle);}
.doc.innehall{padding:28px 22px 12px;}
.brodsmula ol{display:flex;flex-wrap:wrap;gap:0;margin:0 0 20px;padding:0;list-style:none;font-size:13.5px;color:var(--muted);}
.brodsmula li+li::before{content:"›";margin:0 8px;color:var(--faint);}
.brodsmula a{color:var(--muted);}
.brodsmula li[aria-current="page"]{color:var(--ink);font-weight:600;}
.innehall h1{font-size:34px;line-height:1.2;letter-spacing:-.6px;margin:0 0 10px;}
.innehall .ingress{font-size:19px;line-height:1.55;color:var(--muted);margin:0 0 28px;}
.innehall .artikelmeta{color:var(--faint);font-size:13.5px;margin:0 0 14px;}
.innehall h2{font-size:23px;line-height:1.3;margin:38px 0 10px;letter-spacing:-.3px;}
.innehall h3{font-size:18px;margin:26px 0 6px;}
.innehall ul,.innehall ol{padding-left:22px;}
.innehall li{margin-bottom:6px;}
.innehall code{background:var(--subtle);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:.92em;}
.innehall .tabell{overflow-x:auto;margin:16px 0;}
.innehall table{border-collapse:collapse;width:100%;font-size:14.5px;}
.innehall td,.innehall th{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top;}
.innehall th{background:var(--subtle);font-weight:600;}
.innehall .ruta{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:12px;padding:4px 18px;margin:22px 0;}
.innehall .draft{background:#fdecec;border:1px solid #f0b3b3;border-radius:12px;padding:13px 15px;font-size:14px;margin:0 0 24px;color:#7a1f1f;}
.innehall .draft b{color:#611616;}
.innehall .kort ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;}
.innehall .kort li{margin:0;}
.innehall .kort a{display:block;height:100%;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;color:var(--ink);}
.innehall .kort a:hover{border-color:var(--primary);text-decoration:none;}
.innehall .kort a b{display:block;font-size:16px;margin-bottom:4px;}
.innehall .kort a span{display:block;font-size:14px;line-height:1.5;color:var(--muted);}
.innehall .faq h3{margin-top:22px;}
.innehall .kallor{font-size:14px;color:var(--muted);}
.innehall .kallor h2{font-size:17px;}
.innehall .cta{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px 24px;margin:44px 0 12px;text-align:center;}
.innehall .cta h2{margin-top:0;}
.innehall .cta p{margin:0 0 16px;color:var(--muted);}
@media(max-width:560px){.innehall h1{font-size:27px;}.innehall .ingress{font-size:17px;}.innehall h2{font-size:21px;}}