.slx-tappe-list-art {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: radial-gradient(circle at 50% 30%, #345b51, #173b36 68%);
  color: #f5e7c9;
}
.slx-tappe-list-arch {
  display: grid;
  place-items: center;
  width: 42%;
  aspect-ratio: .75;
  border: 2px solid #d6b66a;
  border-radius: 48% 48% 0 0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(4rem, 7vw, 7rem);
  letter-spacing: -.09em;
  line-height: 1;
  box-shadow: inset 0 0 0 8px #20453e, inset 0 0 0 9px rgba(235,206,150,.45);
}
.slx-tappe-list-caption {
  position: absolute;
  bottom: 1rem;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #e8d8af;
}

.slx-monuments-page {
  background: #fbfaf6;
  color: #172d2b;
  padding-bottom: 4rem;
}
.slx-monuments-page a { text-underline-offset: .2em; }
.slx-monuments-page :focus-visible { outline: 3px solid #bf8940; outline-offset: 3px; }
.slx-monuments-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  min-height: 450px;
  overflow: hidden;
  border-radius: 1.35rem;
  background: #123532;
  color: #fff;
  box-shadow: 0 20px 50px rgba(18, 53, 50, .13);
}
.slx-monuments-hero-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(2rem, 5vw, 4.5rem);
}
.slx-monuments-hero h1 {
  max-width: 14ch;
  margin: 1.5rem 0 0;
  color: #fff;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(2.5rem, 5vw, 4.7rem);
  line-height: 1.06;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.slx-monuments-hero-lead {
  max-width: 56ch;
  margin: 1.4rem 0 0;
  color: #e2ece8;
  font-size: clamp(1rem, 1.4vw, 1.14rem);
  line-height: 1.7;
}
.slx-monuments-hero-art {
  display: grid;
  place-items: center;
  min-width: 0;
  padding: 2rem;
  position: relative;
  isolation: isolate;
  background: radial-gradient(circle at 55% 25%, rgba(236,207,142,.22), transparent 42%),
    linear-gradient(145deg, #2b5049, #173b36 75%);
}
.slx-monuments-hero-art::before {
  content: '';
  position: absolute;
  inset: 1.25rem;
  border: 1px solid rgba(230,205,152,.3);
  z-index: -1;
}
.slx-monuments-hero-seal {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: min(78%, 270px);
  aspect-ratio: .77;
  padding: 1.25rem;
  border: 2px solid #d6b66a;
  border-radius: 48% 48% 0 0;
  box-shadow: inset 0 0 0 9px #20453e, inset 0 0 0 10px rgba(235,206,150,.48), 0 25px 40px rgba(0,0,0,.18);
  text-align: center;
}
.slx-monuments-hero-seal-label,
.slx-monuments-hero-seal-foot {
  color: #e8d8af;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.4;
  text-transform: uppercase;
}
.slx-monuments-hero-seal-count {
  color: #f5e7c9;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(5.5rem, 9vw, 9rem);
  letter-spacing: -.09em;
  line-height: 1.1;
  transform: translateX(-.06em);
}
.slx-monuments-route,
.slx-monuments-more { margin-top: clamp(3.5rem, 6vw, 5.5rem); scroll-margin-top: 1.5rem; }
.slx-monuments-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 1.75rem;
}
.slx-monuments-section-heading h2,
.slx-monuments-explore h2 {
  margin: .65rem 0 0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(2rem, 3.6vw, 3.1rem);
  line-height: 1.13;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.slx-monuments-section-heading > p {
  max-width: 39ch;
  margin: 0;
  color: #4c5c58;
  line-height: 1.65;
}
.slx-monuments-grid,
.slx-monuments-other-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.slx-monuments-grid > li { min-width: 0; }
.slx-monuments-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border: 1px solid #e5e2d8;
  border-radius: 1.15rem;
  background: #fff;
  box-shadow: 0 8px 28px rgba(25, 53, 47, .05);
}
.slx-monuments-card-art {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 172px;
  position: relative;
  overflow: hidden;
  color: #f5e7c9;
  background: radial-gradient(circle at 50% 15%, #42685d, #183d38 72%);
}
.slx-monuments-grid > li:nth-child(2) .slx-monuments-card-art { background: radial-gradient(circle at 50% 15%, #5b6c5e, #2b483c 72%); }
.slx-monuments-grid > li:nth-child(3) .slx-monuments-card-art { background: radial-gradient(circle at 50% 15%, #536970, #26464a 72%); }
.slx-monuments-grid > li:nth-child(4) .slx-monuments-card-art { background: radial-gradient(circle at 50% 15%, #6b635a, #423e39 72%); }
.slx-monuments-card-art::before,
.slx-monuments-card-art::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(235,206,150,.16);
}
.slx-monuments-card-art::before { left: 18%; }
.slx-monuments-card-art::after { right: 18%; }
.slx-monuments-card-arch {
  display: grid;
  place-items: center;
  width: 126px;
  height: 154px;
  margin-top: 18px;
  border: 2px solid #d6b66a;
  border-radius: 48% 48% 0 0;
  box-shadow: inset 0 0 0 7px rgba(15,42,38,.6), inset 0 0 0 8px rgba(235,206,150,.48);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 4.7rem;
  line-height: 1;
  letter-spacing: -.09em;
  transform: translateX(-.04em);
}
.slx-monuments-card-period {
  position: absolute;
  right: 1.15rem;
  bottom: .8rem;
  padding: .35rem .6rem;
  border: 1px solid rgba(245,231,201,.45);
  border-radius: 2rem;
  background: rgba(15,42,38,.8);
  color: #fff;
  font-size: .78rem;
  font-weight: 700;
}
.slx-monuments-card-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(1.35rem, 2.5vw, 2rem);
}
.slx-monuments-card-kicker {
  margin: 0 0 .7rem;
  color: #5b5c47;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.slx-monuments-card-kicker span { padding: 0 .25rem; color: #8a9a91; }
.slx-monuments-card h3 {
  margin: 0;
  color: #172d2b;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(1.55rem, 2.4vw, 2rem);
  line-height: 1.2;
  text-wrap: balance;
}
.slx-monuments-card-lead { margin: 1rem 0 1.4rem; color: #4c5c58; line-height: 1.65; }
.slx-monuments-card-link {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  min-height: 44px;
  margin-top: auto;
  color: #145548;
  font-weight: 800;
  text-decoration: none;
}
.slx-monuments-card-link:hover { color: #0b3b33; text-decoration: underline; }
.slx-monuments-card-link span { font-size: 1.25rem; }
.slx-monuments-other-card {
  overflow: hidden;
  border: 1px solid #e5e2d8;
  border-radius: 1rem;
  background: #fff;
}
.slx-monuments-other-card img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.slx-monuments-other-card > div { padding: 1.5rem; }
.slx-monuments-other-card h3 { font-family: Georgia, 'Times New Roman', serif; font-size: 1.5rem; }
.slx-monuments-other-card p { color: #4c5c58; line-height: 1.6; }
.slx-monuments-other-card a { display: inline-flex; align-items: center; min-height: 44px; color: #145548; font-weight: 700; }
.slx-monuments-empty { margin-top: 3rem; padding: 2rem; border-radius: 1rem; background: #e9efe9; }
.slx-monuments-empty p { margin: 0; }
.slx-monuments-explore {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(250px, .7fr);
  align-items: center;
  gap: 2rem;
  margin-top: clamp(3.5rem, 6vw, 5.5rem);
  padding: clamp(1.5rem, 4vw, 3rem);
  border-radius: 1.15rem;
  background: #e9efe9;
}
.slx-monuments-explore h2 { max-width: 17ch; }
.slx-monuments-explore p:not(.slx-tappe-section-label) { max-width: 56ch; margin: 1rem 0 0; color: #43544e; line-height: 1.7; }
.slx-monuments-explore-links { display: grid; gap: .7rem; }
.slx-monuments-explore-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 58px;
  padding: .75rem 1rem;
  border: 1px solid #cddbd2;
  border-radius: .7rem;
  background: #fff;
  color: #145548;
  font-weight: 700;
  text-decoration: none;
}
.slx-monuments-explore-links a:hover { background: #f5faf6; border-color: #719784; }

@media (max-width: 991.98px) {
  .slx-monuments-hero { grid-template-columns: minmax(0, 1fr) minmax(220px, .55fr); }
  .slx-monuments-section-heading { align-items: start; flex-direction: column; gap: .75rem; }
  .slx-monuments-card-period { top: .75rem; bottom: auto; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .slx-monuments-hero-seal-label, .slx-monuments-hero-seal-foot { font-size: .62rem; }
  .slx-monuments-hero-seal-count { font-size: 5rem; }
}
@media (max-width: 767.98px) {
  .slx-monuments-page { padding-bottom: 2.5rem; }
  .slx-monuments-hero { grid-template-columns: 1fr; }
  .slx-monuments-hero-copy { padding: 2rem 1.5rem; }
  .slx-monuments-hero h1 { margin-top: 1rem; font-size: clamp(2.4rem, 8.5vw, 3.5rem); }
  .slx-monuments-hero-lead { margin-top: 1rem; }
  .slx-monuments-hero-art { min-height: 190px; padding: 1rem; }
  .slx-monuments-hero-seal { width: 175px; height: 170px; aspect-ratio: auto; }
  .slx-monuments-hero-seal-label, .slx-monuments-hero-seal-foot { font-size: .62rem; }
  .slx-monuments-hero-seal-count { font-size: 4.1rem; }
  .slx-monuments-grid, .slx-monuments-other-grid { grid-template-columns: 1fr; }
  .slx-monuments-card { display: grid; grid-template-columns: minmax(170px, .7fr) minmax(0, 1.3fr); }
  .slx-monuments-card-art { min-height: 100%; }
  .slx-monuments-explore { grid-template-columns: 1fr; gap: 1.25rem; }
}
@media (max-width: 575.98px) {
  .slx-monuments-hero { border-radius: 1rem; }
  .slx-monuments-hero-copy { padding: 1.75rem 1.25rem; }
  .slx-monuments-hero-art { min-height: 160px; }
  .slx-monuments-hero-seal { height: 155px; }
  .slx-monuments-hero .slx-tappe-hero-actions { width: 100%; }
  .slx-monuments-hero .slx-tappe-hero-actions .btn { flex: 1 1 170px; }
  .slx-monuments-card { display: flex; }
  .slx-monuments-card-art { min-height: 140px; }
  .slx-monuments-card-arch { width: 108px; height: 127px; font-size: 4rem; }
  .slx-monuments-card-period { right: .65rem; top: .6rem; }
  .slx-monuments-explore { padding: 1.5rem 1.25rem; }
}

.slx-tappe-page {
  --tappe-ink: #172d2b;
  --tappe-deep: #123532;
  --tappe-gold: #d6b66a;
  --tappe-paper: #f6f3eb;
  color: var(--tappe-ink);
  background: #fbfaf6;
  padding-bottom: 4rem;
}

.slx-tappe-page a { text-underline-offset: .2em; }
.slx-tappe-breadcrumb { padding: 1.25rem 0; font-size: .9rem; }
.slx-tappe-breadcrumb a { color: #355b55; }
.slx-tappe-breadcrumb .active { color: #53615e; }

.slx-tappe-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(250px, .65fr);
  min-height: 480px;
  overflow: hidden;
  border-radius: 1.35rem;
  background: var(--tappe-deep);
  color: #fff;
  box-shadow: 0 20px 50px rgba(18, 53, 50, .13);
}
.slx-tappe-hero-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(2rem, 5vw, 4.5rem);
  position: relative;
  z-index: 1;
}
.slx-tappe-eyebrow,
.slx-tappe-section-label {
  margin: 0;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .14em;
  line-height: 1.5;
  text-transform: uppercase;
}
.slx-tappe-eyebrow { color: #e9d4a2; }
.slx-tappe-eyebrow span { padding: 0 .35rem; color: #fff; opacity: .55; }
.slx-tappe-count {
  margin: 2rem 0 .35rem;
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #f1dbac;
}
.slx-tappe-count span { color: #d2e0db; font-weight: 500; }
.slx-tappe-hero h1 {
  max-width: 13ch;
  margin: 0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(2.4rem, 5vw, 4.8rem);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.035em;
  text-wrap: balance;
  color: #fff;
}
.slx-tappe-lead {
  max-width: 61ch;
  margin: 1.5rem 0 0;
  color: #e2ece8;
  font-size: clamp(1rem, 1.4vw, 1.16rem);
  line-height: 1.7;
}
.slx-tappe-hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.slx-tappe-hero-actions .btn {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: .7rem;
  padding: .7rem 1.1rem;
  font-size: .96rem;
  font-weight: 700;
}
.slx-tappe-hero-actions .btn-light { color: #123532; }
.slx-tappe-hero-actions .btn-outline-light { border-color: rgba(255,255,255,.7); }

.slx-tappe-hero-art {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-width: 0;
  padding: 3rem 1rem 4.5rem;
  background: radial-gradient(circle at 60% 25%, rgba(236,207,142,.25), transparent 42%),
    linear-gradient(145deg, #254943, #163a36 75%);
  isolation: isolate;
}
.slx-tappe-hero-art::before,
.slx-tappe-hero-art::after {
  content: '';
  position: absolute;
  inset: 2rem auto 2rem 50%;
  border-left: 1px solid rgba(230,205,152,.22);
  transform: translateX(-50%);
  z-index: -1;
}
.slx-tappe-hero-art::after { inset: auto 0 3rem; border: 0; border-top: 1px solid rgba(230,205,152,.22); transform: none; }
.slx-tappe-arch {
  position: relative;
  display: grid;
  place-items: center;
  width: min(82%, 300px);
  aspect-ratio: .67;
  border: 2px solid var(--tappe-gold);
  border-radius: 48% 48% 0 0;
  box-shadow: inset 0 0 0 11px #1c403b, inset 0 0 0 12px rgba(235,206,150,.48), 0 25px 40px rgba(0,0,0,.18);
}
.slx-tappe-arch::after {
  content: '';
  position: absolute;
  left: -9%; right: -9%; bottom: -13px;
  height: 12px;
  background: var(--tappe-gold);
}
.slx-tappe-arch span {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(7rem, 13vw, 12rem);
  line-height: 1;
  color: #f5e7c9;
  letter-spacing: -.08em;
  transform: translateX(-.06em);
}
.slx-tappe-art-caption {
  position: absolute;
  bottom: 1.1rem;
  color: #e8d8af;
  font-size: .75rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.slx-tappe-route {
  display: grid;
  grid-template-columns: minmax(170px, .8fr) minmax(0, 3.2fr);
  gap: 1.5rem;
  align-items: center;
  margin: 1.5rem 0 3.5rem;
  padding: 1.25rem 1.5rem;
  border: 1px solid #e8e4da;
  border-radius: 1rem;
  background: #fff;
}
.slx-tappe-section-label { color: #6b5a2d; }
.slx-tappe-route-intro strong { display: block; margin-top: .3rem; font-size: .97rem; }
.slx-tappe-route-list { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .55rem; padding: 0; margin: 0; list-style: none; }
.slx-tappe-route-list a {
  display: flex;
  align-items: center;
  gap: .55rem;
  min-height: 56px;
  padding: .65rem .7rem;
  border: 1px solid #e6e9e5;
  border-radius: .7rem;
  color: #294440;
  background: #f7f9f6;
  text-decoration: none;
  font-size: .79rem;
  line-height: 1.25;
  transition: border-color .15s, background-color .15s;
}
.slx-tappe-route-list a:hover,
.slx-tappe-route-list a:focus-visible { border-color: #6f9a8e; background: #eaf4f0; }
.slx-tappe-route-list a.is-current { background: #e3eee9; border-color: #3d7669; color: #123532; font-weight: 700; }
.slx-tappe-route-list a span:first-child { color: #776130; font-size: 1rem; font-weight: 800; }

.slx-tappe-content { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(270px, .8fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; }
.slx-tappe-story { min-width: 0; scroll-margin-top: 1.5rem; }
.slx-tappe-story h2 { max-width: 20ch; margin: .75rem 0 1.5rem; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2rem, 3.6vw, 3.25rem); line-height: 1.15; color: var(--tappe-ink); }
.slx-tappe-story-intro { max-width: 64ch; margin: 0; font-size: clamp(1.1rem, 1.7vw, 1.3rem); line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; color: #344642; }
.slx-tappe-aside { display: grid; gap: 1rem; }
.slx-tappe-note { padding: 1.7rem; border-radius: 1rem; background: #e9efe9; border-left: 4px solid #4c8371; }
.slx-tappe-note p:last-child { margin: .8rem 0 0; font-size: 1.08rem; line-height: 1.65; }
.slx-tappe-fact { display: grid; gap: .25rem; padding: 1.5rem 1.7rem; border: 1px solid #e5e2d8; border-radius: 1rem; background: #fff; }
.slx-tappe-fact span { color: #596662; font-size: .83rem; }
.slx-tappe-fact strong { margin-bottom: .65rem; font-size: .98rem; }
.slx-tappe-fact strong:last-child { margin-bottom: 0; }
.slx-tappe-source { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; margin-top: 2.5rem; padding: 1.25rem 1.5rem; border-top: 1px solid #dedace; border-bottom: 1px solid #dedace; }
.slx-tappe-source-mark { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 50%; background: #e4ece8; color: #245b50; font-size: 1.3rem; }
.slx-tappe-source strong { font-size: .95rem; }
.slx-tappe-source p { margin: .15rem 0 0; color: #596662; font-size: .88rem; }
.slx-tappe-source a { margin-left: auto; color: #195e50; font-weight: 700; }

.slx-tappe-audio { scroll-margin-top: 1.5rem; max-width: 780px; margin: 3.5rem 0 0; padding: clamp(1.5rem, 3vw, 2.3rem); background: var(--tappe-paper); border: 1px solid #e6dfce; border-radius: 1.15rem; }
.slx-tappe-audio-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.slx-tappe-audio h2 { margin: .45rem 0 1.5rem; color: var(--tappe-ink); font-size: clamp(1.45rem, 2.2vw, 1.9rem); }
.slx-tappe-audio-symbol { display: grid; place-items: center; width: 45px; height: 45px; flex: 0 0 45px; border-radius: 50%; background: #e7d9b8; color: #554019; font-size: 1.3rem; }
.slx-tappe-audio audio { min-height: 54px; }
.slx-tappe-audio-link { display: inline-block; margin-top: .8rem; color: #195e50; font-weight: 700; font-size: .9rem; }
.slx-tappe-transcript { margin-top: 1.5rem; padding-top: 1.1rem; border-top: 1px solid #dcd3c0; }
.slx-tappe-transcript summary { cursor: pointer; color: #1d5c50; font-weight: 700; min-height: 44px; }
.slx-tappe-transcript .slx-monument-text { padding-top: .75rem; }

.slx-tappe-next { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; margin-top: 3.5rem; }
.slx-tappe-next-link { display: flex; flex-direction: column; justify-content: center; min-height: 100px; padding: 1.25rem 1.5rem; border: 1px solid #d9dfd9; border-radius: 1rem; color: #194e45; background: #fff; text-decoration: none; }
.slx-tappe-next-link:hover, .slx-tappe-next-link:focus-visible { background: #eaf4f0; border-color: #6f9a8e; color: #123532; }
.slx-tappe-next-link span { font-size: .77rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.slx-tappe-next-link strong { margin-top: .4rem; font-family: Georgia, 'Times New Roman', serif; font-size: 1.22rem; }
.slx-tappe-next-link--forward { grid-column: 2; text-align: right; }

.slx-tappe-page .slx-bacheca { margin-top: 4rem; }

@media (max-width: 991.98px) {
  .slx-tappe-hero { grid-template-columns: minmax(0, 1fr) minmax(200px, .45fr); }
  .slx-tappe-route { grid-template-columns: 1fr; gap: .85rem; }
  .slx-tappe-route-list a { min-height: 60px; }
}
@media (max-width: 767.98px) {
  .slx-tappe-page { padding-bottom: 2.5rem; }
  .slx-tappe-breadcrumb { padding: .9rem 0; }
  .slx-tappe-hero { grid-template-columns: 1fr; min-height: 0; }
  .slx-tappe-hero-copy { padding: 2rem 1.5rem 2.2rem; }
  .slx-tappe-count { margin-top: 1.4rem; }
  .slx-tappe-hero h1 { max-width: 16ch; font-size: clamp(2.3rem, 9vw, 3.5rem); }
  .slx-tappe-lead { margin-top: 1rem; font-size: 1rem; }
  .slx-tappe-hero-actions { width: 100%; margin-top: 1.4rem; }
  .slx-tappe-hero-actions .btn { flex: 1 1 170px; }
  .slx-tappe-hero-art { display: none; }
  .slx-tappe-route { margin: 1rem 0 2.6rem; padding: 1rem; }
  .slx-tappe-route-list { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .slx-tappe-content { grid-template-columns: 1fr; gap: 1.8rem; }
  .slx-tappe-story h2 { margin-bottom: 1rem; }
  .slx-tappe-aside { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .slx-tappe-audio { margin-top: 2.5rem; }
  .slx-tappe-next { margin-top: 2.5rem; }
}
@media (max-width: 575.98px) {
  .slx-tappe-hero { border-radius: 1rem; }
  .slx-tappe-hero-copy { padding: 1.75rem 1.25rem 2rem; }
  .slx-tappe-eyebrow { font-size: .69rem; }
  .slx-tappe-route-list a { align-items: flex-start; flex-direction: column; gap: .25rem; min-height: 78px; padding: .65rem; }
  .slx-tappe-aside { grid-template-columns: 1fr; }
  .slx-tappe-note, .slx-tappe-fact { padding: 1.25rem; }
  .slx-tappe-source { align-items: start; padding: 1.15rem 0; }
  .slx-tappe-source > div { flex: 1 1 calc(100% - 60px); }
  .slx-tappe-source a { margin-left: 58px; }
  .slx-tappe-next { grid-template-columns: 1fr; }
  .slx-tappe-next-link--forward { grid-column: 1; }
}