/*
 * Víkingur 26: the child welfare page (page-verndunogvelferdbarna.php),
 * after the design's WelfarePage (ui_kits/web/Welfare.jsx).
 */

/* ── Contents and body ── */
.vik-wf{padding-top:64px}
.vik-wf__grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:72px}
.vik-wf-toc{position:sticky;top:108px;align-self:start;display:grid;border-left:1px solid var(--border-hairline)}
.vik-wf-toc__label{padding:0 0 12px 20px;font-family:var(--font-condensed);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.vik-wf-toc__link{margin-left:-1px;padding:10px 0 10px 20px;border-left:2px solid transparent;font-size:15px;color:var(--text-secondary);text-decoration:none;transition:color var(--dur-fast),border-color var(--dur-fast)}
.vik-wf-toc__link:hover{color:var(--ink)}
.vik-wf-toc__link.is-active{border-left-color:var(--vik-astrida);color:var(--ink);font-weight:700}
.vik-wf__body{display:grid;gap:72px;max-width:780px;min-width:0}
.vik-wf-sec,.vik-wf-report{scroll-margin-top:100px}
.vik-wf-sec__title{margin:0 0 20px;font-family:var(--font-display);font-weight:900;font-size:clamp(34px,3.4vw,52px);line-height:.9;text-transform:uppercase;text-wrap:balance}
.vik-wf-sec p{margin:0 0 18px;font-size:18px;line-height:1.65}
.vik-wf-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--border-hairline)}
.vik-wf-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--border-hairline);font-size:17px;line-height:1.55}
.vik-wf-list .vik-icon{margin-top:3px;color:var(--vik-astrida)}
.vik-wf-defs{display:grid;gap:16px}
.vik-wf-def{padding:24px 28px;border-radius:var(--radius-card);background:var(--canvas)}
.vik-wf-def h3{margin:0 0 10px;font-family:var(--font-condensed);font-weight:700;font-size:22px;text-transform:uppercase}
.vik-wf-sec .vik-wf-def p{margin:0;font-size:17px}

/* ── Reporting ── */
.vik-wf-report{display:grid;gap:24px;padding:clamp(28px,4vw,48px);border-radius:var(--radius-card);background:var(--black);color:#fff}
.vik-wf-report .vik-wf-sec__title{margin:0;color:#fff}
.vik-wf-report p{margin:0;font-size:18px;line-height:1.65;color:rgba(255,255,255,.88)}
.vik-wf-report p strong,.vik-wf-report p b{color:#fff}
.vik-wf-report__people{display:grid;gap:12px}
.vik-wf-report__label{font-family:var(--font-condensed);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.vik-wf-report__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vik-wf-report__person{display:grid;gap:4px;padding:18px 20px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-card)}
.vik-wf-report__person b{font-family:var(--font-condensed);font-size:22px;text-transform:uppercase}
.vik-wf-report__person span{font-size:15px;color:rgba(255,255,255,.75)}
.vik-wf-report__person a{display:inline-flex;align-items:center;gap:6px;justify-self:start;margin-top:4px;font-size:14px;color:#fff;overflow-wrap:anywhere}
.vik-wf-report__actions{display:flex;gap:8px;flex-wrap:wrap}

/* ── Documents ── */
.vik-wf-docs{border-top:1px solid var(--border-hairline)}
.vik-wf-doc{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--border-hairline);color:var(--ink);text-decoration:none;transition:color var(--dur-fast)}
.vik-wf-doc:hover{color:var(--vik-astrida)}
.vik-wf-doc__name{display:flex;align-items:center;gap:14px;min-width:0;font-size:17px;font-weight:600;line-height:1.35}
.vik-wf-doc__name .vik-icon{flex:none}
.vik-wf-doc__kind{display:flex;align-items:center;gap:10px;flex:none;font-family:var(--font-condensed);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}

/* ── As written (when the page no longer parses) ── */
.vik-wf-raw{max-width:780px;font-size:18px;line-height:1.65}

@media (max-width:1180px){
	.vik-wf__grid{grid-template-columns:1fr}
	.vik-wf-toc{display:none}
}
@media (max-width:640px){
	.vik-wf{padding-top:40px}
	.vik-wf__body{gap:56px}
	.vik-wf-sec p,.vik-wf-report p{font-size:17px}
	.vik-wf-def{padding:20px}
	.vik-wf-report__grid{grid-template-columns:1fr}
	.vik-wf-doc__kind>span{display:none}
}
@media (prefers-reduced-motion:no-preference){html:has(.vik-wf){scroll-behavior:smooth}}