/* sider/bli-med.css — Bli frivillig (frivillig.php) og Samarbeidspartnere (samarbeid.php), ROADMAP 5.5.
   Mobildelen ligger nederst i mobil.css. */

.lk-blimed__tittel { margin: 0 0 var(--space-5); font-size: clamp(24px, 2.6vw, 32px); }
.lk-blimed__oppgaver { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); }
.lk-blimed__oppgaver .lk-fact__value { margin: 0; font-family: var(--font-display); font-weight: 400; font-size: 20px; }
.lk-blimed__oppgaver .lk-fact__sub { margin: 0; }
.lk-blimed__om { max-width: 820px; }
.lk-blimed__cta { max-width: 820px; }

.lk-partnerkort { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); }
.lk-partnerkort__kort { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-5); border-radius: var(--radius-xl); background: var(--card-bg); border: 1px solid var(--border-color); }
.lk-partnerkort__logo { display: grid; place-items: center; height: 96px; margin-bottom: var(--space-2); border-radius: var(--radius-md); background: var(--surface-raised); }
.lk-partnerkort__logo img { max-width: 80%; max-height: 72px; width: auto; height: auto; object-fit: contain; }
.lk-partnerkort__logo span { font-family: var(--font-display); font-size: 40px; color: var(--brand-highlight); }
.lk-partnerkort__navn { margin: 0; font-size: 20px; }
.lk-partnerkort__tekst { margin: 0; color: var(--text-muted); }
.lk-partnerkort__lenke { margin-top: auto; padding-top: var(--space-2); font-weight: 800; text-decoration: none; }

@media (max-width: 980px) {
  .lk-blimed__oppgaver, .lk-partnerkort { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}