/* =============================================================
   SPØRGESKEMA-VISNINGEN (.sk-v-*)
   =============================================================
   Det, den besøgende ser: editorens Forhåndsvis (bagrummet) og elementet
   Spørgeskema på de udgivne sider (/_a/sporgeskema-visning.css, hentet i
   <head>, så også formularen uden JS ser rigtig ud). Farverne følger
   bagrummets variabler, når de findes - ellers neutrale standarder, og
   skriften arves fra siden. */
.sk-v { display: grid; gap: 1rem; }
.sk-v-status { height: .4rem; border-radius: .2rem; background: var(--kant, #dfe3ea); overflow: hidden; }
.sk-v-status > span { display: block; height: 100%; background: var(--farve, #1f5eff); transition: width .2s; }
.sk-v-form { display: grid; gap: 1rem; }
.sk-v-spm { border: 0; padding: 0; margin: 0; display: grid; gap: .6rem; min-width: 0; }
.sk-v-overskrift { font-size: 1.2rem; font-weight: 700; padding: 0; }
.sk-v-beskrivelse { margin: 0; color: var(--daempet, #5b6472); }
.sk-v-svar { display: grid; gap: .4rem; }
.sk-v-mulighed { display: flex; align-items: center; gap: .5rem; padding: .6rem .7rem; border: 1px solid var(--kant, #dfe3ea); border-radius: .5rem; cursor: pointer; }
.sk-v-mulighed input[type="radio"], .sk-v-mulighed input[type="checkbox"] { width: auto; }
.sk-v-andet input[type="text"] { flex: 1; min-width: 0; }
.sk-v-billeder { grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); }
.sk-v-billeder.sk-v-s { grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr)); }
.sk-v-billeder.sk-v-l { grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); }
.sk-v-billeder .sk-v-mulighed { flex-direction: column; align-items: stretch; text-align: center; }
.sk-v-billeder img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: .3rem; }
.sk-v-felt { display: grid; gap: .25rem; }
.sk-v-felt > span { font-weight: 600; font-size: .9rem; }
.sk-v-fejl { margin: 0; color: var(--fejl, #b3261e); }
.sk-v-knapper { display: flex; gap: .5rem; justify-content: flex-end; }
.sk-v-knapper button { font: inherit; padding: .55rem 1.1rem; border-radius: .4rem; border: 1px solid var(--kant, #dfe3ea); background: var(--flade, #fff); color: inherit; cursor: pointer; }
.sk-v-knapper .sk-v-naeste { background: var(--farve, #1f5eff); border-color: var(--farve, #1f5eff); color: var(--farve-tekst, #fff); font-weight: 600; }
.sk-v-slut { margin: 0; font-size: 1.05rem; white-space: pre-line; }
.sk-v-videre { margin: 0; color: var(--daempet, #5b6472); overflow-wrap: anywhere; }

/* Uden JS: alle spørgsmål på én gang. */
.sk-n { display: grid; gap: 1.6rem; }
.sk-n-krav { color: var(--fejl, #b3261e); }
.sk-v-felter { display: grid; gap: .6rem; }
.sk-v-felt input { font: inherit; padding: .55rem .7rem; border: 1px solid var(--kant, #dfe3ea); border-radius: .4rem; min-width: 0; }