/* ============================================================
   Rådgivnings-side (konsulent-tilbudsside) - supplement til
   forside.css + hjemmesider.css. Genbruger brand-tokens:
   --ink/--paper/--accent/--line/--mono/--sans og komponenterne
   .pitch/.section/.component/.specs/.punkter/.proces/.cta/
   .titleblock/.ref-note/.pris-note. Kun det denne side har brug
   for ekstra staar her. Ingen JS, ingen inline styles, ingen
   eksterne domaener (CSP-ren).
   ============================================================ */

/* sektions-lead: en rolig broedtekst over en gruppe */
.sektion-lead {
  margin: 0 0 30px;
  max-width: 62ch;
  font-size: 1.05rem;
  color: var(--ink-soft);
  text-wrap: pretty;
}
.sektion-lead b { color: var(--ink); font-weight: 600; }

/* ============================================================
   Jeg siger ogsaa fra: to spalter side om side, byg det vs.
   lad vaere. Samme net-greb som .punkter (1px-fuger paa --line),
   men hver spalte baerer sin egen liste med sit eget datum-maerke:
   accent-firkant for "byg det", et neutralt nej-maerke for "lad vaere".
   ============================================================ */
.vurdering {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
}
.vurdering-kol { background: var(--paper); padding: 26px 28px 30px; min-width: 0; }

.vurdering-hint {
  font-family: var(--mono);
  font-size: 0.66rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin: 0 0 8px;
}
.kol-ja .vurdering-hint { color: var(--accent); }

.vurdering-kol h3 { font-size: 1.08rem; margin-bottom: 16px; }

.vurdering .specs { margin: 0; }

/* NEJ-spalten: erstat accent-firkanten med et neutralt nej-datum
   (en tynd cirkel med en skraastreg), saa "lad vaere" aldrig laeses
   som et fremhaevet feature. */
.kol-nej .specs li::before {
  width: 10px;
  height: 10px;
  border: 1.5px solid var(--ink-soft);
  border-radius: 50%;
  background: none;
}
.kol-nej .specs li::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  width: 10px;
  height: 1.5px;
  background: var(--ink-soft);
  transform: translateY(-50%) rotate(45deg);
  transform-origin: center;
}

/* ============================================================
   Bevis: to CTA-knapper side om side (laes om systemet + prov demo)
   ============================================================ */
.bevis-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 24px;
}

/* ============================================================
   Responsivt
   ============================================================ */
@media (max-width: 720px) {
  .vurdering { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .vurdering-kol { padding: 22px 20px 24px; }
}