/* =====================================================================
   Skærmsund · forældrepakken — GULD-stylesheet
   Den fulde komponentpalet fra "De første skærmvaner" (FO-01).
   Flersidet A4-hæfte: cover + indersider med runhead, foot, sidetal.
   Bruges af alle forældrematerialer (FO-01 … FO-12).
   ===================================================================== */
:root{
  --vb-green:#004036; --vb-green-2:#00352D; --vb-green-3:#002A24;
  --vb-light:#6CBE9D; --vb-light-2:#8FCFB6; --vb-tint:#E7F0EC; --vb-tint-2:#F3F8F5;
  --white:#FFFFFF; --ink:#15201C; --ink-2:#38453F; --ink-3:#66726B;
  --rule:#D7E0DB; --rule-2:#C3D0C9;
  --sans:"Fira Sans","Helvetica Neue",Arial,sans-serif;
  --serif:"Bitter",Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
html,body{margin:0;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
body{background:#cdd6d1;color:var(--ink);font-family:var(--serif);font-size:15px;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding:32px 0 64px;}
::selection{background:var(--vb-light);color:var(--vb-green);}
.doc{width:210mm;margin:0 auto;}
.page{width:210mm;min-height:297mm;background:var(--white);margin:0 auto 26px;padding:24mm 22mm 22mm;position:relative;box-shadow:0 18px 48px rgba(0,32,26,.22);overflow:hidden;}
.page.cover{padding:0;color:#fff;background:var(--vb-green);}
.page.land{width:297mm;}
/* aliasser: værktøjsfiler bygget med .cover/.sheet */
.sheet{width:210mm;min-height:297mm;background:#fff;margin:0 auto 26px;padding:24mm 22mm 22mm;position:relative;box-shadow:0 18px 48px rgba(0,32,26,.22);overflow:hidden;}
.sheet.land{width:297mm;}
.cover{width:210mm;min-height:297mm;padding:0;color:#fff;background:var(--vb-green);position:relative;overflow:hidden;margin:0 auto 26px;box-shadow:0 18px 48px rgba(0,32,26,.22);}
h1,h2,h3,h4,.kicker,.eyebrow,.label,.btn,nav,.runhead,.foot,.meta,.stepn,.cardk{font-family:var(--sans);}
h2{font-weight:600;font-size:25px;line-height:1.12;letter-spacing:-.018em;color:var(--vb-green);margin:0 0 .5em;text-wrap:balance;}
h3{font-weight:600;font-size:17.5px;line-height:1.22;letter-spacing:-.01em;color:var(--ink);margin:0 0 .35em;}
h4{font-weight:600;font-size:14px;line-height:1.3;color:var(--ink);margin:0 0 .3em;}
p{margin:0 0 .85em;color:var(--ink-2);text-wrap:pretty;}
strong{color:var(--ink);font-weight:600;}em{font-style:italic;}a{color:var(--vb-green);}
.kicker{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vb-green);}
.kicker .mk{width:11px;height:14px;background:var(--vb-light);clip-path:polygon(50% 0,100% 0,100% 100%,50% 78%,0 100%,0 0);}
.runhead{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--ink-3);border-bottom:1px solid var(--rule);padding-bottom:9px;margin-bottom:22px;}
.runhead .r{color:var(--vb-green);}
.foot{position:absolute;left:22mm;right:22mm;bottom:13mm;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.06em;color:var(--ink-3);border-top:1px solid var(--rule);padding-top:8px;}
.foot .pg{font-weight:600;color:var(--vb-green);}
/* cover */
.cv-bar{display:flex;align-items:center;justify-content:space-between;padding:16mm 18mm 0;}
.vk-logo{display:inline-flex;align-items:center;gap:11px;}.vk-shield{width:30px;height:36px;}
.vk-word{display:flex;flex-direction:column;line-height:.92;font-family:var(--serif);}
.vk-word .a{font-weight:700;font-size:18px;letter-spacing:.04em;color:#fff;}
.vk-word .b{font-weight:400;font-size:11px;letter-spacing:.32em;margin-top:3px;color:rgba(255,255,255,.72);}
.cv-pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--sans);background:var(--vb-light);color:var(--vb-green);font-weight:700;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:5px 11px;}
.cv-body{padding:0 18mm;position:relative;}
.cv-kick{font-family:var(--sans);display:inline-flex;align-items:center;gap:9px;margin-top:30mm;font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--vb-light-2);}
.cv-kick .mk{width:12px;height:15px;background:var(--vb-light);clip-path:polygon(50% 0,100% 0,100% 100%,50% 78%,0 100%,0 0);}
.cv-h{font-family:var(--sans);font-weight:600;color:#fff;font-size:62px;line-height:.98;letter-spacing:-.03em;margin:16px 0 0;text-wrap:balance;}
.cv-h em{font-style:normal;color:var(--vb-light);}
.cv-sub{font-family:var(--serif);font-size:18px;line-height:1.5;color:rgba(255,255,255,.9);max-width:148mm;margin:22px 0 0;}
.cv-aud{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap;}
.cv-aud span{font-family:var(--sans);font-size:12px;letter-spacing:.04em;font-weight:500;border:1px solid rgba(255,255,255,.34);color:rgba(255,255,255,.94);padding:7px 13px;border-radius:999px;}
.cv-cut{position:absolute;left:0;right:0;bottom:0;height:64mm;overflow:hidden;z-index:0;}
.cv-cut::before{content:"";position:absolute;left:-6%;right:-6%;bottom:-30mm;height:90mm;background:var(--vb-green-2);transform:rotate(-7deg);transform-origin:bottom left;}
.cv-cut::after{content:"";position:absolute;left:-6%;right:-6%;bottom:-44mm;height:90mm;background:var(--vb-green-3);transform:rotate(-7deg);transform-origin:bottom left;}
.cv-meta{position:absolute;left:18mm;right:18mm;bottom:15mm;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;font-family:var(--sans);color:rgba(255,255,255,.82);font-size:11px;letter-spacing:.04em;}
.cv-meta .big{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;}
.cv-meta .ser{font-family:var(--serif);}
/* content blocks */
.lead-p{font-size:17px;line-height:1.55;color:var(--ink);font-weight:500;margin-bottom:1.1em;}
.two{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px;}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.sec{margin:0 0 26px;}.sec.tight{margin-bottom:18px;}
.rule-x{height:1px;background:var(--rule);border:0;margin:26px 0;}
.dyn{display:flex;flex-direction:column;gap:16px;margin:6px 0 0;}
.dyn .row{display:grid;grid-template-columns:38px 1fr;gap:16px;align-items:start;}
.dyn .n{font-family:var(--sans);font-weight:700;font-size:18px;color:var(--vb-green);width:38px;height:38px;display:grid;place-items:center;background:var(--vb-tint);border-radius:50%;}
.dyn h4{margin-bottom:.2em;}.dyn p{margin:0;font-size:14px;}
.note{background:var(--vb-tint-2);border-left:3px solid var(--vb-light);padding:16px 18px;margin:18px 0;}
.note .label{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--vb-green);margin-bottom:5px;}
.note p{margin:0;font-size:14px;}
.pull{font-family:var(--serif);font-style:italic;font-weight:500;font-size:22px;line-height:1.36;color:var(--vb-green);border-top:2px solid var(--vb-light);border-bottom:2px solid var(--vb-light);padding:18px 0;margin:24px 0;text-wrap:balance;}
.pull .by{display:block;font-style:normal;font-family:var(--sans);font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:10px;}
.steps{display:flex;flex-direction:column;gap:0;margin:8px 0 0;counter-reset:st;}
.steps .s{display:grid;grid-template-columns:30px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--rule);}
.steps .s:last-child{border-bottom:0;}
.steps .stepn{counter-increment:st;font-weight:700;font-size:13px;color:#fff;width:26px;height:26px;border-radius:50%;background:var(--vb-green);display:grid;place-items:center;}
.steps .stepn::before{content:counter(st);}
.steps h4{margin-bottom:.15em;}.steps p{margin:0;font-size:13.5px;}
.oc{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--rule);}
.oc .col+.col{border-left:1px solid var(--rule);}
.oc .h{font-family:var(--sans);font-weight:600;font-size:12px;letter-spacing:.04em;padding:11px 16px;color:#fff;}
.oc .open .h{background:var(--vb-green);}.oc .close .h{background:#9aa7a0;}
.oc ul{margin:0;padding:14px 16px 16px;list-style:none;}
.oc li{font-size:13.5px;color:var(--ink-2);padding:6px 0 6px 18px;position:relative;line-height:1.4;}
.oc li+li{border-top:1px solid var(--rule);}
.oc .open li::before{content:"";position:absolute;left:0;top:13px;width:9px;height:9px;border-radius:50%;background:var(--vb-light);}
.oc .close li::before{content:"–";position:absolute;left:2px;top:5px;color:#9aa7a0;font-weight:700;}
.agree{border:1.5px solid var(--vb-green);background:#fff;}
.agree .ah{background:var(--vb-green);color:#fff;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;}
.agree .ah .t{font-family:var(--sans);font-weight:600;font-size:14px;letter-spacing:.02em;}
.agree .ah .t2{font-family:var(--sans);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--vb-light);}
.agree .qrow{padding:14px 18px;border-bottom:1px solid var(--rule);}
.agree .qrow:last-child{border-bottom:0;}
.agree .q{font-family:var(--sans);font-weight:600;font-size:13.5px;color:var(--ink);margin-bottom:6px;}
.agree .qhint{font-size:12.5px;color:var(--ink-3);margin:0 0 9px;}
.agree .lines{height:1px;background:repeating-linear-gradient(to right,var(--rule-2) 0 7px,transparent 7px 13px);margin-top:4px;}
.agree .lines+.lines{margin-top:13px;}
.chk{display:grid;grid-template-columns:1fr 1fr;gap:9px 26px;margin-top:6px;}
.chk .it{display:grid;grid-template-columns:20px 1fr;gap:11px;align-items:start;padding:5px 0;}
.chk .box{width:17px;height:17px;border:1.5px solid var(--vb-green);border-radius:3px;margin-top:2px;}
.chk p{margin:0;font-size:13.5px;}
.mini{font-size:13px;color:var(--ink-3);}
ul.dotted{margin:6px 0 14px;padding:0;list-style:none;}
ul.dotted li{position:relative;padding:5px 0 5px 20px;font-size:14px;color:var(--ink-2);}
ul.dotted li::before{content:"";position:absolute;left:2px;top:12px;width:7px;height:7px;border-radius:50%;background:var(--vb-light);}
.res{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px;}
.res .card{border:1px solid var(--rule);padding:16px 18px;}
.res .card .cardk{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--vb-green);margin-bottom:6px;display:block;}
.res .card h4{margin-bottom:.35em;}.res .card p{font-size:13px;margin:0;}
.endmark{margin-top:26px;padding:20px 22px;background:var(--vb-green);color:#fff;}
.endmark .kicker{color:var(--vb-light);}
.endmark h3{color:#fff;font-size:19px;margin:8px 0 .4em;}
.endmark p{color:rgba(255,255,255,.88);font-size:14px;margin:0;}
/* ---- cut cards (samtalekort) ---- */
.scis{font-family:var(--sans);font-size:10px;color:var(--ink-3);font-weight:600;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:8px;margin:4px 0 10px;}
.cardsheet{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.qcard{border:1.4px dashed var(--rule-2);border-radius:14px;margin:5px;padding:16px 17px;min-height:56mm;display:flex;flex-direction:column;}
.qcard .qk{font-family:var(--sans);font-weight:600;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--vb-green);margin-bottom:9px;display:flex;align-items:center;gap:7px;}
.qcard .qk .mk{width:8px;height:10px;background:var(--vb-light);clip-path:polygon(50% 0,100% 0,100% 100%,50% 78%,0 100%,0 0);}
.qcard .qq{font-family:var(--serif);font-size:16px;line-height:1.45;color:var(--ink);font-weight:500;}
.qcard .qn{margin-top:auto;font-family:var(--sans);font-size:10px;font-weight:700;color:var(--ink-3);}
/* ---- sign rows (aftale) ---- */
.sign{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:10px;}
.sign .sg .ln{height:1px;background:var(--rule-2);margin-top:30px;}
.sign .sg .l{font-family:var(--sans);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ink-3);margin-top:6px;}
/* ---- scene / drejebog (video) ---- */
.framed{border:1px solid var(--rule);margin:8px 0 18px;}
.scene{display:grid;grid-template-columns:96px 1fr;border-bottom:1px solid var(--rule);}
.scene:last-of-type{border-bottom:0;}
.scene .tc{font-family:var(--sans);font-weight:600;font-size:11px;color:var(--vb-green);padding:14px 12px;background:var(--vb-tint-2);}
.scene .sc{padding:14px 16px;}
.scene .sc .lab{font-family:var(--sans);font-weight:600;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px;}
.scene .sc p{margin:0 0 8px;font-size:14px;}
.scene .sc .vo{font-family:var(--serif);font-style:italic;color:var(--vb-green);font-size:14px;padding-left:12px;border-left:2px solid var(--vb-light);margin:6px 0;}
/* ---- poster (plakat) ---- */
.poster{width:297mm;min-height:420mm;background:var(--vb-green);color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 48px rgba(0,32,26,.22);padding:30mm 28mm;margin:0 auto 26px;}
.poster .pk{font-family:var(--sans);display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--vb-light);}
.poster .pk .mk{width:14px;height:17px;background:var(--vb-light);clip-path:polygon(50% 0,100% 0,100% 100%,50% 78%,0 100%,0 0);}
.poster h1{font-family:var(--sans);font-weight:600;font-size:74px;line-height:.98;letter-spacing:-.03em;color:#fff;margin:18px 0 0;text-wrap:balance;}
.poster h1 em{font-style:normal;color:var(--vb-light);}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:42px;}
.pcard{background:rgba(255,255,255,.06);border:1px solid rgba(143,198,164,.32);border-radius:16px;padding:24px 26px;}
.pcard .pn{font-family:var(--sans);font-weight:700;font-size:34px;color:var(--vb-light);line-height:1;}
.pcard h3{font-family:var(--sans);color:#fff;font-size:23px;margin:12px 0 .3em;}
.pcard p{color:rgba(255,255,255,.86);font-size:16px;margin:0;line-height:1.5;}
/* print + responsive */
@media print{@page{size:A4;margin:0;}body{background:#fff;padding:0;}.doc{width:auto;}.page,.sheet,.cover{box-shadow:none;margin:0;page-break-after:always;min-height:auto;height:297mm;}.page.land,.sheet.land{width:297mm;}.page:last-child,.sheet:last-child{page-break-after:auto;}.poster{box-shadow:none;margin:0;}.dlbar{display:none !important;}}
@media(max-width:880px){body{padding:14px 0;}.doc,.page,.sheet,.cover{width:96vw;}.page,.page.land,.sheet,.sheet.land{padding:8vw 6vw;min-height:auto;width:96vw;}.cover{height:auto;min-height:70vw;padding:0;}.cv-h{font-size:13vw;}.poster{width:96vw;min-height:auto;padding:10vw 7vw;}.poster h1{font-size:11vw;}.two,.three,.chk,.res,.oc,.cardsheet,.pgrid,.sign{grid-template-columns:1fr;}.scene{grid-template-columns:70px 1fr;}}
.dlbar{position:fixed;right:22px;bottom:22px;z-index:99999;font-family:"Fira Sans",system-ui,sans-serif;}
.dlbar button{display:inline-flex;align-items:center;gap:9px;background:#004036;color:#fff;border:0;border-radius:999px;padding:14px 22px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 10px 30px -8px rgba(0,32,26,.55);}
.dlbar button:hover{background:#00352D;}
.dlbar button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;}