/* «Forskjellen» over de gamle sidene (Områder, Perspektiver, Kontakt, Verdivurdering m.fl.).
   Lastes etter /sc/scrollcraft.css, /site.css og /ny/ny.css i BaseHead. Overstyrer tokenene, så
   de gamle komponentene får hvit grunn, Geist, mindre tekst og ingen kursiv uten at hver side
   må skrives om. Nye sider bygges heller med NyHead/NyTopp/NyKolofon og ny.css direkte. */

:root, .ground--paper, .ground--paper2, .ground--navy {
  --paper: #FFFFFF !important; --paper-2: #F5F5F4 !important;
  --navy: #FFFFFF !important; --navy-2: #F5F5F4 !important;
  --gold: #8A6D33 !important; --gold-deep: #8A6D33 !important;
  --sc-canvas: #FFFFFF;
  --sc-surface: #FFFFFF;
  --sc-ink: #0A1119;
  --sc-ink-soft: #5B636D;
  --sc-accent: #8A6D33;
  --sc-accent-ink: #FFFFFF;
  --sc-hairline: #E7E8EA;
  --sc-hairline-strong: #D9DBDE;
  --sc-font-display: "Geist", "Helvetica Neue", Arial, sans-serif;
  --sc-font-text: "Geist", "Helvetica Neue", Arial, sans-serif;
  --sc-font-mono: "Geist Mono", ui-monospace, Consolas, monospace;
  --sc-t-base: 14px;
  --sc-t-lg: 15px;
  --sc-t-xl: clamp(17px, 1.4vw, 20px);
  --sc-t-2xl: clamp(20px, 2vw, 26px);
  --sc-t-3xl: clamp(24px, 2.8vw, 36px);
  --sc-t-4xl: clamp(28px, 3.6vw, 48px);
}
.ground--paper2 { --sc-canvas: #F5F5F4; }
.ground--paper, .ground--paper2, .ground--navy { background: var(--sc-canvas); color: var(--sc-ink); }
body { background: #FFFFFF; color: #0A1119; font-family: var(--f-sans); font-size: 14px; }

/* Typografi: én grotesk, stram, aldri kursiv */
em, i, cite, .sc-display em, blockquote { font-style: normal; }
em { color: var(--gold-ink); }
h1, h2, h3, .sc-display { font-family: var(--f-sans); font-weight: 500; letter-spacing: -.035em; line-height: 1.08; text-wrap: balance; }
.sc-display--xl { font-size: clamp(32px, 4.4vw, 60px); }
.sc-display--lg { font-size: clamp(26px, 3.2vw, 44px); }
.sc-display--md { font-size: clamp(22px, 2.4vw, 32px); }
.sc-lede { font-family: var(--f-sans); font-size: 16px; letter-spacing: -.01em; line-height: 1.5; color: var(--ink-2); }
.prose, .prose p { font-size: 15px; line-height: 1.65; }
.prose h2 { font-size: clamp(20px, 2vw, 26px); margin-top: 2.2em; }
.prose h3 { font-size: 17px; margin-top: 1.8em; }
.serif { font-family: var(--f-sans) !important; font-style: normal !important; }

/* Etiketter og lenker */
.etikett, .caption, .ledger span, .meny__label { font-family: var(--f-mono); letter-spacing: .08em; }
a.running { text-decoration: none; border-bottom: 1px solid var(--gold); padding-bottom: 1px; color: var(--ink); }
.btn--solid, .sc-btn { background: var(--ink); color: #fff; border-radius: 999px; font-family: var(--f-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }

/* Det gamle rutenettet, linjalen og den gamle folioen hører ikke til den nye stilen */
.rutenett, .linjal, .kryss, .folio { display: none !important; }

/* Den nye menyen deler klassenavnet .meny med den gamle; nøytraliser den gamle klippeeffekten */
.meny { clip-path: none !important; transition: none !important; z-index: 80 !important; background: #FFFFFF; color: var(--ink); }

/* Toppen og kapittelstart får luft under den faste toppen */
main { padding-top: 0; }
.title-page { padding-top: clamp(96px, 16vh, 160px); }

/* Navy-flater (kartscenen, estimatboksen) blir lyse med blekk og hårlinjer */
.ground--navy { --sc-ink: #0A1119; --sc-ink-soft: #5B636D; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.estimat-boks.ground--navy { border: 1px solid var(--line); }

/* Bilder: firkantede, rolige */
.plate, .plate img { border-radius: 0; }

/* Skjemaer i ny stil */
input, select, textarea { font-family: var(--f-sans); font-size: 14px; }