/* Text-page additions to the shared Nordic Creative holding template. */
.hp-guide .hp__main { max-width: 760px; }
.hp-guide .hp-h2 { max-width: none; }
.hp-guide .hp-p, .hp-guide .hp-lede { max-width: var(--measure); }
.hp-guide-list {
  display: grid;
  gap: var(--s-5);
  margin: 0;
  padding-left: var(--s-7);
}
.hp-guide strong { color: var(--text); font-weight: 600; }
.hp-guide-list li::marker { color: var(--accent); }
.hp-guide-nav { display: flex; flex-wrap: wrap; gap: var(--s-4) var(--s-7); }
.hp-guide-nav a { font-size: var(--fs-ui); line-height: 1.5; }
.hp-guide-levels { margin: 0; }
.hp-guide-levels .hp-row { gap: var(--s-3) var(--s-7); }
.hp-guide-levels dt { font-weight: 560; }
.hp-guide-levels dd { margin: 0; }
.hp-guide [id] { scroll-margin-top: var(--s-7); }
.hp-guide .hp-legal { line-height: 1.6; }

@media (max-width: 480px) {
  .hp-guide-levels .hp-row { flex-direction: column; }
}

@media print {
  .hp-guide {
    --text: #000;
    --soft: #222;
    --dim: #333;
    --muted: #444;
    --accent: #000;
    --line: #bbb;
    --line-strong: #888;
    --fs-h1: 28pt;
    --fs-h2: 16pt;
    --fs-lede: 12pt;
    --fs-body: 10.5pt;
    --gap-shell: 20pt;
    --gap-block: 18pt;
    --rule-pad: 12pt;
  }
  .hp-guide .hp__inner { max-width: none; padding: 0; }
  .hp-guide .hp__main { max-width: none; }
  .hp-guide-nav, .hp-guide .hp-skip { display: none; }
  .hp-guide .hp-h2 { break-after: avoid; }
  .hp-guide p, .hp-guide li { orphans: 3; widows: 3; }
}