:root {
  --empty-paper: #f5f0e6;
  --empty-paper-deep: #e9e1d4;
  --empty-ink: #171815;
  --empty-muted: #625e55;
  --empty-line: #d8cfbe;
  --empty-accent: #173452;
  --empty-blue: #2e6f91;
  --empty-neutral: #8c9a8e;
}

html { scroll-behavior: smooth; }
body.article-tomme-bo { margin: 0; background: var(--empty-paper); color: var(--empty-ink); }
.article-tomme-bo .site-main { overflow: clip; }
.article-tomme-bo a { color: inherit; }

/* The page uses the exact shared generated-article shell. These rules only
   describe research-specific media, data components and calls to action. */
.article-tomme-bo .blog-article-hero--research {
  min-height: 760px;
  background: #0a2c45;
}
.article-tomme-bo .blog-article-hero--research .blog-article-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: .76;
  filter: saturate(.76) contrast(1.04) brightness(.86);
}
.article-tomme-bo .blog-article-hero--research .blog-article-hero__shade {
  background:
    linear-gradient(90deg, rgba(6, 22, 36, .98) 0%, rgba(6, 22, 36, .92) 39%, rgba(6, 28, 45, .48) 66%, rgba(6, 28, 45, .12) 100%),
    linear-gradient(180deg, rgba(5, 18, 30, .38), rgba(5, 18, 30, .04) 52%, rgba(5, 18, 30, .74));
}
.study-hero__caption {
  position: absolute;
  right: 28px;
  bottom: 24px;
  z-index: 2;
  max-width: 22rem;
  color: rgba(250, 246, 237, .66);
  font: 500 .66rem/1.45 var(--caption);
  text-align: right;
}
.study-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
  font-family: var(--caption);
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.study-hero__actions a {
  padding: .78rem .92rem .72rem;
  border: 1px solid rgba(250, 246, 237, .48);
  color: var(--paper-soft);
  text-decoration: none;
}
.study-hero__actions a:hover,
.study-hero__actions a:focus-visible { background: rgba(250, 246, 237, .12); }
.research-author-mark img { box-sizing: border-box; padding: 14px; object-fit: contain; }

