.article-page{background:#fff;color:var(--ink)}
.article-main{padding-top:92px}
.article-hero{background:var(--pine);color:#fff;padding:96px var(--page-gutter) 80px}
.article-hero-inner{max-width:1050px;margin:auto}
.article-kicker{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#b8c8d9;margin-bottom:24px}
.article-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:32px;color:#d9e4ef;font-size:.875rem;font-weight:500;transition:color .2s ease}
.article-back span{transition:transform .2s ease}
.article-back:hover,.article-back:focus-visible{color:#fff}
.article-back:hover span{transform:translateX(-3px)}
.article-hero h1{max-width:950px;font-size:clamp(2.65rem,5.8vw,5.9rem);line-height:1.04}
.article-lead{max-width:710px;margin-top:28px;color:#d9e4ef;font-size:clamp(1.05rem,1.7vw,1.25rem);line-height:1.7}
.article-cover{width:min(920px,calc(100% - (var(--page-gutter) * 2)));height:auto;aspect-ratio:2.1;object-fit:cover;object-position:50% 35%;margin:0 auto;transform:translateY(-1px);border-radius:0 0 var(--card-radius) var(--card-radius)}
.article-body{max-width:780px;margin:0 auto;padding:72px 24px 96px;font-size:1.1rem;line-height:1.8}
.article-body>p{margin:0 0 24px;color:#33475d}
.article-body h2{margin:52px 0 16px;font-size:clamp(1.85rem,3vw,2.8rem);color:var(--pine)}
.article-body ul{margin:0 0 28px;padding-left:1.25em;color:#33475d}
.article-body li+li{margin-top:10px}
.article-note{margin:44px 0 0;padding:28px 30px;border-left:4px solid var(--red);border-radius:0 var(--button-radius) var(--button-radius) 0;background:var(--mint);color:var(--pine);font-weight:500}
/* Closing call under the article: plain white, on the reading column,
   the question on the left and the button on its right. */
.article-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-items:center;max-width:732px;margin:0 auto 96px;padding:36px 0 0;border-top:1px solid var(--line);background:#fff;text-align:left}
.article-page .article-cta h2{grid-column:1;max-width:none;margin:0;font-size:clamp(1.375rem,2.2vw,1.75rem);line-height:1.25;letter-spacing:-.03em;text-wrap:balance}
.article-cta p{grid-column:1;max-width:520px;margin:10px 0 0;color:var(--muted);font-size:.9375rem;line-height:1.6}
.article-cta .button{grid-column:2;grid-row:1/3;background:var(--pine);color:#fff;white-space:nowrap}
.article-cta .button:hover,.article-cta .button:focus-visible{background:#213852;color:#fff;box-shadow:none}
@media(max-width:700px){
 .article-main{padding-top:76px}
 .article-hero{padding:72px 24px 56px}
 .article-hero h1{font-size:2.65rem}
 .article-lead{font-size:1rem}
 .article-cover{width:100%;border-radius:0;aspect-ratio:1.6}
 .article-body{padding:52px 24px 64px;font-size:1rem}
 .article-body h2{margin-top:42px;font-size:2rem}
 .article-note{padding:22px 20px}
 .article-cta{grid-template-columns:1fr;margin:0 24px 56px;padding-top:28px}
 .article-cta .button{grid-column:1;grid-row:auto;justify-self:start;margin-top:20px}
}

/* Analyses: articles built on public statistics — a byline, key figures,
   simple bar charts, a table and the sources at the foot. */
.article-byline{margin-top:24px;color:#b8c8d9;font-size:.875rem}
.article-body a:not(.button){color:var(--pine);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.article-body a:not(.button):hover{color:var(--red)}
.article-body h3{margin:36px 0 12px;font-size:clamp(1.2rem,2vw,1.4rem);line-height:1.3;color:var(--pine)}
.article-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 40px!important;padding:0!important;list-style:none}
.article-figures li{display:grid;align-content:start;gap:8px;margin:0!important;padding:20px;border:1px solid var(--line);border-radius:var(--button-radius);background:#fff}
.article-figures strong{color:var(--pine);font:700 clamp(1.75rem,3vw,2.25rem)/1.05 var(--serif);letter-spacing:-.04em}
.article-figures span{color:#33475d;font-size:.875rem;line-height:1.5}
.article-figures small{color:#7a8899;font-size:.75rem;line-height:1.4}
.article-chart{margin:12px 0 36px;padding:24px;border:1px solid var(--line);border-radius:var(--card-radius)}
.article-chart figcaption{margin-bottom:18px;color:var(--pine);font:700 1rem/1.4 var(--serif);letter-spacing:-.01em}
.article-bars{display:grid;gap:12px;margin:0!important;padding:0!important;list-style:none}
.article-bars li{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr) 4.5rem;align-items:center;gap:12px;margin:0!important;color:#33475d;font-size:.875rem;line-height:1.35}
.article-bars i{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,#8fa1b5 var(--w),var(--mint) 0)}
.article-bars li.is-key i{background:linear-gradient(90deg,var(--red) var(--w),var(--mint) 0)}
.article-bars b{color:var(--pine);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
.article-chart>small{display:block;margin-top:16px;color:#7a8899;font-size:.75rem;line-height:1.5}
.article-table-wrap{margin:12px 0 36px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--button-radius)}
.article-table{width:100%;border-collapse:collapse;font-size:.9375rem;line-height:1.5;color:#33475d}
.article-table th,.article-table td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.article-table thead th{background:var(--mint);color:var(--pine);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.article-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.article-table tbody tr:last-child>*{border-bottom:0}
.article-sources{margin-top:56px;padding-top:28px;border-top:1px solid var(--line)}
.article-body .article-sources h2{margin:0 0 14px;font-size:1.25rem}
.article-sources ol{margin:0;padding-left:1.4em;color:#33475d;font-size:.875rem;line-height:1.6}
.article-sources li+li{margin-top:8px}
@media(max-width:700px){
 .article-figures{grid-template-columns:1fr}
 .article-chart{padding:18px}
 .article-bars li{grid-template-columns:minmax(0,1fr) 4rem;row-gap:6px}
 .article-bars li>span{grid-column:1/-1}
 .article-table{font-size:.875rem}
 .article-table th,.article-table td{padding:10px 12px}
}
/* on a phone the columns share the width instead of scrolling sideways */
@media(max-width:560px){
 .article-table{font-size:.8125rem;line-height:1.45}
 .article-table th,.article-table td{padding:9px 10px}
 .article-table thead th{font-size:.625rem;letter-spacing:.05em}
 .article-table td.num{white-space:normal;text-align:left}
}

.articles-main{padding-top:92px}
.articles-hero{padding:100px var(--page-gutter) 72px;background:var(--pine);color:#fff}
.articles-hero-inner{max-width:1012px;margin:auto}
.articles-hero h1{text-wrap:balance}
.articles-hero h1{font-size:clamp(2.8rem,6vw,6rem);line-height:1.02}
.articles-hero p:last-child{max-width:620px;margin-top:24px;color:#d9e4ef;font-size:1.125rem;line-height:1.7}
.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1060px;margin:0 auto;padding:72px 24px 96px}
.articles-grid .article-card{display:flex;flex:initial;flex-direction:column;padding:0;border:1px solid var(--line);border-radius:var(--card-radius);overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}
.articles-grid .article-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #071d3614}
.articles-grid .article-image{border-radius:0;aspect-ratio:1.6}
.articles-grid .article-card h2,.articles-grid .article-card h3,.articles-grid .article-card p:not(.article-meta){margin-left:20px;margin-right:20px}
.articles-grid .article-meta{margin:18px 20px 8px;color:#61728a}
.articles-grid .article-card h2{font-size:clamp(1.55rem,2vw,2rem);line-height:1.12}
.articles-grid .article-excerpt{display:block;margin-top:10px!important;margin-bottom:22px!important;color:var(--muted);font-size:.875rem;line-height:1.6}
@media(max-width:900px){.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.articles-main{padding-top:76px}.articles-hero{padding:72px 24px 52px}.articles-hero h1{font-size:2.75rem}.articles-hero p:last-child{font-size:1rem}.articles-grid{grid-template-columns:1fr;padding:48px 20px 64px;gap:20px}.articles-grid .article-card h2{font-size:1.8rem}}

/* Personvernerklæring (personvern.html) */
.legal-hero h1{font-size:clamp(2.4rem,5vw,4.6rem);overflow-wrap:break-word}
.legal-hero .article-kicker{width:fit-content;padding-bottom:8px;border-bottom:2px solid var(--red)}
.legal-hero h1 span{color:var(--red)}
.legal-body>.legal-updated{margin:0 0 28px;color:var(--muted);font-size:.875rem;letter-spacing:.04em}
.legal-body h3{margin:36px 0 12px;font-size:clamp(1.3rem,2vw,1.55rem);line-height:1.25;color:var(--pine)}
.legal-body h2+h3{margin-top:20px}
.legal-body strong{color:var(--pine);font-weight:600}
.legal-body a:not(.button){color:var(--pine);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-body a:not(.button):hover{color:var(--red)}
.legal-summary{margin:36px 0;padding:26px 30px;border-left:4px solid var(--red);border-radius:0 var(--button-radius) var(--button-radius) 0;background:var(--mint);color:var(--pine)}
.legal-body .legal-summary ul{margin:0;color:var(--pine)}
.legal-summary-title,.legal-toc-title{margin:0 0 12px;font-family:var(--serif);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;color:var(--pine)}
.legal-toc{margin:0 0 12px;padding:26px 30px;border:1px solid var(--line);border-radius:var(--card-radius)}
.legal-toc ol{margin:0;padding-left:1.4em;columns:2;column-gap:40px;font-size:1rem;line-height:1.5;color:#33475d}
.legal-toc li{break-inside:avoid;margin:0 0 8px}
.legal-body .legal-toc a{text-decoration:none}
.legal-body .legal-toc a:hover{text-decoration:underline}
.legal-body .legal-list li+li{margin-top:14px}
.legal-body ul.legal-contact{padding-left:0;list-style:none;color:var(--pine)}
.legal-body .legal-contact li+li{margin-top:2px}
.legal-table-wrap{margin:8px 0 28px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--button-radius)}
.legal-table-wrap:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.legal-table{width:100%;min-width:600px;border-collapse:collapse;font-size:.9375rem;line-height:1.55;color:#33475d}
.legal-table th,.legal-table td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.legal-table thead th{background:var(--mint);color:var(--pine);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.legal-table tbody th{color:var(--pine);font-weight:600;white-space:nowrap}
.legal-table tbody tr:last-child>*{border-bottom:0}
@media(max-width:700px){
 .legal-hero h1{font-size:clamp(1.9rem,8.6vw,2.65rem)}
 .legal-summary,.legal-toc{padding:22px 20px}
 .legal-toc ol{columns:1}
 .legal-table{min-width:520px;font-size:.875rem}
 .legal-table th,.legal-table td{padding:12px 14px}
}
@media(max-width:560px){
 .legal-table-wrap{overflow:visible;border:0;border-radius:0}
 .legal-table,.legal-table tbody,.legal-table tr,.legal-table th,.legal-table td{display:block;width:auto;min-width:0}
 .legal-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .legal-table tr{padding:16px 18px;border:1px solid var(--line);border-radius:var(--button-radius)}
 .legal-table tr+tr{margin-top:12px}
 .legal-table th,.legal-table td{padding:0;border:0}
 .legal-table tbody th{margin-bottom:6px;font-size:1rem;white-space:normal}
 .legal-table td+td{margin-top:6px}
}