.stack { display: grid; gap: 28px; }
.stack > .panel > :last-child { margin-bottom: 0; }
.lede { font-size: clamp(18px, 2.4vw, 21px); }
.stack .arcade { margin: 0 0 12px; }
.stack h1 { margin-bottom: 0.4em; }
.topics { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.topics li { padding: 14px 16px; border: 3px solid var(--ink); border-radius: 14px; }
.topics h3 { margin: 0 0 6px; font-size: 20px; }
.topics p { margin: 0; }
.facts { display: grid; grid-template-columns: max-content 1fr; gap: 8px 16px; margin: 0 0 1em; }
.facts dt { font-weight: 800; }
.facts dd { margin: 0; overflow-wrap: anywhere; } /* dd'en brydes, så 320 px ikke scroller vandret */
.mail-line { overflow-wrap: anywhere; }
@media (min-width: 720px) { .topics { grid-template-columns: repeat(3, 1fr); } }
