/* Artiklene bruker idgos eksisterende tokens fra style.css. Ingen egen palett. */
.article-page .chrome-top-inner { padding-block:12px; }
.article-page .las { --merke:22px; min-height:48px; min-width:64px; }
.article-nav { margin-right:auto; padding-left:16px; }
.article-nav a { color:var(--tekst-dempet); font-size:14px; min-height:48px; display:flex; align-items:center; }
.article-page .sprakbryter a { min-height:44px; display:flex; align-items:center; }
.article-hero { max-width:720px; margin:0 auto; padding:56px 0 32px; }
.article-hero h1,.article-index h1 { font:800 var(--t-display)/1.08 var(--font-overskrift); letter-spacing:-.03em; margin:0 0 16px; }
.article-lead { font-size:16px; line-height:1.75; color:var(--tekst-dempet); max-width:610px; }
.article-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:24px; }
.article-actions a { min-height:48px; display:flex; align-items:center; }
.article-actions>a:not(.knapp) { font-size:13px; }
.article-summary { max-width:720px; margin:0 auto; padding:24px; border:1px solid var(--kant); border-radius:var(--radius-kort); background:var(--flate); }
.article-summary h2 { font-size:18px; margin:0 0 16px; }
.article-summary ul { margin:0 0 16px; padding-left:18px; display:grid; gap:12px; }
.article-summary li { color:var(--tekst); font-size:14px; line-height:1.75; }
.article-summary p { margin:0; color:var(--tekst-dempet); font-size:13px; line-height:1.75; }
.article-toc { max-width:720px; margin:0 auto; display:flex; flex-wrap:wrap; gap:0 24px; padding:16px 0; }
.article-toc a { display:flex; align-items:center; min-height:48px; font-size:13px; }
.article-reading { max-width:720px; margin:0 auto; }
.article-reading>section { padding:28px 0; scroll-margin-top:24px; }
.article-reading h2,.tool-heading h2 { font-size:18px; font-weight:600; margin-bottom:16px; }
.article-reading p,.article-reading li { color:var(--tekst); font-size:14px; line-height:1.8; }
.prerequisites { padding-left:18px; display:grid; gap:12px; margin:0 0 20px; }
.access-details summary { min-height:48px; padding-block:12px; cursor:pointer; color:var(--tekst-dempet); font-size:14px; }
.access-details p { max-width:640px; margin-top:8px; }
.article-tool { padding:32px 0 48px; margin-top:16px; scroll-margin-top:20px; }
.tool-heading { display:flex; gap:24px; justify-content:space-between; align-items:start; margin-bottom:24px; }
.tool-heading h2 { margin-bottom:8px; }
.tool-heading p { color:var(--tekst-dempet); font-size:14px; line-height:1.75; margin:0; }
.tool-heading button { flex:none; }
.article-tool .step-list button { min-height:54px; }
.article-tool .step-list button:disabled { opacity:1; }
.article-tool .check-row { min-height:44px; align-items:center; }
.article-tool details>summary { min-height:48px; padding:14px 0; cursor:pointer; font-size:13px; }
.article-tool .knapp,.article-tool .knapp-sekundar,.article-tool .knapp-lenke,.article-tool .conflict-choices button { min-height:44px; }
.article-faq { padding:32px 0; scroll-margin-top:24px; }
.article-faq details { padding:0 20px; margin-bottom:8px; background:var(--flate); border:1px solid var(--kant); border-radius:var(--radius-kort); }
.article-faq summary { font-size:14px; font-weight:500; padding:18px 0; cursor:pointer; }
.article-faq details p { font-size:14px; color:var(--tekst-dempet); padding-bottom:12px; }
.article-footer { max-width:calc(1080px + 48px); padding:24px; margin:auto; display:flex; gap:24px; }
.article-footer a { font-size:13px; min-width:48px; min-height:48px; display:flex; align-items:center; color:var(--tekst-dempet); }
.article-index { padding-top:56px; min-height:calc(100vh - 200px); }
.article-index>header { max-width:720px; margin-bottom:32px; }
.article-card { display:grid; grid-template-columns:340px 1fr; gap:28px; align-items:center; border:1px solid var(--kant); border-radius:var(--radius-kort); padding:24px; overflow:hidden; color:var(--tekst); margin-bottom:48px; background:var(--flate); transition:border-color var(--overgang),background var(--overgang); }
@media(hover:hover) { .article-card:hover { border-color:var(--kant-hover); background:var(--flate-hover); text-decoration:none; color:var(--tekst); } }
.article-thumbnail { border-radius:var(--radius-kontroll); background:var(--felt); overflow:hidden; }
.article-thumbnail img { display:block; width:100%; height:auto; }
.article-card-content h2 { font:800 28px/1.2 var(--font-overskrift); margin:0 0 14px; }
.article-card-content p { color:var(--tekst-dempet); font-size:14px; line-height:1.75; margin:0 0 14px; max-width:480px; }
.article-card-link { color:var(--aksent-lys); font-size:13px; }
@media(max-width:760px) {
 .article-page .chrome-top-inner { gap:12px; }
 .article-nav { padding-left:0; }
 .article-nav a { font-size:13px; }
 .article-page .sprakbryter a { padding-inline:9px; font-size:12px; }
 .article-hero { padding:32px 0 24px; }
 .article-hero h1,.article-index h1 { font-size:38px; }
 .article-lead { font-size:15px; }
 .article-actions { gap:20px; }
 .article-summary { padding:20px; }
 .article-toc { gap:0 20px; }
 .article-reading>section { padding:20px 0; }
 .tool-heading { gap:12px; }
 .tool-heading p { max-width:210px; }
 .article-tool { padding-top:24px; }
 .article-tool .step-list button { min-height:44px; }
 .article-tool #progress { padding:12px; max-height:40svh; }
 .article-faq { padding-top:24px; }
 .article-faq details { padding-inline:16px; }
 .article-footer { padding:20px 16px; gap:20px; }
 .article-index { padding-top:32px; }
 .article-card { grid-template-columns:1fr; gap:24px; padding:20px; }
 .article-card-content h2 { font-size:24px; }
}

/* Lange instruksjoner leses i samme tekstbredde som artikkelen. */
.article-summary li,.article-summary p,.article-reading p,#chapter p { max-width:68ch; }
.article-tool button:disabled { color:var(--tekst-dempet); }