/* UDKAST: indholdssider (licensfri-musik, kodafri-musik, hvordan-fungerer-det, om).
   Små tilføjelser oven på udkast.css. */

/* læsbar tekstbredde */
.ux-feat-copy p, .ux-feat-copy .ux-alert { max-width: 64ch; }
.ux-strong { margin-top: 18px; padding: 4px 0 4px 18px; border-left: 3px solid var(--teal); }
.ux .ux-strong { color: var(--navy); font-weight: 600; font-size: 17px; line-height: 1.55; }
.ux-feat-copy .ux-alert { margin: 18px 0; }
.ux-feat-copy .ux-ctas { margin-top: 26px; align-items: center; }
.ux-feat-copy .ux-ctas .ux-link { margin-top: 0; }

/* stat-chip (erstatter visual-box) */
.ux-float.ux-stat { gap: 14px; padding-right: 18px; }
.ux-float.ux-stat .ux-f-big { line-height: 1; }

/* kort med ikoner/links */
.ux-b-ico svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ux-b p a { color: var(--teal-d); font-weight: 600; }
.ux-b--accent .ux-b-ico { background: rgba(255,255,255,.12); }

/* "hvem bruger" – kompakte kort */
.ux-cards--4.ux-uc .ux-b { padding: 24px; }
.ux-uc .ux-b-ico { background: rgba(0,201,167,.14); font-size: 22px; }
.ux-uc .ux-b h3 { font-size: 17px; margin: 14px 0 4px; }
.ux-uc .ux-b p { font-size: 14px; }

/* navy CTA-sektion */
.ux-sec--navy > .ux-wrap { position: relative; }
.ux-center { text-align: center; max-width: 720px; margin: 0 auto; }
.ux-center .ux-ctas { justify-content: center; }
.ux-center h2 { margin-top: 16px; }
.ux-center > p { font-size: 17px; margin-top: 12px; }
.ux-note { margin-top: 18px; }
.ux .ux-note { font-size: 14px; }
.ux-sec--navy .ux-note { color: rgba(255,255,255,.55); }
.ux-sec--navy .inline-link { color: var(--teal); }

/* FAQ "se alle" */
.ux-faq-more { text-align: center; margin-top: 30px; }

/* afslutning efter hvid/navy sektion */
.ux-sec--white + .ux-final, .ux-sec--navy + .ux-final { padding-top: 100px; }
.ux-final-copy .ux-checks { margin-top: 22px; }

@media (max-width: 1050px) {
  .ux-cards--4.ux-uc { grid-template-columns: 1fr 1fr; }
  .ux-sec--white + .ux-final, .ux-sec--navy + .ux-final { padding-top: 72px; }
}
@media (max-width: 420px) {
  .ux-cards--4.ux-uc { grid-template-columns: 1fr; }
}