/* Kontaktsiden læner sig på husets auth-kort: samme aurora, samme forskrift, samme bredde som
   klinikhenvendelsen. Her står kun det, siden har for sig selv. */
.contact-card h1 { margin-bottom: var(--sp-2); }
.contact-card > .card-body > .muted { max-width: 54ch; }

.contact-facts { list-style: none; margin: var(--sp-5) 0; padding: var(--sp-4); display: grid; gap: var(--sp-3);
  background: var(--c-surface-2); border-radius: var(--radius-lg); }
.contact-facts li { display: grid; grid-template-columns: auto 1fr; gap: var(--sp-3); align-items: start; color: var(--c-text-2); font-size: var(--fs-0); }
.contact-facts .icon { width: 18px; height: 18px; color: var(--c-primary); margin-top: 1px; }
.contact-facts a { color: var(--c-text); text-decoration: underline; text-underline-offset: 3px; }

/* Emnet vælges som chips frem for en rulleliste: alle valg er synlige på én gang, så man kan se,
   hvad siden overhovedet tager imod, før man begynder at skrive. */
.contact-topics { border: 0; padding: 0; margin: 0 0 var(--sp-4); display: flex; flex-wrap: wrap; gap: 6px; }
.contact-topics legend { flex-basis: 100%; float: left; width: 100%; font-size: var(--fs-0); font-weight: 800;
  letter-spacing: .06em; text-transform: uppercase; color: var(--c-text-3); margin-bottom: var(--sp-2); }
.chip-radio input { position: absolute; opacity: 0; pointer-events: none; }
.chip-radio span { display: inline-flex; align-items: center; padding: 7px var(--sp-3); border: 1px solid var(--c-border);
  border-radius: var(--radius-pill); font-size: var(--fs-0); font-weight: 700; color: var(--c-text-2); cursor: pointer;
  transition: border-color var(--dur) var(--ease), color var(--dur) var(--ease), background var(--dur) var(--ease); }
.chip-radio span:hover { color: var(--c-text); border-color: var(--c-text-3); }
.chip-radio input:checked + span { border-color: transparent; background: var(--g-signature); color: #fff; }
.chip-radio input:focus-visible + span { outline: 2px solid var(--c-primary); outline-offset: 2px; }

.contact-card textarea.input { min-height: 150px; resize: vertical; line-height: 1.55; }
.contact-privacy { margin: var(--sp-3) 0 0; text-align: center; }