/* Full editorial sections carry the colour; each colour field has a white pause.
   Generated data-section-tone attributes are the only source of field colours. */
.inner-page[data-page] {
  --section-mint:#a5cfb2;
  --section-lavender:#e8def4;
  --section-apricot:#ffc9ae;
  --section-yellow:#faf6b4;
  --section-gutter:56px;
  background:#fff;
}
.inner-page[data-page] [data-section-tone="white"] {--section-field:#fff}
.inner-page[data-page] [data-section-tone="mint"] {--section-field:var(--section-mint)}
.inner-page[data-page] [data-section-tone="lavender"] {--section-field:var(--section-lavender)}
.inner-page[data-page] [data-section-tone="apricot"] {--section-field:var(--section-apricot)}
.inner-page[data-page] [data-section-tone="yellow"] {--section-field:var(--section-yellow)}
.inner-page[data-page] main > section[data-section-tone] {
  width:100%;max-width:none;margin-inline:0;
  background:var(--section-field);color:var(--ink);
  border-radius:0;
}
/* A section that used to be the narrow content container now owns a full band.
   Its content remains aligned to the same 1248px editorial grid. */
.inner-page[data-page] main > section[data-section-tone].wrap {
  width:100%;max-width:none;box-sizing:border-box;
  padding-inline:max(var(--section-gutter),calc((100% - 1248px)/2));
}
.inner-page[data-page] main > section[data-section-tone].brand-team-stories {
  padding-inline:max(var(--section-gutter),calc((100% - 1248px)/2));
}
.inner-page[data-page] main > section[data-section-tone].inner-hero {
  background:#fff;
}
.inner-page[data-page] main > section[data-section-tone].library {
  padding-top:88px;padding-bottom:105px;
}
.inner-page[data-page] main > section[data-section-tone].audience-context {
  padding-block:100px;
}
.inner-page[data-page] main > section[data-section-tone].audience-context h2,
.inner-page[data-page] main > section[data-section-tone].audience-context p {
  margin-inline:0;
}
/* Cards are functional surfaces, never a second pastel layered on a field. */
.inner-page[data-page] main [data-section-tone] .inner-feature:nth-child(n),
.inner-page[data-page] main [data-section-tone] .price-card,
.inner-page[data-page] main [data-section-tone] .booking-card,
.inner-page[data-page] main [data-section-tone] .booking-calendar,
.inner-page[data-page] main [data-section-tone] .gallery-card,
.inner-page[data-page] main [data-section-tone] .gallery-card .label,
.inner-page[data-page] main [data-section-tone] .story-photo .moment,
.inner-page[data-page] main [data-section-tone] .audiences a {
  background:#fff;color:var(--ink);
}
.inner-page[data-page] main [data-section-tone] .inner-feature:nth-child(n),
.inner-page[data-page] main [data-section-tone] .price-card {
  border-color:rgba(26,26,26,.18);box-shadow:none;
}
.inner-page[data-page] main [data-section-tone] .inner-feature h3::after {display:none}
.inner-page[data-page] main [data-section-tone] .editorial {
  background:#fff;padding-bottom:28px;border-radius:16px;overflow:hidden;
}
.inner-page[data-page] main [data-section-tone] .editorial img {
  border-radius:0;margin-bottom:26px;
}
.inner-page[data-page] main [data-section-tone] .editorial h3,
.inner-page[data-page] main [data-section-tone] .editorial p {
  margin-inline:24px;
}
.inner-page[data-page] main [data-section-tone] .editorial a:hover img {transform:none}
/* Bildkarten: dasselbe Mint beim Ueberfahren, 11.09.2026.
   Die Ueberschrift laeuft hier ueber zwei Zeilen. Ein Balken als eigener Kasten
   waere so breit wie die laengste Zeile und stuende unter der letzten weit
   ueber den Text hinaus. Deshalb traegt sie das Zeichen als dicke Linie, die
   jeder Zeile in ihrer eigenen Breite folgt. Hoehe und Farbe sind dieselben. */
.inner-page[data-page] main [data-section-tone] .editorial a:hover h3,
.inner-page[data-page] main [data-section-tone] .editorial a:focus-visible h3 {
  text-decoration:underline;
  text-decoration-color:var(--mark, var(--mint,#a5cfb2));
  text-decoration-thickness:6px;
  text-underline-offset:2px;
}
.inner-page[data-page] main [data-section-tone] .stat,
.inner-page[data-page] main [data-section-tone] .plan-notes-grid article,
.inner-page[data-page] main [data-section-tone] .story-list article {
  background:transparent;
}
/* Consistent neutral controls on every coloured band. */
.inner-page[data-page] main [data-section-tone]:not([data-section-tone="white"]) .btn,
.inner-page[data-page] main [data-section-tone]:not([data-section-tone="white"]) .btn.secondary,
.inner-page[data-page] main [data-section-tone]:not([data-section-tone="white"]) .filter,
.inner-page[data-page] main [data-section-tone]:not([data-section-tone="white"]) .icon-btn {
  background:#fff;color:var(--ink);border-color:rgba(26,26,26,.55);
}
.inner-page[data-page] main [data-section-tone]:not([data-section-tone="white"]) .btn:hover,
.inner-page[data-page] main [data-section-tone]:not([data-section-tone="white"]) .btn.secondary:hover,
.inner-page[data-page] main [data-section-tone]:not([data-section-tone="white"]) .filter:hover,
.inner-page[data-page] main [data-section-tone]:not([data-section-tone="white"]) .icon-btn:hover {
  background:#f7f7f3;border-color:var(--ink);
}
.inner-page[data-page] main [data-section-tone] .filter[aria-pressed="true"] {
  background:#fff;border-color:var(--ink);box-shadow:inset 0 -3px 0 var(--ink);
}
.inner-page[data-page] main [data-section-tone] .step-dot[aria-selected="true"] {background:var(--ink)}
/* Reading pages use the same rhythm without stretching the reading measure. */
.inner-page[data-page] .article-body[data-reading-article] {
  width:100%;max-width:none;margin:0;padding:0;
}
.inner-page[data-page] .article-body .reading-band {
  width:100%;max-width:none;margin:0;padding:82px 0 88px;
  background:var(--section-field);color:var(--ink);border-radius:0;
}
.inner-page[data-page] .reading-band-inner {
  width:min(820px,calc(100% - var(--section-gutter)*2));margin-inline:auto;
}
.inner-page[data-page] .article-body .reading-band h2:first-child {margin-top:0}
.inner-page[data-page] .article-body .reading-band p:last-child {margin-bottom:0}
.inner-page[data-page] .site-footer {
  background:#fff;color:var(--ink);border-top:1px solid #dedede;
}
.inner-page[data-page] .site-footer .footer-wordmark,
.inner-page[data-page] .site-footer .footer-large-wordmark {display:none}
@media(max-width:960px) {
  .inner-page[data-page] {--section-gutter:36px}
}
@media(max-width:760px) {
  .inner-page[data-page] {--section-gutter:24px}
  .inner-page[data-page] main > section[data-section-tone].library {padding-block:70px}
  .inner-page[data-page] main > section[data-section-tone].audience-context {padding-block:72px}
  .inner-page[data-page] .article-body .reading-band {padding-block:62px}
  .inner-page[data-page] main [data-section-tone] .editorial h3,
  .inner-page[data-page] main [data-section-tone] .editorial p {margin-inline:22px}
}
@media(max-width:480px) {
  .inner-page[data-page] {--section-gutter:20px}
  .inner-page[data-page] main > section[data-section-tone].library {padding-block:60px}
  .inner-page[data-page] main > section[data-section-tone].audience-context {padding-block:60px}
  .inner-page[data-page] .article-body .reading-band {padding-block:54px}
}