.empty-status {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 54px;
  border: 1px solid var(--empty-line);
}
.empty-status > div { padding: 24px; border-right: 1px solid var(--empty-line); }
.empty-status > div:last-child { border-right: 0; }
.empty-status span,
.study-cta span,
.study-choice__eyebrow {
  display: block;
  color: var(--empty-accent);
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.empty-status strong {
  display: block;
  margin-top: 18px;
  font-family: var(--display);
  font-size: clamp(32px, 3vw, 52px);
  font-weight: 300;
  line-height: 1;
}
.empty-status small { display: block; margin-top: 8px; color: var(--empty-muted); font-size: 12px; }

.article-tomme-bo .study-toc.blog-article-toc {
  position: relative;
  top: auto;
  min-width: 0;
  max-height: none;
  overflow: visible;
}
.article-tomme-bo .study-toc.blog-article-toc a { min-width: 0; overflow-wrap: anywhere; hyphens: auto; }
.study-body { min-width: 0; color: var(--blog-copy); font-family: var(--text); font-size: 1.06rem; font-weight: 400; line-height: 1.9; }
.study-body > p:first-child {
  max-width: 720px;
  margin: 0 0 56px;
  padding: 4px 0 52px 22px;
  border-bottom: 1px solid var(--blog-rule);
  border-left: 3px solid var(--blog-accent);
  color: var(--blog-ink);
  font-size: clamp(1.18rem, 1.28vw, 1.48rem);
  line-height: 1.62;
}
.study-body p,
.study-body ul,
.study-body ol { margin: 0 0 1.45em; }
.study-body p { color: var(--blog-copy); font-family: var(--text); font-size: 1.06rem; font-weight: 400; letter-spacing: 0; line-height: 1.9; }
.study-body li + li { margin-top: .65em; }
.study-body h2,
.study-body h3,
.study-body h4 { scroll-margin-top: 110px; color: var(--blog-ink); }
.study-body h2 {
  display: grid;
  gap: 16px;
  max-width: 720px;
  margin: 0 0 28px;
  padding-top: 54px;
  font-family: var(--display);
  font-size: 3.1rem;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.02;
}
.study-body h2::after { display: block; width: clamp(58px, 5.8vw, 96px); height: 2px; background: var(--blog-accent); content: ""; }
.study-body h3 { max-width: 640px; margin: 42px 0 18px; font-family: var(--sans); font-size: 1.08rem; font-weight: 500; line-height: 1.38; }
.study-body h4 { margin: 2em 0 .6em; font-family: var(--sans); font-size: 1rem; font-weight: 700; line-height: 1.4; }
.study-body a { color: var(--empty-blue); text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.study-body hr { height: 1px; margin: 4em 0; border: 0; background: var(--empty-line); }
.study-body code { padding: .1em .3em; background: var(--empty-paper-deep); font-size: .86em; overflow-wrap: anywhere; }
.study-body pre { overflow: auto; padding: 20px; border: 1px solid var(--empty-line); background: var(--empty-paper-deep); font-size: 13px; line-height: 1.55; }

.study-hero-reprise {
  width: min(1200px, calc(100vw - 96px));
  margin: 4em 0 4.5em 50%;
  padding: clamp(18px, 2.6vw, 34px);
  transform: translateX(-50%);
  border: 1px solid var(--empty-line);
  background: var(--empty-paper-deep);
}
.study-hero-reprise__heading { display: flex; gap: 18px 40px; align-items: end; justify-content: space-between; margin-bottom: 20px; }
.study-hero-reprise__heading span { color: var(--empty-accent); font: 700 11px/1.4 var(--sans); letter-spacing: .08em; text-transform: uppercase; }
.study-hero-reprise__heading strong { max-width: 18ch; font: 300 clamp(30px, 4vw, 52px)/1.02 var(--display); }
.study-hero-reprise img { display: block; width: 100%; height: auto; border: 1px solid var(--empty-line); background: var(--empty-paper); }
.study-hero-reprise > p { max-width: 760px; margin: 18px 0 0; color: var(--empty-muted); font: 500 13px/1.6 var(--text); }

.study-table { max-width: 100%; margin: 2.2em 0 2.8em; overflow-x: auto; border: 1px solid var(--empty-line); background: var(--empty-paper); }
.study-table table { width: 100%; min-width: 650px; border-collapse: collapse; font-size: 14px; line-height: 1.5; }
.study-table th,
.study-table td { padding: 15px 17px; border-right: 1px solid var(--empty-line); border-bottom: 1px solid var(--empty-line); text-align: left; vertical-align: top; }
.study-table tr:last-child td { border-bottom: 0; }
.study-table th:last-child,
.study-table td:last-child { border-right: 0; }
.study-table thead { background: var(--empty-paper-deep); }

.study-figure { width: min(1200px, calc(100vw - 96px)); margin: 3.5em 0 4.2em 50%; transform: translateX(-50%); }
.study-figure img { display: block; width: 100%; height: auto; border: 1px solid var(--empty-line); background: var(--empty-paper); }
.study-figure figcaption { padding: 18px 0 0; color: var(--empty-muted); font-size: 13px; line-height: 1.55; }
.study-figure figcaption p { margin: 0; }
.study-quote,
.study-note { margin: 2.4em 0; padding: 26px 30px; border-left: 4px solid var(--blog-accent); background: var(--empty-paper-deep); }
.study-note { border: 1px solid var(--empty-line); border-top: 4px solid var(--blog-accent); }
.study-quote p:last-child,
.study-note p:last-child { margin-bottom: 0; }
.study-footnote { margin: 3em 0; padding-top: 20px; border-top: 1px solid var(--empty-line); color: var(--empty-muted); font-size: 13px; }

.study-cta {
  width: min(1100px, calc(100vw - 64px));
  margin: 4em 0 4.2em 50%;
  padding: clamp(34px, 5vw, 68px);
  transform: translateX(-50%);
  border: 1px solid rgba(255, 255, 255, .24);
  color: var(--empty-paper);
  background: linear-gradient(108deg, #08243a 0%, #173452 58%, #2e6f91 100%);
}
.study-cta--search,
.study-cta--project { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 40px; align-items: end; }
.study-cta span,
.study-choice__eyebrow { margin-bottom: 12px; color: var(--empty-cta-eyebrow); }
.study-cta h2 { max-width: 13ch; margin: 0; padding: 0; border: 0; color: inherit; font-size: clamp(38px, 5vw, 68px); }
.study-cta h2::after { display: none; }
.study-cta p { max-width: 670px; margin: 18px 0 0; color: inherit; opacity: .82; }
.study-cta span,
.study-choice__eyebrow { color: rgba(250, 246, 237, .72); }
.study-cta__actions { display: flex; flex-wrap: wrap; gap: 9px; }
.study-cta__actions a { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 13px 20px; border: 1px solid var(--empty-paper); color: var(--empty-paper); font: 700 12px/1.3 var(--sans); text-decoration: none; }
.study-cta__actions .study-cta__primary { background: var(--empty-paper); color: var(--empty-ink); }
.study-cta--choice > h2 { color: inherit; }
.study-choice__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 30px; }
.study-choice__grid a { display: flex; min-height: 260px; flex-direction: column; padding: 28px; border: 1px solid rgba(255, 255, 255, .55); background: rgba(255, 255, 255, .06); color: var(--empty-paper); text-decoration: none; transition: background .2s ease, border-color .2s ease; }
.study-choice__grid a:hover { border-color: var(--empty-paper); background: rgba(255, 255, 255, .12); }
.study-choice__grid span { color: rgba(250, 246, 237, .72); }
.study-choice__grid strong { font: 300 clamp(26px, 3vw, 40px)/1.08 var(--display); }
.study-choice__grid p { margin: 16px 0; color: inherit; opacity: .82; }
.study-choice__grid em { margin-top: auto; color: var(--empty-paper); font-style: normal; font-weight: 700; }

@media (max-width: 1080px) {
  .empty-status { grid-template-columns: repeat(2, 1fr); }
  .empty-status > div { border-bottom: 1px solid var(--empty-line); }
}

@media (max-width: 760px) {
  .study-hero__caption { display: none; }
  .empty-status { grid-template-columns: 1fr; }
  .empty-status > div { border-right: 0; }
  .article-tomme-bo .study-body h2 { font-size: 1.82rem; line-height: 1.12; }
  .study-body { font-size: 1rem; line-height: 1.78; }
  .study-figure { width: calc(100vw - 20px); }
  .study-hero-reprise { width: calc(100vw - 20px); padding: 14px; }
  .study-hero-reprise__heading { display: grid; }
  .study-cta { width: calc(100vw - 20px); padding: 30px 22px; }
  .study-cta--search,
  .study-cta--project { grid-template-columns: 1fr; }
  .study-choice__grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print {
  .article-tomme-bo .site-header,
  .study-hero__actions,
  .study-hero__caption,
  .study-toc,
  .study-cta { display: none; }
  .study-figure { width: 100%; margin-inline: 0; transform: none; break-inside: avoid; }
}

/* Related reading (2026-09-07): the shared five-card row from rad-article.css is kept as designed. Only the card title is
   allowed to shrink between 761 and 1777 px so long Norwegian words (tvangsoppløsning, Håndverkertilbud) never get
   clipped by the neighbouring card in the three- or five-column rows; at 1778 px and wider it is the shared 2rem. Scoped to this publication. */
@media(min-width:761px){.rad-article-page .blog-related-card strong{font-size:clamp(1.5rem,1.8vw,2rem);overflow-wrap:break-word}}

/* Between 761 and 1320 px the shared grid drops to three columns and five cards would leave one empty cell; the row is
   tiled 3 + 2 instead (row 1: three cards over 2/6 each, row 2: two cards over 3/6 each). Assumes exactly five cards. */
@media(min-width:761px) and (max-width:1320px){.rad-article-page .blog-related .blog-related__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.rad-article-page .blog-related .blog-related-card{grid-column:span 2}.rad-article-page .blog-related .blog-related-card:nth-child(4),.rad-article-page .blog-related .blog-related-card:nth-child(5){grid-column:span 3}}

/* 13.09.2026 — kirurgisk rettelse: nettstedets innloggingsknapp i headeren kom etter dette stilarket, og regelen «.article-tomme-bo a { color: inherit }» over slo dens marineblå tekst over det mørke heroet (hvit tekst på lys knapp). Gjenoppretter headerens egen farge for den utloggede knappen; innlogget tilstand styres fortsatt av headerens mer spesifikke regler. */
.article-tomme-bo .site-header a.header-konto { color: #173f62; }