/* Reading and navigation improvements from the September 2026 review. */
.chapter-contents a:focus-visible {
  outline: 2px solid var(--orange-ink); outline-offset: 3px;
}
.chapter-hero--clean h1 { font-size: clamp(2rem, 4.5vw, 3.2rem); line-height: 1.12; }
.md-typeset .chapter-shell > .chapter-video { margin: 1.1rem 0 .8rem; }
.md-typeset .chapter-shell > details.chapter-contents {
  background: var(--paper);
  border: 1px solid var(--line); border-radius: .8rem; box-shadow: none;
  color: var(--ink); font-size: calc(.76rem * var(--reader-scale));
  margin: .8rem 0 1.8rem; padding: 0;
}
.md-typeset details.chapter-contents > summary {
  align-items: center; display: flex;
  background: var(--paper-soft); border-radius: .75rem; cursor: pointer;
  font-weight: 650; line-height: 1.5; min-height: 3.2rem;
  margin: 0; padding: .85rem 2.75rem .85rem 1rem;
}
.md-typeset details.chapter-contents[open] > summary { border-radius: .75rem .75rem 0 0; }
.md-typeset details.chapter-contents > summary:hover { background: color-mix(in srgb, var(--ntnu-blue-pale) 58%, var(--paper)); }
.md-typeset details.chapter-contents > summary:focus-visible {
  outline: 2px solid var(--orange-ink); outline-offset: 3px;
}
.md-typeset details.chapter-contents > summary::before { display: none; }
.md-typeset details.chapter-contents > summary::after {
  background: none; mask: none; -webkit-mask: none;
  border-bottom: 2px solid currentColor; border-right: 2px solid currentColor;
  color: var(--blue-ink); content: ""; height: .45rem; width: .45rem;
  right: 1.1rem; top: 50%; margin-top: -.35rem; transform: rotate(45deg);
}
.md-typeset details.chapter-contents[open] > summary::after { margin-top: -.1rem; transform: rotate(225deg); }
.md-typeset .chapter-contents ul { columns: 2; list-style: none; margin: 0; padding: .45rem .8rem .8rem; }
.md-typeset .chapter-contents li { break-inside: avoid; margin: 0; padding: 0; }
.md-typeset .chapter-contents a {
  border-radius: .3rem; color: var(--blue-ink); display: block;
  line-height: 1.5; padding: .5rem .35rem; text-decoration: none;
}
.md-typeset .chapter-contents a:hover { background: var(--paper-soft); text-decoration: underline; text-underline-offset: .15em; }
.md-typeset .chapter-figure img[width][height] { height: auto; }
html[lang="nb"] .md-nav--primary > .md-nav__list::before { content: "NAVIGASJON"; }
@media screen and (max-width: 48em) {
  .home-title h1 { font-size: clamp(2rem, 8.8vw, 3rem); }
  html[lang="nb"] .home-title h1 { font-size: clamp(1.5rem, 7.5vw, 2.6rem); overflow-wrap: normal; }
  html[lang="nb"] .chapter-hero--clean h1 { font-size: clamp(1.1rem, 7.4vw, 2.5rem); }
  .md-typeset .chapter-contents ul { columns: 1; }
}
@media print { .chapter-contents { display: none !important; } }

/* Name the drawer action without adding another control or widening the header. */
.md-header__button[for="__drawer"] svg { display: none; }
.md-header__button[for="__drawer"]::after {
  content: "Menu"; display: block; font-family: var(--md-text-font-family);
  font-size: 12px; font-weight: 650; line-height: 24px;
}
html[lang="nb"] .md-header__button[for="__drawer"]::after { content: "Meny"; }