/* Godkjent guideoppsett. Alle farger arves fra dagens lyse og mørke tema. */
:is(#reguleringsplan-guide, #risikoguide) { max-width: 1160px; margin: 0 auto; padding: 0 .375rem 4.5rem; font-size: 15px; }
:is(#reguleringsplan-guide, #risikoguide) .brodsmuler { margin-bottom: 2.8rem; }
:is(#reguleringsplan-guide, #risikoguide) .plan-etikett { margin: 0 0 .8rem; color: var(--accent); font-size: .7rem; text-transform: uppercase; letter-spacing: .14em; font-weight: 600; }
:is(#reguleringsplan-guide, #risikoguide) .plan-hero { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 4rem; }
:is(#reguleringsplan-guide, #risikoguide) .artikkel-h1 { max-width: 720px; font-size: clamp(2.4rem, 4.4vw, 3.75rem); line-height: 1.13; margin: 0 0 1.4rem; }
:is(#reguleringsplan-guide, #risikoguide) .plan-lead { font-size: 1.1rem; line-height: 1.65; color: var(--dim); margin: 0 0 1.5rem; }
:is(#reguleringsplan-guide, #risikoguide) .artikkel-meta { margin-bottom: 2rem; }
:is(#reguleringsplan-guide, #risikoguide) .plan-snarveier { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; padding-top: 1.3rem; border-top: 1px solid var(--line); }
:is(#reguleringsplan-guide, #risikoguide) .plan-snarveier a, :is(#reguleringsplan-guide, #risikoguide) .plan-hero-aside a { color: var(--accent); font-size: .82rem; text-underline-offset: 4px; }
:is(#reguleringsplan-guide, #risikoguide) .plan-hero-aside { align-self: center; border-left: 1px solid var(--line); padding-left: 1.75rem; }
:is(#reguleringsplan-guide, #risikoguide) .plan-hero-aside h2 { font: 400 1.4rem/1.2 "Fraunces", Georgia, serif; margin: 0 0 1rem; }
:is(#reguleringsplan-guide, #risikoguide) .plan-hero-aside a { display: block; margin: .8rem 0; }
:is(#reguleringsplan-guide, #risikoguide) .plan-hero-aside p { color: var(--dim); font-size: .78rem; margin-top: 1.2rem; }
:is(#reguleringsplan-guide, #risikoguide) .plan-start { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2rem; margin: 3rem 0; padding: 2rem; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
:is(#reguleringsplan-guide, #risikoguide) .plan-start h2 { font: 400 1.75rem/1.2 "Fraunces", Georgia, serif; margin: 0 0 1rem; letter-spacing: -.02em; }
:is(#reguleringsplan-guide, #risikoguide) .plan-start p { color: var(--dim); margin: 0; }
:is(#reguleringsplan-guide, #risikoguide) .plan-start .artikkel-sok { margin: 0; padding: 0; border: 0; background: none; }
:is(#reguleringsplan-guide, #risikoguide) .plan-start .sok-side__skjema { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
:is(#reguleringsplan-guide, #risikoguide) .plan-start .sok-side__skjema button { white-space: nowrap; }
:is(#reguleringsplan-guide, #risikoguide) .plan-start .plan-sok-hint { margin: .65rem 0 0; font-size: .75rem; }
:is(#reguleringsplan-guide, #risikoguide) .plan-bodygrid { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 4rem; }
:is(#reguleringsplan-guide, #risikoguide) .plan-hovedtekst { min-width: 0; }
:is(#reguleringsplan-guide, #risikoguide) .markdown-body h2 { font-family: "Fraunces", Georgia, serif; font-size: 2rem; font-weight: 400; margin: 0 0 1.3rem; }
:is(#reguleringsplan-guide, #risikoguide) .markdown-body .plan-steg { list-style: none; counter-reset: plan-steg; margin: 0; padding: 0; }
:is(#reguleringsplan-guide, #risikoguide) .plan-steg > li { counter-increment: plan-steg; position: relative; padding: 1.6rem 0 1.6rem 3.2rem; border-top: 1px solid var(--line); margin: 0; }
:is(#reguleringsplan-guide, #risikoguide) .plan-steg > li::before { content: counter(plan-steg); position: absolute; left: 0; top: 1.6rem; width: 2rem; height: 2rem; display: grid; place-items: center; background: var(--accent-soft); color: var(--accent); border-radius: 50%; font-size: .8rem; }
:is(#reguleringsplan-guide, #risikoguide) .plan-steg h3 { font-family: inherit; font-size: 1.2rem; font-weight: 500; margin: 0 0 .8rem; }
:is(#reguleringsplan-guide, #risikoguide) .plan-steg p { color: var(--dim); margin: 0 0 .85rem; }
:is(#reguleringsplan-guide, #risikoguide) .plan-steg p:last-child { margin: 0; }
:is(#reguleringsplan-guide, #risikoguide) .plan-merknad { background: var(--accent-soft); border-left: 3px solid var(--accent); padding: 1.2rem 1.5rem; margin: 1.4rem 0 2.6rem; font-size: .88rem; }
:is(#reguleringsplan-guide, #risikoguide) .plan-dokument { align-self: start; padding: 1.5rem; background: var(--bg-alt); border-radius: 12px; }
:is(#reguleringsplan-guide, #risikoguide) .plan-dokument h2 { font-size: 1.4rem; margin-bottom: 1rem; }
:is(#reguleringsplan-guide, #risikoguide) .plan-dokument li { color: var(--dim); }
:is(#reguleringsplan-guide, #risikoguide) .plan-dokument p:last-child { font-size: .78rem; color: var(--dim); margin: 0; }
:is(#reguleringsplan-guide, #risikoguide) .plan-faq details { border-top: 1px solid var(--line); padding: 1.1rem 0; }
:is(#reguleringsplan-guide, #risikoguide) .plan-faq summary { font-weight: 500; cursor: pointer; }
:is(#reguleringsplan-guide, #risikoguide) .plan-faq details p { color: var(--dim); margin: .8rem 0 0; }
:is(#reguleringsplan-guide, #risikoguide) .plan-kilder { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
:is(#reguleringsplan-guide, #risikoguide) .plan-kilder h2 { font-family: inherit; font-size: .9rem; font-weight: 600; line-height: 1.4; letter-spacing: 0; }
:is(#reguleringsplan-guide, #risikoguide) .plan-kilder p, :is(#reguleringsplan-guide, #risikoguide) .plan-kilder li { font-size: .82rem; }
:is(#reguleringsplan-guide, #risikoguide) [id] { scroll-margin-top: 6rem; }
@media (max-width: 760px) {
  :is(#reguleringsplan-guide, #risikoguide) { padding: 0 .375rem 3rem; }
  :is(#reguleringsplan-guide, #risikoguide) .brodsmuler { margin-bottom: 1.8rem; }
  :is(#reguleringsplan-guide, #risikoguide) .plan-hero, :is(#reguleringsplan-guide, #risikoguide) .plan-bodygrid, :is(#reguleringsplan-guide, #risikoguide) .plan-start { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  :is(#reguleringsplan-guide, #risikoguide) .artikkel-h1 { font-size: clamp(2rem, 9.8vw, 2.45rem); }
  :is(#reguleringsplan-guide, #risikoguide) .plan-lead { font-size: 1rem; }
  :is(#reguleringsplan-guide, #risikoguide) .plan-hero-aside { display: none; }
  :is(#reguleringsplan-guide, #risikoguide) .plan-start { padding: 1.4rem; margin: 2rem 0; }
  :is(#reguleringsplan-guide, #risikoguide) .plan-start h2 { font-size: 1.6rem; }
  :is(#reguleringsplan-guide, #risikoguide) .plan-start .sok-side__skjema { grid-template-columns: minmax(0, 1fr); }
  :is(#reguleringsplan-guide, #risikoguide) .plan-start .sok-side__skjema button { min-height: 46px; }
  :is(#reguleringsplan-guide, #risikoguide) .plan-dokument { order: -1; }
  :is(#reguleringsplan-guide, #risikoguide) .markdown-body h2 { font-size: 1.8rem; }
  :is(#reguleringsplan-guide, #risikoguide) .plan-dokument h2 { font-size: 1.4rem; }
  :is(#reguleringsplan-guide, #risikoguide) .plan-steg > li { padding-left: 2.6rem; }
  :is(#reguleringsplan-guide, #risikoguide) .plan-steg > li::before { width: 1.8rem; height: 1.8rem; }
}

:is(#reguleringsplan-guide, #risikoguide) .artikkel-h1 { font-family: "Fraunces", Georgia, serif; font-weight: 400; overflow-wrap: normal; }
:is(#reguleringsplan-guide, #risikoguide) .artikkel-h1 .portal-side-ikon { display: none; }
:is(#reguleringsplan-guide, #risikoguide) .plan-start button { scroll-margin-block: 7rem; }