/* visual-quality-baseline-v1 */
:root {
  --navy: #071d2f;
  --navy-soft: #12374b;
  --mint: #a8f0d1;
  --green: #2f7662;
  --coral: #e76f51;
  --yellow: #f4c95d;
  --paper: #f4f7f3;
  --white: #ffffff;
  --ink: #10202a;
  --muted: #5b6a6f;
  --line: #b8c7c1;
  --max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: Tahoma, Arial, sans-serif;
  line-height: 1.6;
}
img { display: block; max-width: 100%; object-fit: cover; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.skip-link {
  position: fixed;
  z-index: 1000;
  top: 10px;
  left: 10px;
  padding: 10px 14px;
  color: var(--navy);
  background: var(--mint);
  transform: translateY(-160%);
}
.skip-link:focus { transform: none; }
.site-header {
  position: relative;
  z-index: 20;
  border-bottom: 1px solid var(--navy);
  background: var(--white);
}
.brand-row {
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  align-items: center;
  gap: 20px;
  width: min(100%, var(--max));
  height: 104px;
  margin: auto;
  padding: 0 24px;
}
.brand {
  display: inline-flex;
  align-items: baseline;
  width: max-content;
  color: var(--navy);
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
}
.brand b { color: var(--green); font-size: 48px; }
.brand small { font-size: 18px; }
.edition {
  margin: 0;
  color: var(--navy);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.35;
  text-align: right;
}
.edition span { color: var(--muted); font-weight: 400; }
.icon-button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--navy);
  color: var(--navy);
  background: transparent;
  cursor: pointer;
}
.icon-button:hover, .icon-button:focus-visible { background: var(--mint); }
.icon-button svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}
.menu-button { display: none; }
.category-nav {
  display: flex;
  width: min(100%, var(--max));
  margin: auto;
  padding: 0 24px;
  overflow-x: auto;
  border-top: 1px solid #d7dfdc;
  scrollbar-width: none;
}
.category-nav a {
  flex: 0 0 auto;
  margin-right: 24px;
  padding: 14px 18px 13px 0;
  color: var(--navy);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.category-nav a:hover, .category-nav a:focus-visible { color: var(--green); }
.ax-shell { width: min(calc(100% - 48px), var(--max)); margin-inline: auto; }

/* bespoke-home: anna-xl-weekeditie */
.ax-home { overflow: hidden; }
.ax-cover { padding: 22px 0 0; background: var(--white); }
.ax-issue-line {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: end;
  gap: 24px;
  padding: 0 0 15px;
  border-bottom: 1px solid var(--navy);
}
.ax-issue-line p {
  margin: 0;
  color: var(--green);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.ax-issue-line p:last-child { color: var(--muted); text-align: right; }
.ax-issue-line h1 {
  margin: 0;
  color: var(--navy);
  font-size: 20px;
  line-height: 1.1;
}
.ax-cover-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.05fr) minmax(300px, .95fr);
  gap: 0;
  min-height: 650px;
  border-inline: 1px solid var(--navy);
}
.ax-lead { position: relative; min-width: 0; min-height: 650px; color: var(--white); background: var(--navy); }
.ax-lead__media, .ax-lead__media img { position: absolute; inset: 0; width: 100%; height: 100%; }
.ax-lead__media img { object-position: center 48%; }
.ax-lead::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(7,29,47,.94) 0%, rgba(7,29,47,.55) 45%, rgba(7,29,47,.02) 78%);
  pointer-events: none;
}
.ax-lead__copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: flex-start;
  width: min(720px, 86%);
  min-height: 650px;
  padding: 56px;
}
.ax-lead__copy > p:first-child,
.ax-section-head > div > p,
.ax-card__copy > p:first-child,
.ax-cover-notes p,
.ax-prepare-story__copy > p:first-child,
.ax-archive-card__copy > p:first-child,
.ax-topics > .ax-shell > div > p {
  margin: 0 0 12px;
  color: var(--coral);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.ax-lead h2 {
  max-width: 14ch;
  margin: 0 0 18px;
  font-size: 54px;
  line-height: 1.02;
}
.ax-lead__copy > p:not(:first-child) {
  max-width: 55ch;
  margin: 0 0 23px;
  color: #e3ece8;
  font-size: 15px;
}
.ax-read {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  width: max-content;
  max-width: 100%;
  padding: 9px 0;
  border-bottom: 1px solid var(--mint);
  font-size: 12px;
  font-weight: 700;
}
.ax-read span { color: var(--mint); font-size: 18px; }
.ax-cover-notes { display: grid; grid-template-rows: 1fr 1fr; background: var(--paper); }
.ax-cover-notes article { display: grid; grid-template-rows: minmax(0, 1fr) auto; min-height: 0; padding: 18px; }
.ax-cover-notes article + article { border-top: 1px solid var(--navy); }
.ax-cover-notes__media { min-height: 0; overflow: hidden; background: #dce5e1; }
.ax-cover-notes__media img { width: 100%; height: 100%; transition: transform .25s ease; }
.ax-cover-notes article:hover img { transform: scale(1.02); }
.ax-cover-notes article > div { padding: 15px 2px 2px; }
.ax-cover-notes p { margin-bottom: 7px; color: var(--green); }
.ax-cover-notes h2 { margin: 0; font-size: 20px; line-height: 1.15; }
.ax-cover-notes h2 a:hover { text-decoration: underline; text-decoration-color: var(--coral); text-underline-offset: 4px; }
.ax-jump {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 1px solid var(--line);
}
.ax-jump a {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 2px 8px;
  padding: 21px 22px;
}
.ax-jump a + a { border-left: 1px solid var(--line); }
.ax-jump span { grid-row: 1 / 3; color: var(--coral); font-size: 11px; font-weight: 700; }
.ax-jump strong { color: var(--navy); font-size: 14px; }
.ax-jump small { color: var(--muted); font-size: 10px; }
.ax-jump a:hover { background: var(--mint); }
.ax-guide, .ax-archive { padding-block: 88px 100px; }
.ax-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr);
  gap: 70px;
  align-items: end;
  margin-bottom: 38px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--navy);
}
.ax-section-head > div > p { color: var(--green); }
.ax-section-head h2 {
  max-width: 17ch;
  margin: 0;
  color: var(--navy);
  font-size: 43px;
  line-height: 1.08;
}
.ax-section-head > p {
  max-width: 54ch;
  margin: 0 0 4px;
  color: var(--muted);
  font-size: 14px;
}
.ax-card-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 40px 24px;
}
.ax-card { grid-column: span 4; min-width: 0; border-top: 4px solid var(--navy); padding-top: 11px; }
.ax-card:nth-child(1), .ax-card:nth-child(5) { grid-column: span 5; }
.ax-card:nth-child(2), .ax-card:nth-child(6) { grid-column: span 3; }
.ax-card:nth-child(3), .ax-card:nth-child(4), .ax-card:nth-child(7) { grid-column: span 4; }
.ax-card__media {
  position: relative;
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #dce5e1;
}
.ax-card:nth-child(2) .ax-card__media, .ax-card:nth-child(6) .ax-card__media { aspect-ratio: 4 / 5; }
.ax-card__media img { width: 100%; height: 100%; transition: transform .25s ease; }
.ax-card:hover img { transform: scale(1.018); }
.ax-card__media span {
  position: absolute;
  right: 0;
  bottom: 0;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: var(--navy);
  background: var(--mint);
  font-size: 10px;
  font-weight: 700;
}
.ax-card__copy { padding: 17px 0 0; }
.ax-card__copy > p:first-child { margin-bottom: 8px; color: var(--green); }
.ax-card h3 { margin: 0 0 10px; font-size: 23px; line-height: 1.18; }
.ax-card h3 a:hover { text-decoration: underline; text-decoration-color: var(--coral); text-underline-offset: 4px; }
.ax-card__copy > p:last-child { margin: 0; color: var(--muted); font-size: 13px; }
.ax-prepare { padding-block: 88px 96px; color: var(--white); background: var(--navy); }
.ax-section-head--light { border-color: #6f8790; }
.ax-section-head--light h2 { color: var(--white); }
.ax-section-head--light > div > p, .ax-section-head--light > p { color: var(--mint); }
.ax-prepare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 42px; }
.ax-prepare-story {
  display: grid;
  grid-template-columns: minmax(220px, .9fr) minmax(0, 1.1fr);
  min-width: 0;
  border-top: 5px solid var(--coral);
  background: var(--white);
  color: var(--ink);
}
.ax-prepare-story__media { display: block; min-height: 390px; overflow: hidden; background: #dce5e1; }
.ax-prepare-story__media img { width: 100%; height: 100%; transition: transform .25s ease; }
.ax-prepare-story:hover img { transform: scale(1.018); }
.ax-prepare-story__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 34px;
}
.ax-prepare-story__copy > p:first-child { color: var(--coral); }
.ax-prepare-story h3 { margin: 0 0 15px; font-size: 29px; line-height: 1.1; }
.ax-prepare-story__copy > p:not(:first-child) { margin: 0 0 23px; color: var(--muted); font-size: 13px; }
.ax-read--light { border-color: var(--green); color: var(--navy); }
.ax-read--light span { color: var(--green); }
.ax-archive { padding-bottom: 110px; }
.ax-archive-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 36px 24px;
}
.ax-archive-card {
  grid-column: span 4;
  min-width: 0;
  border-bottom: 1px solid var(--line);
  padding-bottom: 26px;
}
.ax-archive-card--wide { grid-column: span 8; display: grid; grid-template-columns: 1.35fr .65fr; }
.ax-archive-card__media { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #dce5e1; }
.ax-archive-card--wide .ax-archive-card__media { aspect-ratio: 16 / 9; }
.ax-archive-card__media img { width: 100%; height: 100%; transition: transform .25s ease; }
.ax-archive-card:hover img { transform: scale(1.018); }
.ax-archive-card__copy { padding: 17px 0 0; }
.ax-archive-card--wide .ax-archive-card__copy { display: flex; flex-direction: column; justify-content: center; padding: 30px; background: var(--paper); }
.ax-archive-card__copy > p:first-child { color: var(--green); }
.ax-archive-card h3 { margin: 0 0 10px; font-size: 23px; line-height: 1.17; }
.ax-archive-card--wide h3 { font-size: 31px; }
.ax-archive-card__copy > p:last-child { margin: 0; color: var(--muted); font-size: 13px; }
.ax-topics { background: var(--mint); color: var(--navy); }
.ax-topics > .ax-shell { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; padding-block: 70px; }
.ax-topics > .ax-shell > div > p { color: var(--navy); }
.ax-topics h2 { max-width: 12ch; margin: 0; font-size: 39px; line-height: 1.08; }
.ax-topics nav { border-top: 1px solid var(--navy); }
.ax-topics nav a {
  display: grid;
  grid-template-columns: 42px 1fr;
  padding: 13px 0;
  border-bottom: 1px solid rgba(7,29,47,.38);
  font-size: 16px;
  font-weight: 700;
}
.ax-topics nav span { color: var(--green); font-size: 10px; }
.ax-topics nav a:hover { padding-inline: 8px; background: var(--white); }

.search-dialog {
  width: min(900px, calc(100% - 24px));
  max-height: calc(100vh - 24px);
  padding: 0;
  border: 0;
  color: var(--ink);
  background: var(--white);
}
.search-dialog::backdrop { background: rgba(7,29,47,.82); }
.search-panel { padding: 34px; }
.search-top { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; }
.search-top h2 { margin: 0 0 28px; color: var(--navy); font-size: 34px; line-height: 1.1; }
.kicker {
  margin: 0 0 20px;
  color: var(--green);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.search-form label { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 700; }
.search-input-row { display: grid; grid-template-columns: 1fr auto; }
.search-input-row input { min-width: 0; padding: 14px; border: 1px solid var(--navy); }
.search-input-row button { padding: 0 24px; border: 1px solid var(--navy); color: var(--white); background: var(--navy); font-weight: 700; }
.search-status { color: var(--muted); font-size: 13px; }
.search-results { display: grid; max-height: 40vh; overflow: auto; }
.search-result { padding: 14px 0; border-top: 1px solid var(--line); }
.search-result a { color: var(--navy); font-size: 17px; font-weight: 700; }
.search-result p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }

.article-page { background: var(--white); }
.article-hero { width: min(100%, var(--max)); margin: auto; padding: 54px 24px 0; }
.article-heading { width: min(100%, 900px); margin: 0 auto 42px; }
.category-label {
  color: var(--green);
  border-bottom: 2px solid currentColor;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.article-heading h1 {
  max-width: 18ch;
  margin: 18px 0 22px;
  color: var(--navy);
  font-size: 64px;
  line-height: 1.02;
  overflow-wrap: break-word;
  hyphens: none;
}
.article-deck { max-width: 760px; color: var(--muted); font-size: 20px; }
.article-byline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.article-hero figure { margin: 0; }
.article-hero figure img { width: 100%; height: auto; aspect-ratio: 3 / 2; }
.article-hero figcaption { padding: 8px 0; color: var(--muted); font-size: 10px; }
.article-layout {
  display: grid;
  grid-template-columns: 190px minmax(0, 680px);
  gap: 70px;
  width: min(100%, 980px);
  margin: 60px auto 100px;
  padding: 0 24px;
}
.article-aside {
  position: sticky;
  top: 24px;
  align-self: start;
  display: grid;
  gap: 8px;
  padding-top: 12px;
  border-top: 4px solid var(--navy);
  color: var(--muted);
  font-size: 11px;
}
.article-aside p { margin: 0; color: var(--navy); font-weight: 700; text-transform: uppercase; }
.text-button {
  width: max-content;
  max-width: 100%;
  margin-top: 14px;
  padding: 5px 0;
  border: 0;
  border-bottom: 1px solid var(--green);
  color: var(--navy);
  background: transparent;
  cursor: pointer;
}
.article-body { min-width: 0; font-size: 17px; line-height: 1.78; }
.article-body .intro, .article-body > .article-deck { color: var(--navy); font-size: 22px; font-weight: 700; line-height: 1.55; }
.article-body h2 { margin: 54px 0 16px; color: var(--navy); font-size: 32px; line-height: 1.15; }
.article-body h3 { margin: 34px 0 12px; color: var(--navy); font-size: 23px; line-height: 1.2; }
.article-body h4 { margin: 28px 0 10px; color: var(--navy); font-size: 18px; }
.article-body p { margin: 0 0 22px; }
.article-body ul, .article-body ol { margin: 10px 0 28px; padding-left: 24px; }
.article-body li { margin: 8px 0; }
.article-body table { width: 100%; margin: 24px 0 30px; border-collapse: collapse; font-size: 14px; }
.article-body th, .article-body td { padding: 12px; border-bottom: 1px solid var(--line); text-align: left; }
.article-body th { color: var(--white); background: var(--navy); }
.related { padding: 80px 24px; background: var(--paper); }
.section-heading {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: end;
  gap: 18px;
  width: min(100%, var(--max));
  margin: 0 auto 34px;
}
.section-heading .kicker { grid-column: 1 / -1; margin: 0; }
.section-heading h2 { margin: 0; color: var(--navy); font-size: 32px; line-height: 1.1; }
.rule { margin-bottom: 7px; border-bottom: 1px solid var(--line); }
.related-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; width: min(100%, var(--max)); margin: auto; }
.article-card { min-width: 0; padding-top: 12px; border-top: 4px solid var(--navy); }
.card-image { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #dce5e1; }
.card-image img { width: 100%; height: 100%; transition: transform .25s ease; }
.card-image:hover img { transform: scale(1.02); }
.card-copy { padding: 18px 0; }
.card-copy h3 { margin: 12px 0; font-size: 24px; line-height: 1.15; }
.card-copy > p { margin: 0 0 16px; color: var(--muted); font-size: 14px; }
.meta { display: flex; gap: 16px; color: var(--muted); font-size: 9px; font-weight: 700; text-transform: uppercase; }

.category-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 70px;
  padding: 75px max(24px, calc((100vw - var(--max)) / 2 + 24px));
  color: var(--white);
  background: var(--navy);
}
.category-hero .kicker { grid-column: 1 / -1; color: var(--mint); }
.category-hero h1 { max-width: 10ch; margin: 0; font-size: 68px; line-height: 1; overflow-wrap: break-word; }
.category-hero > p:not(.kicker) { max-width: 540px; margin: 5px 0; color: #d4e1dd; font-size: 18px; }
.category-hero > span { grid-column: 2; color: var(--mint); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.category-content { width: min(100%, var(--max)); margin: auto; padding: 80px 24px 100px; }
.category-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 24px; }
.empty-category { max-width: 650px; margin-bottom: 48px; padding-left: 24px; border-left: 8px solid var(--mint); }
.empty-category h2 { margin: 0 0 14px; color: var(--navy); font-size: 34px; line-height: 1.15; }
.empty-category p:last-child { color: var(--muted); }

.site-footer {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 60px;
  padding: 70px max(24px, calc((100vw - var(--max)) / 2 + 24px));
  color: var(--white);
  background: var(--navy);
}
.brand-light { color: var(--white); }
.footer-brand p { max-width: 320px; color: #bfcfca; font-size: 14px; }
.site-footer h2 { margin: 0 0 18px; color: var(--mint); font-size: 12px; text-transform: uppercase; }
.site-footer > div:not(:first-child) a { display: block; width: max-content; max-width: 100%; margin: 9px 0; color: #dce7e3; font-size: 13px; }
.site-footer a:hover { text-decoration: underline; }
.copyright { margin-top: 28px; color: #91a69f; font-size: 11px; }

@media (max-width: 980px) {
  .ax-cover-grid { grid-template-columns: minmax(0, 1.55fr) minmax(270px, .75fr); }
  .ax-lead h2 { font-size: 45px; }
  .ax-lead__copy { padding: 42px; }
  .ax-card, .ax-card:nth-child(n) { grid-column: span 6; }
  .ax-card:nth-child(7) { grid-column: span 12; display: grid; grid-template-columns: .8fr 1.2fr; gap: 24px; }
  .ax-card:nth-child(2) .ax-card__media, .ax-card:nth-child(6) .ax-card__media { aspect-ratio: 4 / 3; }
  .ax-prepare-grid { grid-template-columns: 1fr; }
  .ax-prepare-story { grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr); }
  .article-layout { grid-template-columns: 1fr; gap: 25px; }
  .article-aside { position: static; grid-template-columns: repeat(3, auto); justify-content: start; gap: 10px 20px; }
  .article-aside .text-button { grid-column: 1 / -1; }
  .category-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .brand-row { grid-template-columns: 1fr auto auto; gap: 9px; height: 78px; padding: 0 16px; }
  .brand { font-size: 27px; }
  .brand b { font-size: 36px; }
  .brand small { font-size: 14px; }
  .edition { display: none; }
  .menu-button { display: grid; }
  .category-nav {
    position: absolute;
    top: 78px;
    right: 0;
    left: 0;
    display: none;
    flex-direction: column;
    padding: 8px 16px 16px;
    background: var(--white);
    box-shadow: 0 10px 20px rgba(7,29,47,.14);
  }
  .category-nav.is-open { display: flex; }
  .category-nav a { margin: 0; padding: 10px 0; border-bottom: 1px solid #dce4e1; }
  .ax-shell { width: min(calc(100% - 32px), var(--max)); }
  .ax-cover { padding-top: 14px; }
  .ax-issue-line { grid-template-columns: 1fr auto; gap: 8px; align-items: center; }
  .ax-issue-line h1 { grid-column: 1 / -1; grid-row: 1; font-size: 18px; }
  .ax-issue-line p:first-child { grid-row: 2; }
  .ax-issue-line p:last-child { grid-row: 2; }
  .ax-cover-grid { display: block; min-height: 0; border: 0; }
  .ax-lead { min-height: 600px; }
  .ax-lead__copy { width: 100%; min-height: 600px; padding: 32px 22px; }
  .ax-lead h2 { max-width: 13ch; font-size: 38px; overflow-wrap: break-word; }
  .ax-cover-notes { grid-template-rows: none; }
  .ax-cover-notes article { grid-template-columns: 132px minmax(0, 1fr); grid-template-rows: none; gap: 15px; padding: 16px 0; }
  .ax-cover-notes article + article { border-top: 1px solid var(--line); }
  .ax-cover-notes__media { aspect-ratio: 1 / 1; }
  .ax-cover-notes article > div { align-self: center; padding: 0; }
  .ax-cover-notes h2 { font-size: 17px; overflow-wrap: break-word; }
  .ax-jump { grid-template-columns: 1fr; }
  .ax-jump a { padding: 15px 6px; }
  .ax-jump a + a { border-top: 1px solid var(--line); border-left: 0; }
  .ax-guide, .ax-archive { padding-block: 62px 70px; }
  .ax-section-head { grid-template-columns: 1fr; gap: 18px; margin-bottom: 28px; }
  .ax-section-head h2 { font-size: 32px; }
  .ax-card-grid { display: block; }
  .ax-card, .ax-card:nth-child(n) { display: block; margin-bottom: 38px; }
  .ax-card__media, .ax-card:nth-child(2) .ax-card__media, .ax-card:nth-child(6) .ax-card__media { aspect-ratio: 16 / 10; }
  .ax-card h3 { font-size: 22px; }
  .ax-prepare { padding-block: 62px 68px; }
  .ax-prepare-story { display: block; margin-bottom: 22px; }
  .ax-prepare-story__media { width: 100%; min-height: 0; aspect-ratio: 4 / 3; }
  .ax-prepare-story__copy { padding: 24px 20px; }
  .ax-prepare-story h3 { font-size: 25px; overflow-wrap: break-word; }
  .ax-archive-grid { display: block; }
  .ax-archive-card, .ax-archive-card--wide { display: block; margin-bottom: 34px; }
  .ax-archive-card--wide .ax-archive-card__copy { padding: 20px; }
  .ax-archive-card--wide h3 { font-size: 25px; }
  .ax-topics > .ax-shell { grid-template-columns: 1fr; gap: 32px; padding-block: 54px; }
  .ax-topics h2 { font-size: 32px; }
  .search-panel { padding: 22px 18px; }
  .search-top h2 { font-size: 26px; }
  .search-input-row { grid-template-columns: 1fr; }
  .search-input-row button { padding: 12px; }
  .article-hero { padding: 38px 16px 0; }
  .article-heading { margin-bottom: 28px; }
  .article-heading h1 { max-width: 100%; font-size: 38px; }
  .article-deck { font-size: 17px; }
  .article-hero figure img { height: auto; aspect-ratio: 4 / 3; }
  .article-layout { margin: 38px auto 70px; padding: 0 18px; }
  .article-aside { grid-template-columns: 1fr 1fr; }
  .article-body { font-size: 16px; line-height: 1.72; }
  .article-body .intro, .article-body > .article-deck { font-size: 20px; }
  .article-body h2 { margin-top: 44px; font-size: 27px; }
  .article-body h3 { font-size: 21px; }
  .article-body table { display: block; overflow-x: auto; }
  .related { padding: 55px 16px; }
  .related-grid { grid-template-columns: 1fr; }
  .section-heading { grid-template-columns: 1fr; }
  .section-heading .rule { display: none; }
  .category-hero { grid-template-columns: 1fr; padding: 52px 20px; }
  .category-hero h1 { font-size: 43px; }
  .category-hero > span { grid-column: 1; }
  .category-content { padding: 55px 16px; }
  .category-cards { grid-template-columns: 1fr; }
  .site-footer { grid-template-columns: 1fr; gap: 36px; padding: 55px 20px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .ax-home img, .card-image img { transition: none; }
}

/* ANNAXL-BESPOKE-CSS:START */
:root{--ax-ink:#17221e;--ax-paper:#f4f0e7;--ax-green:#174d45;--ax-coral:#d95735;--ax-yellow:#e8c94b}body{background:var(--ax-paper);color:var(--ax-ink)}.ax-home{overflow:hidden}.ax-intro,.ax-lead,.ax-map,.ax-close{width:min(calc(100% - 48px),1380px);margin-inline:auto}.ax-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:end;padding:68px 0 56px}.ax-intro__eyebrow,.ax-label,.ax-story__meta{margin:0;color:var(--ax-coral);font:700 11px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.ax-intro h1{max-width:11ch;margin:14px 0 0;font-size:clamp(52px,7vw,96px);line-height:.9;letter-spacing:0}.ax-intro h1 em{color:var(--ax-green);font-style:normal}.ax-intro__dek{max-width:31ch;margin:0;font:17px/1.55 Arial,sans-serif}.ax-lead{display:grid;grid-template-columns:1.35fr .65fr;min-height:540px;background:var(--ax-green);color:var(--ax-paper)}.ax-lead__image{overflow:hidden}.ax-lead__image img{width:100%;height:100%;object-fit:cover}.ax-lead__copy{display:flex;flex-direction:column;justify-content:end;padding:46px}.ax-lead__copy .ax-label{color:var(--ax-yellow)}.ax-lead h2{margin:16px 0;font-size:clamp(34px,4.5vw,62px);line-height:.98;letter-spacing:0}.ax-lead h2 a{text-decoration:none}.ax-lead__copy>p:not(.ax-label){margin:0 0 28px;color:#dce5dc;font:17px/1.55 Arial,sans-serif}.ax-button{width:max-content;padding:12px 14px;background:var(--ax-yellow);color:var(--ax-ink);font-weight:700}.ax-map{padding-top:76px}.ax-map__bar{display:flex;justify-content:space-between;gap:24px;align-items:end;padding-bottom:16px;border-bottom:3px solid var(--ax-ink)}.ax-map__bar h2{max-width:18ch;margin:10px 0 0;font-size:38px;line-height:1;letter-spacing:0}.ax-map__bar>span{font:12px Arial,sans-serif;white-space:nowrap}.ax-route{padding:38px 0 58px;border-bottom:1px solid #aaa99e}.ax-route>header{display:grid;grid-template-columns:1fr 2fr auto;gap:12px 22px;align-items:baseline;margin-bottom:24px}.ax-route>header h3{margin:0;font-size:34px;line-height:1;letter-spacing:0}.ax-route>header p:not(.ax-label){grid-column:2;margin:0;color:#58655f;font:15px/1.45 Arial,sans-serif}.ax-route>header>span{font:12px Arial,sans-serif}.ax-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ax-story{display:grid;grid-template-rows:190px 1fr;min-width:0;background:#fffdf8}.ax-story__image{overflow:hidden;background:#d8dfd4}.ax-story__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.ax-story__image:hover img{transform:scale(1.03)}.ax-story__copy{padding:18px}.ax-story__meta{color:var(--ax-green);font-size:10px}.ax-story h3{margin:10px 0 8px;font-size:21px;line-height:1.1;letter-spacing:0}.ax-story h3 a{text-decoration:none}.ax-story__copy>p:not(.ax-story__meta){margin:0 0 18px;font:14px/1.45 Arial,sans-serif}.ax-story__read{color:var(--ax-coral);font:700 12px Arial,sans-serif}.ax-story--compact{grid-template-rows:130px 1fr;background:transparent;border-top:2px solid var(--ax-ink)}.ax-story--compact .ax-story__copy{padding-inline:0}.ax-close{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:74px 0}.ax-close>p:not(.ax-label){max-width:18ch;margin:0;color:var(--ax-green);font-size:36px;line-height:1}@media(max-width:700px){.ax-intro,.ax-lead,.ax-map,.ax-close{width:min(calc(100% - 28px),1380px)}.ax-intro{display:flex;flex-direction:column;gap:20px;padding:45px 0 38px;align-items:stretch}.ax-intro h1{font-size:55px}.ax-intro__dek{max-width:34ch}.ax-lead{display:flex;flex-direction:column;min-height:0}.ax-lead__image{aspect-ratio:1.25}.ax-lead__copy{padding:28px 22px 30px}.ax-lead h2{font-size:39px}.ax-map{padding-top:46px}.ax-map__bar{display:block}.ax-map__bar h2{font-size:30px}.ax-map__bar>span{display:block;margin-top:15px}.ax-route{padding:30px 0 38px}.ax-route>header{grid-template-columns:1fr auto}.ax-route>header .ax-label,.ax-route>header p:not(.ax-label){grid-column:1/-1}.ax-route>header h3{font-size:28px}.ax-stories{grid-template-columns:1fr 1fr;gap:12px}.ax-story{grid-template-rows:120px 1fr}.ax-story--compact{grid-template-rows:92px 1fr}.ax-story__copy{padding:12px}.ax-story h3{font-size:17px}.ax-story__copy>p:not(.ax-story__meta){font-size:13px}.ax-close{display:block;padding:45px 0}.ax-close>p:not(.ax-label){font-size:30px;margin-top:16px}}
/* ANNAXL-TYPE-REPAIR:START */
.category-hero h1{max-width:14ch;line-height:1.04;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
.ax-intro h1{max-width:12ch;font-size:76px;line-height:.98;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
@media(min-width:981px){.category-hero h1{font-size:64px}}
@media(min-width:701px) and (max-width:980px){.category-hero h1{font-size:44px;line-height:1.06}.ax-intro h1{max-width:13ch;font-size:64px;line-height:1}}
@media(max-width:700px){.ax-intro h1{max-width:100%;font-size:46px;line-height:1.02}}
/* ANNAXL-TYPE-REPAIR:END */
/* ANNAXL-BESPOKE-CSS:END */