/* skal.css - de dele af skallen, grocery ikke bruger. 15. september 2026.
 *
 * Skallens grundstilark hedder i dag grocery/styles.css (det blev skrevet til
 * grocery, foer skallen fandtes). Reglerne her er dem, skal.js tegner for
 * andre produkter: oejenbryn og undertekst paa et valg, en nummereret liste af
 * trin i et kort, en undertitel, "vis mig en anden"-knappen. Grocery henter
 * ikke denne fil og er derfor uroert. Produktets farver staar i produktets
 * eget tema-stilark (grocery: contrast.css, declutter: tema.css). */

/* R-K1, Mortens regel: «Alle disse type overskrifter er for smaa og skal have
   en ramme omkring saa de bliver mere tydelige.» Stod som .74rem (ca. 11,8 px)
   uden ramme, fordi august-app'en saa saadan ud - og fordi INGEN side i
   udrulningen hentede dette stilark, saa etiket_ramme_tjek aldrig maalte det.
   Den 16. september flyttede declutters app ind i udrulningen, og kontrollen
   fandt det med det samme. Formatet er husets, det samme som landingssidens
   etiket: 15 px, 2 px ramme, radius 8. Kun declutter bruger klassen. */
/* 17. september 2026, MORTEN paa den levende morning-calm-app:
   «Der skal mere luft mellem rammen og 1 tallet - BIGGEST CHALLENGE1. What
   makes mornings hardest? - Det gaelder ogsaa for de andre rammer paa siden
   med et tal bagefter. Det burde kontrollen have fanget.»

   Aarsagen: etiketten er et <span> INDE i <legend>, og med display:inline-block
   flyder den paa samme linje som overskriften lige efter. Rammen stoedte
   derfor direkte op ad "1.", og overskriften braekkede skaevt bagefter.
   margin-bottom:8px var allerede skrevet her - den afsloerer, at etiketten
   hele tiden var TAENKT paa sin egen linje; den kunne bare ikke komme derhen.

   display:block + width:fit-content giver den sin egen linje UDEN at rammen
   straekker sig tvaers over siden. Samme resultat som landingssidens
   .g-eyebrow, der er inline-block men staar i sit eget <div> og derfor
   allerede er alene paa linjen.

   Kontrollen etiket_ramme_tjek.py har faaet krav 3, som maaler netop det:
   en rammet sektionsetiket med tekst lige efter sig maa ikke vaere inline. */
.field-eyebrow{display:block;width:fit-content;margin-bottom:8px;padding:7px 14px;border:2px solid var(--brand);border-radius:8px;color:var(--brand);font-size:15px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.choice-row span{text-align:left}
.choice-row span small{display:block;margin-top:5px;font-weight:500;font-size:.88rem;line-height:1.4;color:var(--muted)}
.choice-row span em{display:inline-block;margin-top:8px;padding:4px 9px;border-radius:99px;background:var(--sage);color:var(--sage-dark);font-style:normal;font-size:.76rem;font-weight:800}
.decision-card li small{display:block;color:var(--muted);font-size:.9rem;line-height:1.35}
.decision-card li strong{display:block}
.result-sub{margin:-6px 0 16px;color:var(--muted);line-height:1.5}
.result-steps{margin:16px 0 0;padding:0;list-style:none;counter-reset:trin;display:grid;gap:10px}
.result-steps li{counter-increment:trin;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;line-height:1.5}
.result-steps li::before{content:counter(trin);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;font-weight:850}
.result-card .result-facts+.result-steps{margin-top:16px}
.result-steps+p,.result-steps+.result-facts{margin-top:16px}
#igen{width:100%;margin-bottom:12px}
@media(max-width:780px){.result-steps li{grid-template-columns:34px 1fr;gap:12px;padding:14px}.result-steps li::before{width:34px;height:34px}}