/* ============================================================
   GoRabbit III — delt stil for Governance- og Juridisk-sider
   Brukes av alle policy-/vilkårssider. Matcher III-uttrykket
   (mørk bakgrunn, Syne-overskrifter, kort med glød).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap');

:root {
  --gov-border:  rgba(133,176,224,0.12);
  --gov-border2: rgba(93,183,255,0.22);
  --gov-cyan:    #5db7ff;
  --gov-white:   #edf5ff;
  --gov-muted:   #a9bdd8;
  --gov-green:   #95f0c4;
  --gov-radius:  18px;
}

/* ── Side ── */
body {
  font-family: 'DM Sans', sans-serif;
  color: var(--gov-white);
  background:
    radial-gradient(1200px 600px at 18% 10%, rgba(9,175,255,0.18), transparent 55%),
    radial-gradient(900px 520px at 78% 18%, rgba(111,225,255,0.12), transparent 50%),
    radial-gradient(1000px 600px at 55% 95%, rgba(9,175,255,0.10), transparent 55%),
    linear-gradient(180deg, #040813, #071021 40%, #030611);
  background-attachment: fixed;
  margin: 0;
}

/* ── Hero ── */
header.gr-hero,
.gr-hero.center {
  text-align: center;
  padding: 6rem 1.5rem 2rem;
}
.gr-hero h1 {
  font-family: 'Syne', sans-serif;
  font-weight: 800;
  font-size: clamp(2.2rem, 5vw, 3.4rem);
  color: var(--gov-white);
  margin: 0 0 0.6rem;
}
.gr-hero .muted {
  color: var(--gov-muted);
  font-size: 1.05rem;
  margin: 0;
}

/* ── Kort ── */
.gov-card {
  background: linear-gradient(180deg, rgba(12,30,51,0.92), rgba(7,21,38,0.96));
  border: 1px solid var(--gov-border2);
  padding: 2.2rem 2rem;
  border-radius: var(--gov-radius);
  box-shadow: 0 18px 50px rgba(2,10,22,0.40);
  margin-bottom: 1.6rem;
}
.gov-card h2 {
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  color: var(--gov-white);
  font-size: 1.4rem;
  margin: 0 0 1rem;
}
.gov-card h3 {
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  color: var(--gov-white);
  font-size: 1.2rem;
  margin: 0 0 0.8rem;
}
.gov-card p,
.gov-card li {
  color: var(--gov-muted);
  line-height: 1.65;
}
.gov-card .muted { color: var(--gov-muted); }
.gov-card strong { color: var(--gov-white); }
.gov-card em { color: var(--gov-white); font-style: italic; }
.gov-card a { color: var(--gov-cyan); text-decoration: none; }
.gov-card a:hover { text-decoration: underline; }
.gov-card ul,
.gov-card ol { margin-left: 1.2rem; }
.gov-card ul li { margin-bottom: 0.5rem; }
.gov-card .small { font-size: 0.9rem; }

/* ── Småelementer ── */
code, .kbd {
  background: rgba(93,183,255,0.12);
  color: var(--gov-cyan);
  padding: 0.1rem 0.45rem;
  border-radius: 6px;
  font-size: 0.9em;
}
ol.toc { margin-left: 1.4rem; line-height: 1.7; }
ol.toc a { color: var(--gov-cyan); text-decoration: none; }
ol.toc a:hover { text-decoration: underline; }

/* ── Prosa-/skjemasider (Om, Kontakt o.l.) — III-typografi uten kort ── */
.section { padding: 4rem 1.5rem; }
.section.center, header.center { text-align: center; }
.section .wrap { max-width: 1100px; margin: auto; }
.section h1, header h1 {
  font-family: 'Syne', sans-serif; font-weight: 800;
  color: var(--gov-white); font-size: clamp(2.2rem, 5vw, 3.4rem);
  margin: 0 0 1rem;
}
.section h2 {
  font-family: 'Syne', sans-serif; font-weight: 700;
  color: var(--gov-white); font-size: 1.6rem;
}
.section p, .section .muted, header .muted { color: var(--gov-muted); line-height: 1.7; }
.section em { color: var(--gov-white); }
.section form label { color: var(--gov-white); font-weight: 600; font-size: 0.95rem; }
.section form input, .section form textarea { font-family: 'DM Sans', sans-serif; }