/* Shared brand styling for the existing demo, invitation and legal documents. */
@import url('/site.css');
:root {
  --ink-2: var(--pale);
  --gronn: var(--green);
  --rav: #96621b;
  --rav-dim: #cba66f;
  --rav-faint: #fbf3e5;
  --hairline: var(--line);
}
body > .nav { background: white; border-bottom: 1px solid var(--line); padding-block: 23px; }
body > .nav .wrap { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
body > .nav img { display: block; width: 153px; height: auto; }
body > .nav .back { font-size: 13px; color: var(--muted); }
body > main { padding-block: 52px 75px; }
body > main > .wrap { max-width: 720px; }
body > main h1 { font-size: clamp(35px, 6vw, 48px); letter-spacing: -1.5px; line-height: 1.12; margin-bottom: 17px; font-weight: 400; text-transform: none; }
body > main h2 { font-size: 24px; letter-spacing: -.5px; line-height: 1.3; margin: 35px 0 13px; }
body > main h2 .num { color: var(--green); margin-right: 9px; }
body > main h3 { margin-block: 22px 9px; font-size: 18px; }
body > main .updated { font-size: 12px; color: var(--muted); margin-bottom: 30px; }
body > main p { color: var(--muted); margin-bottom: 14px; }
body > main .lead { font-size: 17px; line-height: 1.8; }
body > main strong { color: var(--ink); }
body > main ul, body > main ol { margin: 0 0 18px; padding-left: 22px; }
body > main li { margin-bottom: 9px; color: var(--muted); }
body > main a { color: var(--green); text-decoration: underline; text-underline-offset: 4px; }
.callout { background: var(--pale); border-left: 2px solid var(--green); padding: 18px 22px; margin-block: 23px; }
.callout p:last-child { margin-bottom: 0; }
body > footer { border-top: 1px solid var(--line); padding-block: 27px; color: var(--muted); font-size: 12px; }
body > footer .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px; }
body > footer a { color: var(--muted); }
body main .skjema { background: white; border: 1px solid var(--line); border-radius: 0; padding: 28px; }
body main .felt > label, body main .felt legend { text-transform: none; letter-spacing: 0; font-size: 14px; color: var(--ink); }
body main .felt.samtykke > label { color: var(--muted); font-size: 13px; line-height: 1.75; }
body main input[type=email] { background: var(--paper); color: var(--ink); border-radius: 0; }
body main .plattform span { background: var(--paper); border-radius: 0; color: var(--ink); }
body main .plattform input:checked + span { background: var(--pale); border-color: var(--green); color: var(--dark); }
body main button.send, body main .knapp { background: var(--dark); color: white; border-radius: 0; font-weight: 400; font-size: 15px; text-decoration: none; }
body main button.send:hover, body main .knapp:hover { background: var(--green); }
body main .feil { background: var(--rav-faint); color: var(--ink); border-radius: 0; }
body main .kode-blokk { border-radius: 0; }
body main .kode { font-family: Arial, Helvetica, sans-serif; }
body main .steg { padding-left: 0; }
@media (max-width: 650px) {
  body > .nav { padding-block: 20px; }
  body > .nav img { width: 126px; }
  body > main { padding-block: 35px 50px; }
  body > main .lead { font-size: 15px; }
  body main .skjema { padding: 22px; }
}