/* Static H presentation for regular pages. Content and existing controls stay
   in their established templates; no slideshow, scene layers or cube. */
html[data-live-h] {
  --sans: Manrope, Arial, sans-serif;
  --display: Manrope, Arial, sans-serif;
  --serif: Manrope, Arial, sans-serif;
  --h-edge: clamp(24px, 5.7vw, 110px);
  --h-width: 1120px;
  background: #ede9e2;
  scroll-behavior: auto;
}
[data-live-h][data-site-refresh] .nla-v2 {
  --nla-ink: #652344;
  --nla-paper: #ede9e2;
  --nla-muted: #795361;
  --nla-line: #65234440;
  --nla-orange: #af543f;
  --nla-reading-width: 820px;
  --nla-section-space: clamp(56px, 6.5vw, 96px);
  --nla-hero-space: clamp(48px, 5vw, 72px);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}
[data-live-h] ::selection { background: #652344; color: #ead1c7; }
[data-live-h][data-site-refresh] .nla-container,
[data-live-h][data-site-refresh] .nla-header {
  width: min(var(--h-width), calc(100% - 2 * var(--h-edge)));
}
[data-live-h][data-site-refresh] .nla-v2 :is(h1, h2, h3) {
  font-family: var(--display);
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.08;
}
[data-live-h][data-site-refresh] .nla-v2 :is(h1, h2, h3) em { font: inherit; color: inherit; }
[data-live-h][data-site-refresh] .nla-v2 main h1 {
  font-size: clamp(38px, 5.2vw, 72px);
  letter-spacing: -.035em;
  line-height: 1.06;
  text-transform: uppercase;
  overflow-wrap: break-word;
  hyphens: manual;
}
[data-live-h][data-site-refresh] .nla-v2 h2 { font-size: clamp(32px, 4vw, 58px); }
[data-live-h][data-site-refresh] .nla-v2 h3 { font-size: clamp(24px, 2.4vw, 34px); }
[data-live-h][data-site-refresh] .nla-v2 p { line-height: 1.75; }
[data-live-h][data-site-refresh] .nla-eyebrow {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  color: inherit;
}
[data-live-h][data-site-refresh] .nla-header {
  min-height: 90px;
  height: auto;
  gap: 32px;
  padding-block: 20px;
  background: transparent;
  border-color: var(--nla-line);
}
[data-live-h] .nla-v2:has(.nla-home-page) { background: #ead1c7; }
[data-live-h][data-site-refresh] .nla-brand {
  --brand-size: 42px;
  --brand-note-size: 9.5px;
  gap: calc(var(--brand-size) * .375);
  color: #652344;
}
[data-live-h][data-site-refresh] .nla-brand > .nla-brand-mark {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--brand-size) * .238);
  font-family: var(--sans);
  font-size: var(--brand-size);
  font-weight: 800;
  line-height: .9;
  letter-spacing: -.095em;
}
[data-live-h][data-site-refresh] .nla-brand-arrow {
  font-size: .81em;
  font-weight: 400;
  line-height: .8;
  letter-spacing: -.088em;
}
[data-live-h][data-site-refresh] .nla-brand .nla-brand-note {
  display: block;
  font-family: var(--sans);
  font-size: var(--brand-note-size);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .035em;
  border-left: 1px solid currentColor;
  padding-left: calc(var(--brand-size) * .305);
  white-space: nowrap;
  text-transform: uppercase;
}
[data-live-h][data-site-refresh] .nla-header nav { font-size: 12px; font-weight: 700; gap: 30px; }
[data-live-h][data-site-refresh] .nla-v2 .nla-button:is(.nla-button-primary, .nla-button-secondary) {
  min-height: 48px;
  padding: 13px 20px;
  border: 1px solid currentColor;
  border-radius: 2px;
  background: transparent;
  color: var(--nla-ink);
  font: 700 12px/1.5 var(--sans);
  box-shadow: none;
}
[data-live-h][data-site-refresh] .nla-v2 .nla-button-primary:not(.nla-header-booking) {
  background: var(--nla-ink);
  color: var(--nla-paper);
  border-color: var(--nla-ink);
}
[data-live-h][data-site-refresh] .nla-v2 .nla-button:is(.nla-button-primary, .nla-button-secondary):hover {
  background: var(--nla-ink);
  color: var(--nla-paper);
  border-color: var(--nla-ink);
}
[data-live-h][data-site-refresh] .nla-v2 :is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
[data-live-h][data-site-refresh] .nla-v2 .nla-text-link { color: inherit; font-weight: 700; }

