/* =====================================================================
   INNHOLD TIL SOSIALE MEDIER · utkast 3 (lyst og midtstilt)
   Det meste kommer fra undersider.css. Her står bare det siden trenger
   i tillegg: tre store tall under sidehodet (i stedet for et bilde) og
   det mørke båndet med stegene.
   ===================================================================== */

/* ---------- Tre tall under sidehodet (samme form som på forsiden) ---------- */
.inn-tall { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; max-width: 1000px; }
.inn-tall li { display: grid; justify-items: center; align-content: start; gap: 1rem; padding: 1.25rem clamp(1rem, .5rem + 2vw, 2.5rem); text-align: center; }
.inn-tall li + li { border-left: 1px solid var(--strek-sterk); }
.inn-tall-tekst { color: var(--svak); font-size: .9375rem; max-width: 17em; }
@media (max-width: 760px) {
  .inn-tall { grid-template-columns: minmax(0, 1fr); max-width: 420px; }
  .inn-tall li + li { border-left: 0; border-top: 1px solid var(--strek-sterk); }
  .inn-tall li { padding-block: 1.75rem; }
}

/* ---------- Slik fungerer det (sidens ene mørke bånd) ---------- */
.mork-band { margin-inline: clamp(8px, 1.2vw, 16px); border-radius: 24px; }
.inn-merk { color: var(--svak); font-size: var(--t-liten); text-align: center; }

/* ---------- Pris og passer for ---------- */
.prisboks li, .passer li { text-wrap: pretty; }
.inn-passer { max-width: 1000px; margin-inline: auto; }