/* Dossier design: reading column, chapter navigation and restrained typography. */
html[data-prototype="dossier"] { scroll-padding-top: 0; }
[data-prototype="dossier"] .nla-v2 {
  --nla-ink: #22382f; --nla-paper: #faf9f5; --nla-muted: #526057;
  --nla-line: #d6dcd3; --nla-orange: #ee8864;
  --nla-reading-width: 710px; --nla-section-space: 48px;
  --nla-hero-space: 56px; --nla-layout-gap: 68px;
  --nla-rail-width: 172px; --nla-rail-gap: 48px;
  --nla-reading-inset: calc(var(--nla-rail-width) + var(--nla-rail-gap));
  font-size: 17px; overflow: clip;
}
[data-prototype="dossier"] .nla-container { width: min(1160px, calc(100% - 112px)); }
[data-prototype="dossier"] .nla-v2 p { line-height: 1.8; }
[data-prototype="dossier"] .nla-v2 h2 {
  font-family: var(--display); font-size: clamp(28px, 2.8vw, 38px); font-weight: 500;
  line-height: 1.2; letter-spacing: -.04em; text-wrap: pretty;
}
[data-prototype="dossier"] .nla-v2 h2 em {
  font: inherit; letter-spacing: inherit;
}
[data-prototype="dossier"] .nla-eyebrow { font-size: 10px; letter-spacing: .12em; font-weight: 500; }
[data-prototype="dossier"] .nla-header {
  width: min(1160px, calc(100% - 112px)); height: 90px; padding: 0;
  margin-inline: auto; gap: 32px; border-bottom: 1px solid #9da99c;
}
[data-prototype="dossier"] .nla-brand > span { font-size: 50px; }
[data-prototype="dossier"] .nla-brand small { font-size: 10px; }
[data-prototype="dossier"] .nla-header nav { font-size: 13px; gap: 27px; }
/* Use the site's own pressed feedback instead of the browser's tap overlay. */
.nla-header,
.nla-mobile-header { -webkit-tap-highlight-color: transparent; }
:is(.nla-header, .nla-mobile-header) :is(a, .nla-mobile-header-toggle):active {
  opacity: .72;
}
[data-prototype="dossier"] .nla-button {
  min-height: 48px; border-radius: 2px; padding: 13px 18px; gap: 20px;
  font-size: 13px; font-weight: 500; box-shadow: none;
}
[data-prototype="dossier"] .nla-button svg { width: 16px; height: 16px; stroke-width: 1.5; }
/* Primary actions use the accent; secondary actions keep a quiet outline. */
[data-prototype="dossier"] .nla-button-secondary {
  background: transparent; color: var(--nla-ink); border-color: #71846b;
}
[data-prototype="dossier"] .nla-button-secondary:hover { background: #e8ece3; }
[data-prototype="dossier"] .nla-foundation-hero .nla-button-secondary {
  color: var(--nla-paper); border-color: #d6dcd3; background: #142b2359;
}
[data-prototype="dossier"] .nla-foundation-hero .nla-button-secondary:hover { background: #142b2399; }

/* Quiet feedback for the main actions; the reveal is opt-in and plays once. */
[data-prototype="dossier"] .nla-button:is(.nla-button-primary, .nla-button-secondary) {
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease,
    filter 180ms ease, transform 120ms ease;
}
@media (hover: hover) and (pointer: fine) {
  [data-prototype="dossier"] .nla-button:is(.nla-button-primary, .nla-button-secondary):not(:disabled):hover {
    filter: brightness(.96);
  }
}
@media (prefers-reduced-motion: no-preference) {
  [data-prototype="dossier"] .nla-button:is(.nla-button-primary, .nla-button-secondary) > :is(svg, span[aria-hidden="true"]) {
    transition: transform 180ms ease;
  }
  @media (hover: hover) and (pointer: fine) {
    [data-prototype="dossier"] .nla-button:is(.nla-button-primary, .nla-button-secondary):not(:disabled):hover > :is(svg, span[aria-hidden="true"]) {
      transform: translateX(3px);
    }
  }
  [data-prototype="dossier"] .nla-button:is(.nla-button-primary, .nla-button-secondary):not(:disabled):active {
    transform: translateY(1px) scale(.985);
    transition-duration: 80ms;
  }
  [data-prototype="dossier"] [data-cta-reveal] { position: relative; }
  [data-prototype="dossier"] [data-cta-reveal].nla-cta-revealed::after {
    content: "";
    position: absolute;
    inset: -1px;
    border: 1px solid #efab8d;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    animation: nla-cta-reveal 1400ms ease-out 180ms 1;
  }
  @keyframes nla-cta-reveal {
    0%, 100% { opacity: 0; box-shadow: 0 0 0 0 #ee886400; }
    35% { opacity: .85; box-shadow: 0 0 16px 5px #ee886438; }
    70% { opacity: .3; box-shadow: 0 0 20px 7px #ee886418; }
  }
}

[data-prototype="dossier"] .nla-header-booking { min-height: 40px; padding: 10px 16px; background: transparent; border-color: #8b988a; }
[data-prototype="dossier"] .nla-header-booking:hover { background: #e8ece3; }
.nla-header-label-mobile,
.nla-mobile-header { display: none; }
[data-prototype="dossier"] .nla-text-link {
  font-size: 14px; padding-block: 10px; gap: 24px; line-height: 1.5; min-height: 44px;
}

/* A broad portrait balances the headline; mobile follows the same source order. */
[data-prototype="dossier"] .nla-hero {
  display: grid; grid-template-columns: minmax(0,3fr) minmax(0,2fr);
  grid-template-rows: auto 1fr; gap: 0 var(--nla-layout-gap);
  align-items: start; padding-block: var(--nla-hero-space);
}
[data-prototype="dossier"] .nla-hero-copy { padding: 0; align-self: start; }
[data-prototype="dossier"] .nla-hero-intro { grid-column: 1; grid-row: 2; min-width: 0; }
[data-prototype="dossier"] .nla-hero h1 {
  font-family: var(--display); font-size: clamp(40px, 4.6vw, 62px);
  line-height: 1.12; font-weight: 500; letter-spacing: -.05em; margin-top: 20px;
}
[data-prototype="dossier"] .nla-hero h1 > span { display: block; }
[data-prototype="dossier"] .nla-hero h1 em {
  font: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0;
}
[data-prototype="dossier"] .nla-hero-description {
  max-width: var(--nla-reading-width); font-size: 16px; margin-top: 24px; color: var(--nla-muted);
}
[data-prototype="dossier"] .nla-hero-actions { gap: 12px 24px; margin-top: 24px; }
[data-prototype="dossier"] .nla-hero-actions .nla-button-text { padding-inline: 0; font-size: 13px; }
[data-prototype="dossier"] .nla-hero-actions .nla-button-text svg { width: 14px; }
[data-prototype="dossier"] .nla-hero-portrait {
  min-height: 0; overflow: visible; isolation: auto; border-radius: 0;
  grid-column: 2; grid-row: 1 / 3;
  background: transparent; margin-top: 42px; width: 100%; justify-self: end;
}
[data-prototype="dossier"] .nla-hero-portrait > img {
  position: static; width: 100%; height: auto; aspect-ratio: 4 / 5;
  object-fit: cover; object-position: center 12%; background: #e0e4d9;
}
[data-prototype="dossier"] .nla-hero-portrait figcaption {
  position: static; padding: 14px 0 0; background: transparent; border-radius: 0;
  box-shadow: none; display: flex; flex-direction: column; gap: 4px;
}
[data-prototype="dossier"] .nla-hero-portrait figcaption span { font-size: 9px; letter-spacing: .1em; margin: 0; }
[data-prototype="dossier"] .nla-hero-portrait figcaption strong { font-family: var(--sans); font-size: 16px; font-weight: 400; letter-spacing: 0; }
[data-prototype="dossier"] .nla-hero-portrait figcaption small { font-size: 12px; margin: 0; }

/* The rail shares the height of the reading column, so it stops before the footer. */
.dossier-layout {
  width: min(1160px, calc(100% - 112px)); margin-inline: auto;
  display: grid; grid-template-columns: var(--nla-rail-width) minmax(0,1fr); gap: var(--nla-rail-gap);
  border-top: 1px solid var(--nla-line); padding-block: 0 var(--nla-section-space);
}
.dossier-rail { align-self: stretch; padding-top: var(--nla-section-space); }
.dossier-navigation { position: sticky; top: 34px; }
.dossier-nav-caption { font-size: 11px; color: #687568; margin-bottom: 18px; }
.dossier-navigation a {
  display: flex; align-items: center; min-height: 46px; padding: 12px 16px;
  border-left: 1px solid #d2d9cf; font-size: 13px; line-height: 1.5; color: #637061;
}
.dossier-navigation a[aria-current="location"] {
  border-left: 2px solid #264e35; color: #203d29; background: #ebefe5;
}
.dossier-navigation a:hover { color: #203d29; text-decoration: underline; text-underline-offset: 4px; }
.dossier-navigation a:focus-visible { outline: 2px solid #b85b39; outline-offset: 3px; }
.dossier-reading { min-width: 0; max-width: var(--nla-reading-width); }
.dossier-layout.dossier-layout--centered { display: block; }
.dossier-layout--centered .dossier-reading { margin-inline: auto; }
/* The same inset separates the broad opening from the reading area on all four pages.
   Long pages use the space for chapter navigation; editorial pages leave it open. */
.nla-hero ~ .dossier-layout--centered,
.nla-about-page .dossier-layout--centered { padding-inline-start: var(--nla-reading-inset); }
.nla-hero ~ .dossier-layout--centered .dossier-reading,
.nla-about-page .dossier-layout--centered .dossier-reading { margin-inline: 0; }
.nla-about-page .dossier-layout--centered .dossier-reading { max-width: none; }
.nla-hero ~ .dossier-layout .dossier-reading > section > div { max-width: var(--nla-reading-width); }
[data-prototype="dossier"] .dossier-reading .nla-container { width: 100%; margin: 0; }
[data-prototype="dossier"] .dossier-reading section { scroll-margin-top: 42px; }
[data-prototype="dossier"] #idee {
  display: block; padding-block: var(--nla-section-space); border: 0;
}
[data-prototype="dossier"] #idee > div:first-child { margin-bottom: 32px; }
[data-prototype="dossier"] #idee h2 { margin: 13px 0 0; }
[data-prototype="dossier"] .prototype-principle { display: block; border: 0; padding: 0; margin-top: 27px; }
[data-prototype="dossier"] .prototype-principle h3 {
  font-family: var(--sans); font-size: 19px; line-height: 1.5; font-weight: 600;
  letter-spacing: -.015em; max-width: 64ch;
}
[data-prototype="dossier"] #idee .prototype-principle p {
  margin-top: 10px; color: var(--nla-muted); font-size: 17px; max-width: 66ch; line-height: 1.8;
}
[data-prototype="dossier"] #idee .prototype-principle strong { color: #324a37; font-weight: 600; }
[data-prototype="dossier"] #idee .nla-home-source {
  font-size: 14px; font-style: normal; line-height: 1.8; color: #647060;
  margin: 27px 0 0; padding-top: 20px; border-top: 1px solid #d6dcd3; max-width: 70ch;
}
[data-prototype="dossier"] #idee .nla-text-link { margin-top: 19px; }

[data-prototype="dossier"] .nla-home-foundations { background: transparent; border-top: 1px solid var(--nla-line); }
[data-prototype="dossier"] .nla-home-foundations .nla-home-intro {
  display: block; padding-block: var(--nla-section-space);
}
[data-prototype="dossier"] .nla-home-foundations h2 { margin-top: 13px; margin-bottom: 24px; }
[data-prototype="dossier"] .nla-home-foundations .nla-home-intro > div:last-child p {
  font-size: 17px; max-width: 66ch; margin-top: 18px; color: var(--nla-muted);
}
[data-prototype="dossier"] .nla-home-foundations .nla-button {
  margin-top: 24px;
}

[data-prototype="dossier"] .nla-decision {
  background: transparent; border-top: 1px solid var(--nla-line); padding-block: var(--nla-section-space) 0;
}
[data-prototype="dossier"] .nla-decision-grid { display: block; }
[data-prototype="dossier"] .nla-decision h2 { margin-block: 13px 24px; }
[data-prototype="dossier"] .nla-decision-grid > div:first-child > p:not(.nla-eyebrow) { color: var(--nla-muted); font-size: 17px; max-width: 66ch; }
[data-prototype="dossier"] .nla-decision small {
  max-width: none; margin-top: 23px; padding-left: 17px; border-left: 2px solid #b4c5aa;
  font-size: 13px; line-height: 1.85; color: #53674f;
}
[data-prototype="dossier"] .nla-home-inquiry { border: 0; padding: 0; margin-top: 43px; }
[data-prototype="dossier"] .nla-home-inquiry > .nla-eyebrow { margin-bottom: 22px; }
.dossier-question { display: grid; grid-template-columns: 195px minmax(0,1fr); gap: 28px; padding-block: 21px; border-top: 1px solid #d6dcd3; }
[data-prototype="dossier"] .dossier-question h3 {
  font-family: var(--sans); font-size: 18px; line-height: 1.45; font-weight: 500;
  letter-spacing: -.015em; margin: 0;
}
[data-prototype="dossier"] .dossier-question p { font-size: 15px; color: var(--nla-muted); line-height: 1.8; margin: 0; }

[data-prototype="dossier"] .nla-footer {
  padding-top: 47px; background: #e9eee3; color: #263c2d; border-top: 1px solid #c6d1bf;
}
[data-prototype="dossier"] .nla-footer-grid { grid-template-columns: 1.1fr 1fr 1.2fr; gap: 40px; padding-bottom: 42px; }
[data-prototype="dossier"] .nla-footer-grid p { color: #596952; font-size: 13px; margin-top: 18px; }
[data-prototype="dossier"] .nla-footer-grid nav { font-size: 13px; }
[data-prototype="dossier"] .nla-footer-impulse { background: transparent; color: #263c2d; border-color: #8c9d82; margin-top: 17px; }
[data-prototype="dossier"] .nla-footer-impulse:hover { background: #dce6d4; }
[data-prototype="dossier"] .nla-footer-fine { border-color: #bfcbb7; color: #596952; }

@media (max-width: 1050px) {
  [data-prototype="dossier"] .nla-v2 {
    --nla-layout-gap: 42px; --nla-rail-width: 148px; --nla-rail-gap: 36px;
  }
  [data-prototype="dossier"] .nla-container,
  [data-prototype="dossier"] .nla-header,
  .dossier-layout { width: calc(100% - 64px); }
  [data-prototype="dossier"] .nla-header { gap: 22px; }
  [data-prototype="dossier"] .nla-header nav { gap: 20px; }
  .dossier-question { grid-template-columns: 1fr; gap: 10px; }
}
@media (max-width: 820px) {
  [data-prototype="dossier"] .nla-v2 { --nla-reading-inset: 0px; }
  .dossier-layout { display: block; }
  .dossier-rail { position: sticky; top: 0; z-index: 25; padding: 0; background: #faf9f5; }
  .dossier-navigation { position: static; display: flex; border-bottom: 1px solid #c5d0bd; }
  .dossier-nav-caption { display: none; }
  .dossier-navigation a { flex: 1; justify-content: center; padding: 15px 8px; border-left: 0; border-bottom: 2px solid transparent; min-height: 52px; font-size: 12px; }
  .dossier-navigation a[aria-current="location"] { border-left: 0; border-bottom: 2px solid #264e35; background: #eef1e9; }
  .dossier-reading { max-width: var(--nla-reading-width); margin-inline: 0; }
  [data-prototype="dossier"] .dossier-reading section { scroll-margin-top: 80px; }
}
@media (max-width: 760px) {
  [data-prototype="dossier"] .nla-v2 { --nla-section-space: 32px; --nla-hero-space: 32px; }
  [data-prototype="dossier"] .nla-container,
  [data-prototype="dossier"] .nla-header,
  .dossier-layout { width: calc(100% - 40px); }
  [data-prototype="dossier"] .nla-header { height: auto; min-height: 0; padding: 8px 0 0; gap: 2px 16px; }
  [data-prototype="dossier"] .nla-brand { gap: 9px; }
  [data-prototype="dossier"] .nla-brand > span { font-size: 38px; }
  [data-prototype="dossier"] .nla-brand small { display: inline; font-size: 8px; padding-left: 9px; }
  [data-prototype="dossier"] .nla-header nav { font-size: 14px; gap: 24px; justify-content: flex-start; flex-wrap: wrap; }
  [data-prototype="dossier"] .nla-header nav a { display: inline-flex; align-items: center; min-height: 44px; padding-block: 10px; }
  [data-prototype="dossier"] .nla-header nav a[aria-current="page"]::after { bottom: 0; height: 1px; }
  [data-prototype="dossier"] .nla-header-booking { font-size: 13px; min-height: 44px; padding: 10px 13px; gap: 12px; background: var(--nla-ink); color: var(--nla-paper); border-color: var(--nla-ink); }
  [data-prototype="dossier"] .nla-header-booking:hover { background: #385449; }
  [data-prototype="dossier"] .nla-header-booking svg { width: 15px; }
  .nla-header-label-desktop { display: none; }
  .nla-header-label-mobile { display: inline; }

  /* The original header keeps its space; the compact bar never shifts content. */
  .nla-mobile-header:not([hidden]) {
    display: block; position: fixed; inset: 0 0 auto; z-index: 40;
    background: var(--nla-paper); color: var(--nla-ink);
    border-bottom: 1px solid var(--nla-line);
    transform: translateY(-100%); visibility: hidden;
    transition: transform 180ms ease, visibility 180ms;
  }
  .nla-mobile-header.is-visible { transform: translateY(0); visibility: visible; }
  .nla-mobile-header-bar {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    min-height: 64px; padding: 10px 20px;
  }
  .nla-mobile-header .nla-brand { min-height: 44px; }
  .nla-mobile-header-toggle {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    min-height: 44px; padding-left: 10px; color: inherit; background: transparent;
    font: inherit; font-size: 14px; cursor: pointer;
  }
  .nla-menu-close-icon,
  .nla-mobile-header-toggle[aria-expanded="true"] .nla-menu-open-icon { display: none; }
  .nla-mobile-header-toggle[aria-expanded="true"] .nla-menu-close-icon { display: inline; }
  .nla-mobile-header-menu {
    max-height: calc(100dvh - var(--nla-sticky-header-height, 65px));
    overflow-y: auto; overscroll-behavior: contain; padding: 0 20px 22px;
    border-top: 1px solid var(--nla-line);
  }
  .nla-mobile-header-menu > a {
    display: flex; align-items: center; min-height: 58px; padding-block: 12px;
    font-family: var(--display); font-size: 21px; border-bottom: 1px solid var(--nla-line);
  }
  .nla-mobile-header-menu > a[aria-current="page"] { color: #a44b32; }
  .nla-mobile-header-menu > a:hover { text-decoration: underline; text-underline-offset: 5px; }
  [data-prototype="dossier"] .nla-mobile-header-menu .nla-button { width: 100%; margin-top: 20px; background: var(--nla-ink); color: var(--nla-paper); }
  .nla-mobile-header :focus-visible { outline: 2px solid #b95539; outline-offset: 4px; }
  html[data-mobile-header-ready] .dossier-rail { top: var(--nla-sticky-offset, 0px); }
  html[data-prototype="dossier"][data-mobile-header-ready] .nla-v2 main [id] { scroll-margin-top: calc(var(--nla-sticky-header-height, 65px) + 80px); }
  html[data-prototype="dossier"][data-mobile-header-ready] .nla-v2 .dossier-layout--centered [id] { scroll-margin-top: calc(var(--nla-sticky-header-height, 65px) + 24px); }
  [data-prototype="dossier"] .nla-hero { grid-template-columns: 1fr; grid-template-rows: auto; gap: 0; }
  [data-prototype="dossier"] .nla-hero-intro { grid-column: auto; grid-row: auto; }
  [data-prototype="dossier"] .nla-hero .nla-eyebrow { font-size: 9px; letter-spacing: .09em; }
  [data-prototype="dossier"] .nla-hero h1 { font-size: clamp(35px, 9vw, 48px); margin-top: 20px; }
  [data-prototype="dossier"] .nla-hero-description { font-size: 16px; }
  [data-prototype="dossier"] .nla-hero-actions { gap: 8px 18px; }
  [data-prototype="dossier"] .nla-hero-actions .nla-button { width: auto; font-size: 13px; }
  [data-prototype="dossier"] .nla-hero-portrait { display: block; grid-column: auto; grid-row: auto; margin: 24px 0 0; width: min(100%, 430px); justify-self: start; }
  [data-prototype="dossier"] .nla-hero-portrait > img { aspect-ratio: 6/5; object-position: center top; }
  [data-prototype="dossier"] .nla-hero-portrait figcaption { padding: 12px 0 0; gap: 5px; }
  [data-prototype="dossier"] .nla-hero-portrait figcaption span { font-size: 8px; }
  [data-prototype="dossier"] .nla-hero-portrait figcaption strong { font-size: 15px; }
  [data-prototype="dossier"] .nla-hero-portrait figcaption small { font-size: 11px; }
  [data-prototype="dossier"] .nla-v2 h2 { font-size: 29px; line-height: 1.25; letter-spacing: -.035em; }
  [data-prototype="dossier"] #idee > div:first-child { margin-bottom: 25px; }
  [data-prototype="dossier"] .prototype-principle { margin-top: 25px; }
  [data-prototype="dossier"] .prototype-principle h3 { font-size: 18px; }
  [data-prototype="dossier"] #idee .prototype-principle p,
  [data-prototype="dossier"] .nla-home-foundations .nla-home-intro > div:last-child p,
  [data-prototype="dossier"] .nla-decision-grid > div:first-child > p:not(.nla-eyebrow) { font-size: 16px; }
  [data-prototype="dossier"] #idee .nla-home-source { font-size: 13px; }
  [data-prototype="dossier"] .nla-text-link { font-size: 13px; gap: 12px; }
  [data-prototype="dossier"] .nla-decision small { font-size: 12px; }
  [data-prototype="dossier"] .nla-home-inquiry { margin-top: 33px; }
  .dossier-question { gap: 11px; padding-block: 20px; }
  [data-prototype="dossier"] .nla-footer { padding-top: 34px; }
  [data-prototype="dossier"] .nla-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
  [data-prototype="dossier"] .nla-footer-grid > div:last-child { grid-column: 1/-1; border-top: 1px solid #bfcbb7; padding-top: 22px; }
  [data-prototype="dossier"] .nla-footer-grid > div:last-child > p:first-child { margin: 0; }
  .prototype-switcher .prototype-label { display: none; }
  .prototype-switcher { padding: 6px; }
  .prototype-switcher a { min-height: 40px; display: flex; align-items: center; padding: 10px 17px; }
}
@media (max-width: 360px) {
  .dossier-navigation a { font-size: 10.5px; padding-inline: 5px; }
  [data-prototype="dossier"] .nla-hero h1 { font-size: 39px; }
}
@media print {
  .nla-mobile-header { display: none !important; }
  .dossier-rail { display: none; }
  .dossier-layout { display: block; }
}
@media (prefers-reduced-motion: reduce) {
  .nla-mobile-header:not([hidden]) { transition: none; }
}