/* Each existing home section is its own full-width H colour field. */
[data-live-h][data-site-refresh] .nla-home-page > .nla-container {
  width: 100%;
  padding-inline: max(var(--h-edge), calc((100% - var(--h-width)) / 2));
  padding-block: clamp(64px, 7.8vw, 112px);
  border: 0;
  background: var(--nla-paper);
  color: var(--nla-ink);
}
[data-live-h] .nla-home-hero { --nla-paper: #ead1c7; --nla-ink: #652344; --nla-muted: #652344; }
[data-live-h][data-site-refresh] .nla-home-page .nla-home-hero {
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}
[data-live-h][data-site-refresh] .nla-home-hero-heading {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
}
[data-live-h][data-site-refresh] .nla-home-page .nla-home-hero h1 {
  max-width: 760px;
  font-size: clamp(52px, 6.7vw, 96px);
  letter-spacing: -.045em;
  line-height: .98;
  text-wrap: initial;
}
[data-live-h][data-site-refresh] .nla-home-hero h1 > span { white-space: normal; }
[data-live-h][data-site-refresh] .nla-home-hero h1 > span:last-child {
  margin-top: .16em;
  color: var(--nla-paper);
  text-shadow: 1px 0 var(--nla-ink), -1px 0 var(--nla-ink), 0 1px var(--nla-ink), 0 -1px var(--nla-ink), .7px .7px var(--nla-ink), -.7px -.7px var(--nla-ink), .7px -.7px var(--nla-ink), -.7px .7px var(--nla-ink);
}
[data-live-h][data-site-refresh] .nla-home-hero-intro { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; max-width: none; font-size: 16px; }
[data-live-h][data-site-refresh] .nla-home-hero-intro p + p { margin-top: 0; }
[data-live-h][data-site-refresh] .nla-home-hero-image { grid-column: 2; grid-row: 1; width: 100%; max-width: none; justify-self: stretch; }
[data-live-h][data-site-refresh] .nla-home-hero-image img { aspect-ratio: 4 / 5; object-position: right center; }
[data-live-h][data-site-refresh] .nla-home-hero-image figcaption { color: var(--nla-ink); }
[data-live-h] #nlp-ansatz { --nla-paper: #af543f; --nla-ink: #fff0d7; --nla-muted: #fff0d7; --nla-line: #fff0d750; }
[data-live-h] #nla-ansatz { --nla-paper: #e4e6bf; --nla-ink: #482b42; --nla-muted: #482b42; --nla-line: #482b4240; }
[data-live-h] .nla-home-entry { --nla-paper: #652344; --nla-ink: #f1dcd0; --nla-muted: #f1dcd0; --nla-line: #f1dcd050; }
[data-live-h][data-site-refresh] .nla-home-page :is(.nla-home-approach, .nla-home-entry) h2 {
  max-width: 1000px;
  margin-bottom: 50px;
  font-size: clamp(34px, 5.6vw, 82px);
  letter-spacing: -.035em;
  line-height: 1.04;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
[data-live-h][data-site-refresh] .nla-home-approach-blocks { gap: 44px; }
[data-live-h][data-site-refresh] .nla-home-approach-blocks > li { display: grid; grid-template-columns: 36px minmax(0, 1fr); grid-template-rows: minmax(64px, auto) 1fr; align-content: start; gap: 22px 14px; border-top: 1px solid var(--nla-line); padding-top: 26px; }
[data-live-h][data-site-refresh] .nla-home-approach-blocks .nla-approach-icon { color: inherit; width: 36px; height: 36px; margin: 0; }
[data-live-h][data-site-refresh] .nla-home-approach-blocks h3 { align-self: start; margin: 0; font-size: clamp(21px, 2vw, 26px); line-height: 1.2; letter-spacing: -.025em; }
[data-live-h][data-site-refresh] .nla-home-approach-blocks p { grid-column: 1 / -1; }
[data-live-h][data-site-refresh] .nla-home-approach-blocks p { color: inherit; font-size: 15px; }
[data-live-h][data-site-refresh] .nla-home-entry-options > div { border-top: 1px solid var(--nla-line); padding-top: 26px; }
[data-live-h][data-site-refresh] .nla-home-entry-options p { color: inherit; }

/* Reading pages use one quiet canvas with the same typography and rules. */
[data-live-h][data-site-refresh] .dossier-layout--centered {
  display: block;
  width: min(var(--h-width), calc(100% - 2 * var(--h-edge)));
  margin-inline: auto;
  padding: 0;
}
[data-live-h][data-site-refresh] .dossier-layout--centered .dossier-reading { width: 100%; max-width: none; margin: 0; padding: 0; }
[data-live-h][data-site-refresh] .dossier-layout--centered .nla-container { width: 100%; max-width: none; margin-inline: 0; }
[data-live-h][data-site-refresh] .nla-v2 :is(.nla-course-teaser, .nla-institute-heading) { padding-block: var(--nla-hero-space); }
[data-live-h][data-site-refresh] .nla-v2 .nla-course-teaser { background: transparent; }
[data-live-h][data-site-refresh] .nla-v2 .nla-course-teaser > .nla-container { max-width: var(--h-width); }
[data-live-h][data-site-refresh] .nla-v2 .nla-course-teaser h1 { margin-block: 24px; }
[data-live-h][data-site-refresh] .nla-v2 .nla-teaser-question { font-family: var(--sans); font-size: clamp(21px, 2.4vw, 32px); line-height: 1.5; letter-spacing: -.025em; }
[data-live-h][data-site-refresh] .nla-v2 .nla-section-heading { margin-bottom: 42px; }
[data-live-h][data-site-refresh] .nla-v2 :is(.nla-section-heading > p, .nla-institute-heading > p:last-child) { max-width: 68ch; margin-top: 24px; }
[data-live-h][data-site-refresh] .nla-v2 .nla-foundation-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  align-items: center;
  gap: 48px;
  width: min(var(--h-width), calc(100% - 2 * var(--h-edge)));
  margin-inline: auto;
  padding: var(--nla-hero-space) 0;
  min-height: 0;
  background: var(--nla-paper);
  color: var(--nla-ink);
}
[data-live-h][data-site-refresh] .nla-v2 .nla-foundation-hero::after { display: none; }
[data-live-h][data-site-refresh] .nla-v2 .nla-foundation-hero > img { position: static; grid-column: 2; grid-row: 1; width: 100%; height: auto; max-height: none; aspect-ratio: 3 / 2; object-fit: cover; }
[data-live-h][data-site-refresh] .nla-v2 .nla-nlp-hero > img { aspect-ratio: auto; align-self: end; }
[data-live-h][data-site-refresh] .nla-v2 .nla-foundation-hero > .nla-container { grid-column: 1; grid-row: 1; width: 100%; padding: 0; margin: 0; }
[data-live-h][data-site-refresh] .nla-v2 .nla-foundation-hero h1 { font-size: clamp(38px, 4.6vw, 60px); }
[data-live-h][data-site-refresh] .nla-v2 .nla-foundation-hero :is(.nla-container > p, .nla-detail-back, .nla-detail-image-note, .nla-workshop-price-link) { color: var(--nla-ink); }
[data-live-h][data-site-refresh] .nla-v2 .nla-hero-image-credit { right: 0; bottom: calc(var(--nla-hero-space) - 24px); color: var(--nla-ink); background: var(--nla-paper); }
[data-live-h][data-site-refresh] .nla-v2 :is(.nla-course-icon-block .nla-approach-icon, .nla-training-offer > span, .nla-theme-number, .dossier-nav-caption) { color: var(--nla-muted); }
[data-live-h][data-site-refresh] .nla-v2 :is(.nla-portrait-frame, .nla-trainer-portrait, .nla-trainer-placeholder) { background: #e2c9bc; }
[data-live-h][data-site-refresh] .nla-v2 .nla-portrait-frame > img { filter: grayscale(1); mix-blend-mode: multiply; }
[data-live-h][data-site-refresh] .nla-v2 .nla-trainer-copy { border-top: 1px solid var(--nla-line); margin-top: 20px; padding-top: 20px; }
[data-live-h][data-site-refresh] .nla-v2 .nla-trainer-copy h3 { margin-block: 14px 20px; }
[data-live-h][data-site-refresh] .nla-v2 :is(.nla-offer-card, .nla-form-notice, .nla-form-planned, .nla-book-note) { background: #ead1c760; border-color: var(--nla-line); }
[data-live-h][data-site-refresh] .nla-v2 :is(.dossier-navigation a, .dossier-rail .nla-workshop-desktop-links a, .dossier-mobile-toggle) { color: var(--nla-ink); border-color: var(--nla-line); }
[data-live-h][data-site-refresh] .nla-v2 .dossier-rail { background: var(--nla-paper); }
[data-live-h][data-site-refresh] .nla-v2 .dossier-rail a[aria-current="location"] { background: #ead1c7; color: var(--nla-ink); border-color: var(--nla-ink); }
[data-live-h][data-site-refresh] .nla-v2 .nla-page-dialog :is(input, select, textarea) { border-color: #795361; background: #f8f1eb; color: var(--nla-ink); accent-color: #652344; }
[data-live-h][data-site-refresh] .nla-v2 .nla-page-dialog :is(input, select, textarea):user-invalid { border-color: #993f30; }
[data-live-h][data-site-refresh] .nla-v2 .nla-form-notice h2 { font-size: 17px; line-height: 1.5; letter-spacing: -.02em; }
[data-live-h][data-site-refresh] .nla-v2 .nla-legal-page h2 { font-size: clamp(26px, 3vw, 36px); line-height: 1.2; }
[data-live-h][data-site-refresh] .nla-footer { background: #ead1c7; color: #652344; border-color: #65234440; padding-top: 60px; }
[data-live-h][data-site-refresh] .nla-footer-grid { grid-template-columns: max-content minmax(0, 1fr) minmax(0, 1fr); gap: 32px; }
[data-live-h][data-site-refresh] .nla-footer-grid p,
[data-live-h][data-site-refresh] .nla-footer-fine { color: #652344; border-color: #65234440; }
[data-live-h][data-site-refresh] .nla-institute-page .nla-trainer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
[data-live-h][data-site-refresh] .nla-institute-page .nla-trainer-profile { display: flex; flex-direction: column; min-width: 0; }
[data-live-h][data-site-refresh] .nla-institute-page .nla-portrait-frame { width: 100%; aspect-ratio: 4 / 5; }
[data-live-h][data-site-refresh] .nla-institute-page .nla-portrait-frame > img { width: 100%; height: 100%; object-fit: contain; object-position: center bottom; }
[data-live-h][data-site-refresh] .nla-institute-page .nla-trainer-copy > p:not(.nla-eyebrow) { font-size: 15px; }
[data-live-h][data-site-refresh] .nla-institute-page .nla-trainer-copy { display: flex; flex: 1; flex-direction: column; }
[data-live-h][data-site-refresh] .nla-v2 .nla-trainer-name { font-size: clamp(24px, 2.4vw, 34px); margin-block: 14px 20px; }
[data-live-h][data-site-refresh] .nla-trainer-contact { display: flex; flex-direction: column; gap: 8px; margin-top: 22px; font-size: 12px; overflow-wrap: anywhere; }
[data-live-h][data-site-refresh] .nla-trainer-contact > span { font-size: 14px; }
[data-live-h][data-site-refresh] .nla-trainer-contact a { max-width: 100%; }
[data-live-h][data-site-refresh] .nla-institute-page .nla-trainer-contact { margin-top: auto; padding-top: 24px; align-self: flex-start; }
[data-live-h][data-site-refresh] .nla-institute-page > section { border: 0; padding-top: var(--nla-hero-space); }
[data-live-h][data-site-refresh] .nla-institute-heading h1 { margin-block: 24px; }

/* The drawings carry their own ink, colour and transparent watercolor edges. */
[data-live-h][data-site-refresh] .nla-v2 .nla-illustration-frame,
[data-live-h][data-site-refresh] .nla-v2 img.nla-illustration { background: transparent; border-radius: 0; }
[data-live-h][data-site-refresh] .nla-v2 .nla-portrait-frame > img.nla-illustration {
  object-fit: contain;
  object-position: center;
  filter: none;
  mix-blend-mode: normal;
  transform: none;
}
/* Match crown-to-chin proportions while keeping the complete watercolor edges. */
[data-live-h][data-site-refresh] .nla-v2 .nla-portrait-frame > img.nla-illustration { transform-origin: center top; }
[data-live-h][data-site-refresh] .nla-v2 .nla-portrait-frame[data-portrait="sami"] > img.nla-illustration { transform: scale(.96); }
[data-live-h][data-site-refresh] .nla-v2 .nla-portrait-frame[data-portrait="andreas-moosdorf"] > img.nla-illustration { transform: translateY(2%) scale(.87); }
[data-live-h][data-site-refresh] .nla-v2 .nla-home-hero-image > img.nla-illustration,
[data-live-h][data-site-refresh] .nla-v2 .nla-foundation-hero > img.nla-illustration {
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  align-self: center;
}

/* Publications share the reading grid; the forthcoming title has no invented cover. */
[data-live-h][data-site-refresh] .nla-publications-heading { padding-block: var(--nla-hero-space); }
[data-live-h][data-site-refresh] .nla-publications-heading p { margin-top: 24px; max-width: 65ch; }
[data-live-h][data-site-refresh] .nla-publication { display: grid; grid-template-columns: minmax(200px, .7fr) minmax(0, 1.3fr); gap: clamp(32px, 6vw, 80px); align-items: center; border-top: 1px solid var(--nla-line); padding-block: 64px; }
[data-live-h][data-site-refresh] .nla-publication-cover { width: 100%; max-width: 300px; height: auto; justify-self: center; }
[data-live-h][data-site-refresh] .nla-publication h2 { font-size: clamp(30px, 3.2vw, 46px); }
[data-live-h][data-site-refresh] .nla-publication p { margin-top: 20px; }
[data-live-h][data-site-refresh] .nla-publication .nla-publication-meta { font-size: 13px; color: var(--nla-muted); }
[data-live-h][data-site-refresh] .nla-publication-links { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 28px; }
[data-live-h][data-site-refresh] .nla-publication-preview { display: block; margin-block: 24px 80px; padding: clamp(28px, 4vw, 56px); background: #e4e6bf; border: 0; }

@media (max-width: 1000px) {
  [data-live-h][data-site-refresh] .nla-brand { --brand-size: 38px; --brand-note-size: 8.5px; }
  [data-live-h][data-site-refresh] .nla-home-page .nla-home-hero { gap: 36px; }
  [data-live-h][data-site-refresh] .nla-home-hero-heading { grid-column: 1 / -1; }
  [data-live-h][data-site-refresh] .nla-home-hero-intro { grid-column: 1; grid-row: 2; display: block; }
  [data-live-h][data-site-refresh] .nla-home-hero-intro p + p { margin-top: 20px; }
  [data-live-h][data-site-refresh] .nla-home-hero-image { grid-row: 2; align-self: start; }
  [data-live-h][data-site-refresh] .nla-home-hero-image img { aspect-ratio: 3 / 2; }
  [data-live-h][data-site-refresh] .nla-home-approach-blocks { grid-template-columns: 1fr; }
  [data-live-h][data-site-refresh] .nla-home-approach-blocks > li { grid-template-rows: auto 1fr; }
  [data-live-h][data-site-refresh] .nla-v2 .nla-foundation-hero { gap: 32px; }
  [data-live-h][data-site-refresh] .nla-footer-grid { grid-template-columns: 1fr 1fr; }
  [data-live-h][data-site-refresh] .nla-footer-grid > div:first-child { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  [data-live-h][data-site-refresh] .nla-header { display: grid; grid-template-columns: 1fr auto; gap: 16px 20px; }
  [data-live-h][data-site-refresh] .nla-header > .nla-brand { grid-column: 1 / -1; grid-row: 1; justify-self: start; }
  [data-live-h][data-site-refresh] .nla-header nav { grid-column: 1; grid-row: 2; justify-content: flex-start; margin-left: 0; }
  [data-live-h][data-site-refresh] .nla-v2 .nla-header-booking { grid-column: 2; grid-row: 2; }
}
@media (max-width: 760px) {
  [data-live-h][data-site-refresh] .nla-v2 { --nla-section-space: 48px; --nla-hero-space: 48px; }
  [data-live-h][data-site-refresh] .nla-header { min-height: 0; padding-block: 20px 12px; gap: 16px 20px; }
  [data-live-h][data-site-refresh] .nla-header nav { grid-column: 1; grid-row: 2; gap: 14px; font-size: 13px; flex-wrap: nowrap; }
  [data-live-h][data-site-refresh] .nla-brand { --brand-size: 32px; --brand-note-size: 7.2px; }
  [data-live-h][data-site-refresh] .nla-mobile-header .nla-brand { --brand-size: 30px; }
  [data-live-h][data-site-refresh] .nla-v2 .nla-header-booking { grid-column: 2; grid-row: 2; min-height: 42px; padding: 10px 14px; font-size: 11px; }
  [data-live-h][data-site-refresh] .nla-mobile-header { background: #ead1c7; }
  [data-live-h][data-site-refresh] .nla-mobile-header-menu > a[aria-current="page"] { color: #652344; text-decoration: underline; }
  [data-live-h][data-site-refresh] .nla-home-page > .nla-container { padding-block: 54px; }
  [data-live-h][data-site-refresh] .nla-home-page .nla-home-hero { grid-template-columns: 1fr; gap: 28px; }
  [data-live-h][data-site-refresh] .nla-home-page .nla-home-hero h1 { font-size: clamp(36px, 9.6vw, 68px); line-height: 1.03; }
  [data-live-h][data-site-refresh] .nla-home-hero h1 > span:last-child { margin-top: 8px; }
  [data-live-h][data-site-refresh] .nla-home-hero-intro { font-size: 15px; }
  [data-live-h][data-site-refresh] .nla-home-hero-image { grid-column: 1; grid-row: 3; justify-self: start; }
  [data-live-h][data-site-refresh] .nla-home-page :is(.nla-home-approach, .nla-home-entry) h2 { font-size: clamp(27px, 7.2vw, 52px); margin-bottom: 32px; }
  [data-live-h][data-site-refresh] .nla-home-approach-blocks { gap: 28px; }
  [data-live-h][data-site-refresh] .nla-home-approach-blocks > li { padding-top: 22px; }
  [data-live-h][data-site-refresh] .nla-v2 main h1 { font-size: clamp(34px, 9.2vw, 40px); }
  [data-live-h][data-site-refresh] .nla-v2 h2 { font-size: clamp(29px, 7vw, 44px); }
  [data-live-h][data-site-refresh] .nla-v2 .nla-foundation-hero { grid-template-columns: 1fr; gap: 28px; }
  [data-live-h][data-site-refresh] .nla-v2 .nla-foundation-hero > img { grid-column: 1; grid-row: 2; }
  [data-live-h][data-site-refresh] .nla-v2 .nla-foundation-hero h1 { font-size: clamp(34px, 9.2vw, 40px); }
  [data-live-h][data-site-refresh] .nla-institute-page .nla-trainer-grid { grid-template-columns: 1fr; grid-auto-rows: auto; gap: 48px; }
  [data-live-h][data-site-refresh] .nla-institute-page .nla-portrait-frame { max-width: 360px; }
  [data-live-h][data-site-refresh] .nla-publication { grid-template-columns: 1fr; gap: 32px; padding-block: 40px; }
  [data-live-h][data-site-refresh] .nla-publication-cover { max-width: 240px; justify-self: start; }
  [data-live-h][data-site-refresh] .nla-publication-preview { padding: 28px; }
  [data-live-h][data-site-refresh] .nla-footer-grid { grid-template-columns: 1fr; }
}
@media (max-width: 400px) {
  [data-live-h][data-site-refresh] .nla-mobile-header-bar { display: grid; grid-template-columns: 1fr; gap: 0; }
  [data-live-h][data-site-refresh] .nla-mobile-header-toggle { justify-self: end; }
}
@media (max-width: 380px) {
  [data-live-h][data-site-refresh] .nla-brand { --brand-size: 28px; }
}
@media (forced-colors: active) {
  [data-live-h][data-site-refresh] .nla-home-hero h1 > span:last-child { color: CanvasText; text-shadow: none; }
}
@media print {
  [data-live-h][data-site-refresh] .nla-home-page > .nla-container { background: white; color: black; --nla-ink: black; --nla-muted: black; --nla-line: #777; }
  [data-live-h][data-site-refresh] .nla-home-hero h1 > span:last-child { color: black; text-shadow: none; }
}

/* Book jacket supplied by Andreas: show the front without modifying the source. */
[data-live-h][data-site-refresh] .nla-book-heading { padding-block: var(--nla-hero-space); }
[data-live-h][data-site-refresh] .nla-book-heading h1 { max-width: 18ch; font-size: clamp(36px, 6vw, 72px); overflow-wrap: anywhere; }
[data-live-h][data-site-refresh] .nla-book-heading p { margin-top: 20px; }
[data-live-h][data-site-refresh] .nla-book-heading .nla-eyebrow { margin-top: 0; margin-bottom: 20px; }
[data-live-h][data-site-refresh] .nla-book-subtitle { max-width: 40ch; font-size: clamp(18px, 2.2vw, 26px); }
[data-live-h][data-site-refresh] .nla-book-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 80px); align-items: start; padding-bottom: var(--nla-section-space); }
[data-live-h][data-site-refresh] .nla-book-jackets { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
[data-live-h][data-site-refresh] .nla-book-jacket { margin: 0; min-width: 0; }
[data-live-h][data-site-refresh] .nla-book-cover-window { display: block; width: 100%; aspect-ratio: 2 / 3; overflow: hidden; box-shadow: 0 12px 30px #392e2424; }
[data-live-h][data-site-refresh] .nla-book-cover-window img { width: 100%; max-width: none; height: 100%; object-fit: cover; object-position: right center; }
[data-live-h][data-site-refresh] .nla-book-jacket figcaption { margin-top: 20px; color: var(--nla-muted); font-size: 12px; }
[data-live-h][data-site-refresh] .nla-book-copy h2 { font-size: clamp(26px, 3vw, 36px); }
[data-live-h][data-site-refresh] .nla-book-editions { margin: 0 0 40px; padding: 24px; border: 1px solid var(--nla-line); }
[data-live-h][data-site-refresh] .nla-book-copy .nla-book-editions p { margin-top: 12px; font-size: 15px; line-height: 1.7; color: var(--nla-ink); }
[data-live-h][data-site-refresh] .nla-book-editions cite { font-style: italic; }
[data-live-h][data-site-refresh] .nla-book-editions .nla-button { margin-top: 20px; }
[data-live-h][data-site-refresh] .nla-book-copy p { margin-top: 24px; font-size: 17px; line-height: 1.8; }
[data-live-h][data-site-refresh] .nla-book-copy blockquote { margin: 32px 0 0; padding: 0 0 0 24px; border-left: 2px solid var(--nla-line); }
[data-live-h][data-site-refresh] .nla-book-copy blockquote p { font-size: 18px; }
[data-live-h][data-site-refresh] .nla-book-copy blockquote footer { margin-top: 20px; font-size: 14px; line-height: 1.6; }
@media (max-width: 760px) {
  [data-live-h][data-site-refresh] .nla-book-layout { grid-template-columns: 1fr; gap: 40px; }
  [data-live-h][data-site-refresh] .nla-book-jacket { max-width: 350px; width: 100%; }
}