/* CADnu – blokke og blokstile. Indlæses både på siden og i editoren. */

/* ---------- sektioner (Gruppe-blokke med stilen «Sektion: …») ---------- */
.wp-block-group[class*="is-style-sektion-"]{--side:max(var(--gut,24px),calc((100% - var(--wrap-inner,1120px)) / 2));padding:clamp(64px,8vw,112px) var(--side);margin:0}
.blocks > *{margin-top:0;margin-bottom:0}
.wp-block-group[class*="is-style-sektion-"] > *{margin-top:0;margin-bottom:0}
.wp-block-group[class*="is-style-sektion-"] > * + *{margin-top:28px}
.wp-block-group.is-style-sektion-hvid{background:var(--white,#fff)}
.wp-block-group.is-style-sektion-lys{background:var(--bg,#f6f8fb)}
.wp-block-group.is-style-sektion-smal{background:var(--white,#fff)}
.wp-block-group.is-style-sektion-smal{--wrap-inner:800px}
.wp-block-group.is-style-sektion-moerk{background:var(--ink,#16233b);color:#d9e0ee}
.wp-block-group.is-style-sektion-moerk h1,.wp-block-group.is-style-sektion-moerk h2,.wp-block-group.is-style-sektion-moerk h3{color:#fff}
.wp-block-group.is-style-sektion-moerk p{color:#c3cce0}
.wp-block-group.is-style-sektion-moerk a{color:#fff}
.wp-block-group.is-style-sektion-moerk .is-style-flueben li{color:#e9edf5}
.wp-block-group.is-style-sektion-moerk .is-style-flueben li::before{background-color:var(--gul,#f6c445)}
.wp-block-group.is-style-sektion-hero{padding-top:clamp(36px,6vw,80px);padding-bottom:clamp(40px,6vw,80px);
  background:linear-gradient(90deg,var(--sky,#e8eef9) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(var(--sky,#e8eef9) 1px,transparent 1px) 0 0/40px 40px,var(--bg,#f6f8fb)}
.wp-block-group.is-style-sektion-hero h1{margin:0;font-size:clamp(38px,4.8vw,62px);line-height:1.03;font-weight:780;font-stretch:108%;letter-spacing:-.032em;max-width:18ch;text-wrap:balance}
.wp-block-group.is-style-sektion-hero .is-style-indledning{margin-top:20px;color:var(--ink-2,#2c3b57)}
.wp-block-group.is-style-sektion-hero .wp-block-buttons{margin-top:28px}

/* type inside sections */
.blocks h2,.editor-styles-wrapper h2{font-size:clamp(30px,3.5vw,46px);line-height:1.06;font-weight:760;font-stretch:110%;letter-spacing:-.026em;margin:0 0 .5em;text-wrap:balance}
.blocks h3,.editor-styles-wrapper h3{font-size:21px;line-height:1.25;font-weight:720;font-stretch:106%;letter-spacing:-.01em;margin:0 0 .4em}
.blocks h2.is-style-mellem,.editor-styles-wrapper h2.is-style-mellem{font-size:clamp(24px,2.4vw,31px);line-height:1.12;font-weight:740;font-stretch:108%;letter-spacing:-.02em}
.blocks p{color:var(--muted,#56617a);margin:0 0 14px}
.blocks p:last-child{margin-bottom:0}
p.is-style-indledning{font-size:clamp(18px,1.6vw,20px);line-height:1.55;color:var(--ink-2,#2c3b57);max-width:58ch}
.blocks p.is-style-indledning{color:var(--ink-2,#2c3b57)}
p.is-style-tip{background:var(--sky,#e8eef9);border-radius:10px;padding:14px 16px;color:var(--ink-2,#2c3b57)!important;font-size:16px}
p.is-style-tip strong{color:var(--ink,#16233b)}
p.is-style-pil a{font-weight:640;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,var(--blue,#2457d6) 35%,transparent);text-underline-offset:.18em}
p.is-style-pil{margin-top:36px}
p.is-style-lille{font-size:14.5px;color:var(--muted,#56617a)}

/* ---------- knapper ---------- */
.wp-block-buttons{gap:12px}
.wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 26px;border-radius:11px;border:1.5px solid transparent;font-weight:620;font-size:17.5px;line-height:1.1;text-decoration:none;background:var(--blue,#2457d6);color:#fff;transition:background-color .15s,border-color .15s}
.wp-block-button.is-style-gul .wp-block-button__link{background:var(--gul,#f6c445);border-color:var(--gul,#f6c445);color:var(--ink,#16233b)}
.wp-block-button.is-style-gul .wp-block-button__link:hover{background:var(--gul-d,#e2ab1f);border-color:var(--gul-d,#e2ab1f)}
.wp-block-button.is-style-kontur .wp-block-button__link{background:transparent;color:var(--ink,#16233b);border-color:color-mix(in srgb,var(--ink,#16233b) 30%,transparent)}
.wp-block-button.is-style-kontur .wp-block-button__link:hover{border-color:var(--ink,#16233b)}
.wp-block-button.is-style-moerk .wp-block-button__link{background:var(--ink,#16233b);color:#fff}
@media (max-width:560px){ .is-style-sektion-hero .wp-block-buttons{flex-direction:column;align-items:stretch} .is-style-sektion-hero .wp-block-button{width:100%} .is-style-sektion-hero .wp-block-button__link{width:100%} }

/* ---------- lister ---------- */
ul.is-style-flueben,ul.is-style-flueben-raekke,ul.is-style-kilder{list-style:none;padding-left:0;margin:6px 0 0}
ul.is-style-flueben li,ul.is-style-flueben-raekke li{position:relative;padding-left:30px;color:var(--ink-2,#2c3b57)}
ul.is-style-flueben li + li{margin-top:10px}
ul.is-style-flueben li::before,ul.is-style-flueben-raekke li::before{content:"";position:absolute;left:0;top:.28em;width:20px;height:20px;background-color:var(--blue,#2457d6);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M14 33l11 11 25-25' fill='none' stroke='%23000' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M14 33l11 11 25-25' fill='none' stroke='%23000' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
ul.is-style-flueben-raekke{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:15.5px}
ul.is-style-kilder li{font-size:15px;padding:6px 0;border-bottom:1px solid var(--line,#dce2ec)}

/* ---------- billeder ---------- */
.wp-block-image img{height:auto;max-width:100%}
.wp-block-image.is-style-ramme img{border-radius:14px;border:1px solid var(--line,#dce2ec);box-shadow:var(--shadow,0 28px 56px -32px rgba(22,35,59,.38))}
.wp-block-image.is-style-browser{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line,#dce2ec);box-shadow:var(--shadow,0 28px 56px -32px rgba(22,35,59,.38));background:#fff;padding-top:34px}
.wp-block-image.is-style-browser::before{content:"";position:absolute;left:0;right:0;top:0;height:34px;background:#eef1f6;border-bottom:1px solid var(--line,#dce2ec)}
.wp-block-image.is-style-browser::after{content:"";position:absolute;top:12px;left:12px;width:10px;height:10px;border-radius:50%;background:#cfd6e2;box-shadow:16px 0 #cfd6e2,32px 0 #cfd6e2}
.wp-block-image.is-style-browser img{display:block;border-radius:0}
.wp-block-image.is-style-mobil{border:7px solid var(--ink,#16233b);border-radius:26px;overflow:hidden;background:var(--ink,#16233b);box-shadow:var(--shadow,0 28px 56px -32px rgba(22,35,59,.38));max-width:220px}
.wp-block-image.is-style-mobil img{border-radius:18px;display:block}
.wp-block-image.is-style-tablet{border:14px solid var(--ink,#16233b);border-radius:30px;overflow:hidden;background:var(--ink,#16233b);box-shadow:var(--shadow,0 28px 56px -32px rgba(22,35,59,.38))}
.wp-block-image.is-style-tablet img{border-radius:6px;display:block}
.wp-block-image.is-style-ark img{transform:rotate(-1.2deg);box-shadow:var(--shadow,0 28px 56px -32px rgba(22,35,59,.38));border:1px solid var(--line,#dce2ec);background:#fff}
.wp-block-image.is-style-ikon{margin:0 0 18px}
.wp-block-image.is-style-ikon img{width:56px;height:56px}
.wp-block-image.is-style-smal{max-width:300px;margin-left:auto;margin-right:auto}
.wp-block-image.is-style-smal img{border-radius:14px;border:1px solid var(--line,#dce2ec);box-shadow:var(--shadow,0 28px 56px -32px rgba(22,35,59,.38))}
.wp-block-image figcaption{font-size:14.5px;color:var(--muted,#56617a);margin-top:10px;text-align:left}
@media (max-width:860px){ .wp-block-image.is-style-tablet{border-width:9px;border-radius:20px} }

/* screen + phone overlap (hero) */
.wp-block-group.is-style-skaerme{position:relative;padding-bottom:36px;margin-right:calc(-1 * var(--side,24px) + 24px)}
.wp-block-group.is-style-skaerme > .wp-block-image{margin:0}
.wp-block-group.is-style-skaerme > .is-style-mobil{position:absolute;left:-7%;bottom:0;width:23%;min-width:120px;margin:0}
@media (max-width:781px){ .wp-block-group.is-style-skaerme{margin:24px 0 0 9%} .wp-block-group.is-style-skaerme > .is-style-mobil{left:-11%;width:30%;border-width:5px;border-radius:18px} }

/* ---------- tommestok (Afstandslinje-blok med stilen «Tommestok») ---------- */
hr.wp-block-separator.is-style-tommestok{border:0;height:52px;width:100%;max-width:none!important;margin:0!important;opacity:1;
  background:url(../img/tommestok.svg) left center/auto 52px repeat-x}
.blocks > hr.wp-block-separator.is-style-tommestok:first-of-type{animation:cadnu-unfold 1.5s steps(9,end) .35s both}
@keyframes cadnu-unfold{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media (prefers-reduced-motion:reduce){ .blocks > hr.wp-block-separator.is-style-tommestok:first-of-type{animation:none} }

/* ---------- kolonner ---------- */
.wp-block-columns{gap:clamp(24px,4vw,56px);margin-bottom:0}
.wp-block-columns.is-style-hero,.wp-block-columns.is-style-raekke{align-items:center}
.wp-block-columns.is-style-raekke + .wp-block-columns.is-style-raekke{margin-top:clamp(64px,8vw,112px)}
.wp-block-columns.is-style-raekke{gap:clamp(28px,5vw,72px)}
.wp-block-columns.is-style-ikoner{margin-top:36px;gap:36px}
.wp-block-columns.is-style-ikoner h3{font-size:20px}
.wp-block-columns.is-style-ikoner p{font-size:16px}

.wp-block-columns.is-style-trin{counter-reset:trin;gap:0;margin-top:40px}
.wp-block-columns.is-style-trin > .wp-block-column{position:relative;padding-right:28px;counter-increment:trin}
.wp-block-columns.is-style-trin > .wp-block-column::before{content:"";display:block;height:30px;margin:0 0 22px;border-top:1px solid var(--gul-d,#e2ab1f);border-bottom:1px solid var(--gul-d,#e2ab1f);background:
  repeating-linear-gradient(90deg,var(--ink,#16233b) 0 2px,transparent 2px 100%) 0 0/16px 9px repeat-x,
  repeating-linear-gradient(90deg,var(--ink,#16233b) 0 2px,transparent 2px 100%) 0 0/80px 16px repeat-x,var(--gul,#f6c445)}
.wp-block-columns.is-style-trin > .wp-block-column:first-child::before{border-radius:5px 0 0 5px}
.wp-block-columns.is-style-trin > .wp-block-column:last-child::before{border-radius:0 5px 5px 0}
.wp-block-columns.is-style-trin > .wp-block-column:not(:last-child)::after{content:"";position:absolute;right:-6px;top:9px;width:12px;height:12px;border-radius:50%;background:#d6dae2;border:1.6px solid var(--ink,#16233b);z-index:1}
.wp-block-columns.is-style-trin h3::before{content:counter(trin);display:block;font-size:76px;line-height:.9;font-weight:820;font-stretch:120%;letter-spacing:-.04em;margin-bottom:14px}
.wp-block-columns.is-style-trin h3{font-size:22px}
@media (max-width:781px){ .wp-block-columns.is-style-trin{gap:34px} .wp-block-columns.is-style-trin > .wp-block-column{padding:0} .wp-block-columns.is-style-trin > .wp-block-column::before{border-radius:5px!important;max-width:360px} .wp-block-columns.is-style-trin > .wp-block-column::after{display:none} }

.wp-block-columns.is-style-funktion{padding:clamp(40px,5vw,72px) 0;border-top:1px solid var(--line,#dce2ec)}
.wp-block-group > .wp-block-columns.is-style-funktion:first-child{border-top:0;padding-top:0}
.wp-block-group > .wp-block-columns.is-style-funktion + .wp-block-columns.is-style-funktion{margin-top:0}
.wp-block-columns.is-style-funktion > .wp-block-column:first-child > *{position:sticky;top:100px}
.wp-block-columns.is-style-funktion > .wp-block-column:first-child > h2 + p{top:150px}
.wp-block-columns.is-style-tett{gap:36px}
.wp-block-columns.is-style-tett h3{font-size:18px;margin:0 0 4px}
.wp-block-columns.is-style-tett p{font-size:16px;margin-bottom:24px}
.wp-block-columns.is-style-funktion .wp-block-image{margin-top:12px}

.blocks .wp-block-group{counter-reset:guide}
.wp-block-columns.is-style-guide{counter-increment:guide;align-items:center;gap:clamp(24px,5vw,72px);padding:clamp(48px,6vw,80px) 0;border-top:1px solid var(--line,#dce2ec)}
.wp-block-group > .wp-block-columns.is-style-guide:first-child{border-top:0;padding-top:0}
.wp-block-group > .wp-block-columns.is-style-guide + .wp-block-columns.is-style-guide{margin-top:0}
.wp-block-columns.is-style-guide h2::before{content:counter(guide);display:flex;align-items:center;justify-content:center;width:56px;height:36px;margin-bottom:18px;background:var(--gul,#f6c445);border-radius:5px;font-size:21px;font-weight:800;font-stretch:120%;letter-spacing:0;box-shadow:inset 0 -1px 0 var(--gul-d,#e2ab1f)}

.wp-block-columns.is-style-faq{align-items:flex-start}

/* ---------- detaljer (spørgsmål og svar) ---------- */
.wp-block-details{border-bottom:1px solid var(--line,#dce2ec);margin:0!important}
.wp-block-details:first-child,:not(.wp-block-details) + .wp-block-details{border-top:1px solid var(--line,#dce2ec)}
.wp-block-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;padding:20px 0;font-size:19px;font-weight:640;line-height:1.35;color:var(--ink,#16233b)}
.wp-block-details summary::-webkit-details-marker{display:none}
.wp-block-details summary::after{content:"";flex:none;width:22px;height:22px;margin-top:2px;background:linear-gradient(currentColor,currentColor) center/14px 2.2px no-repeat,linear-gradient(currentColor,currentColor) center/2.2px 14px no-repeat;transition:transform .2s}
.wp-block-details[open] summary::after{transform:rotate(45deg)}
.wp-block-details summary:hover{color:var(--blue,#2457d6)}
.wp-block-details > :not(summary){margin:-6px 0 22px;max-width:62ch}
.is-style-sektion-smal h2.is-style-mellem{margin-top:56px}
.is-style-sektion-smal > h2.is-style-mellem:first-child{margin-top:0}
.is-style-sektion-smal > h2.is-style-mellem + .wp-block-details{margin-top:14px!important}

/* ---------- bokse ---------- */
.wp-block-group.is-style-boks{background:var(--bg,#f6f8fb);border:1px solid var(--line,#dce2ec);border-radius:14px;padding:24px 26px}
.wp-block-group.is-style-boks-gul{background:#fff6d6;border:1px solid #f1d27a;border-radius:14px;padding:26px 28px}
.wp-block-group.is-style-boks > h3:first-child,.wp-block-group.is-style-boks-gul > h3:first-child{margin-top:0}
.wp-block-group.is-style-boks-gul .wp-block-buttons{margin-top:16px}
.facts{background:var(--bg,#f6f8fb);border:1px solid var(--line,#dce2ec);border-radius:14px;padding:24px 26px;margin-top:20px}
.facts h3{margin:0 0 12px;font-size:20px}
.facts dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 18px}
.facts dt{color:var(--muted,#56617a)}
.facts dd{margin:0;font-weight:560}

/* ---------- tabeller ---------- */
.wp-block-table table{border-collapse:collapse;width:100%;font-size:16px}
.wp-block-table th,.wp-block-table td{border:0;border-bottom:1px solid var(--line,#dce2ec);padding:10px 12px;text-align:left}
.wp-block-table thead th{border-bottom:2px solid var(--ink,#16233b);font-weight:680}
.wp-block-table td:last-child{font-variant-numeric:tabular-nums}
.wp-block-table.is-style-taster table,.wp-block-table.is-style-taster tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 24px}
.wp-block-table.is-style-taster table{display:block}
.wp-block-table.is-style-taster tr{display:flex;align-items:center;gap:12px}
.wp-block-table.is-style-taster td{border:0;padding:0;color:var(--ink-2,#2c3b57)}
.wp-block-table.is-style-taster td:first-child{min-width:52px;padding:3px 8px;border-radius:7px;border:1px solid var(--line,#dce2ec);border-bottom-width:3px;background:#fff;font-weight:620;font-size:15px;text-align:center;color:var(--ink,#16233b)}

/* ---------- mobil ---------- */
@media (max-width:781px){
  .wp-block-columns.is-style-funktion > .wp-block-column:first-child > *{position:static}
  .wp-block-columns.is-style-raekke > .wp-block-column{flex-basis:100%!important}
}