/* Open editorial sections. Content sets the rhythm, without enclosing panels. */
main > section,
.history-stage,
.history-stage .history-image,
.orientation-layout,
.campus-world,
.health-partners,
.space-board,
.development-board,
.campus-legend .legend-visual,
.gallery-track figure {
  border: 0;
  box-shadow: none;
}
.history, .difference, .gallery { background-image: none; }
.history-heading, .future-title, .amenity-heading { border: 0; }
.history-stage, .archive-scroll-frame .history-stage { background: transparent; }
.archive-scroll-frame { background: transparent; }
.archive-scroll-frame::after { display: none; }
.history-stage .history-image { background: transparent; }
.history-stage .archive-mount { background: transparent; box-shadow: none; border: 0; }
.history-stage .archive-mount img { box-shadow: none; border: 0; }
.archive-controls button,
.editorial-rail-controls button,
.gallery-scroll-controls button {
  min-width: 44px;
  min-height: 44px;
  border: 1px solid currentColor;
  background: transparent;
}
.archive-controls button:hover,
.editorial-rail-controls button:not(:disabled):hover,
.gallery-scroll-controls button:not(:disabled):hover {
  background: color-mix(in srgb, currentColor 10%, transparent);
  color: inherit;
}
.editorial-rail-controls:not([hidden]), .gallery-scroll-controls:not([hidden]) {
  border: 0;
  padding-block: 8px;
}
.editorial-rail-progress { display: none; }
.chapter-toggle { border-inline: 0; border-bottom: 0; box-shadow: none; }
.amenity-stories > .amenity-story > figure > .motion-scene {
  border: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}
.amenity-story figure > img { border: 0; box-shadow: none; }
#zukunft .place-filters { border: 0; padding: 0; margin: 0 0 24px; }
#zukunft .place-filters > span { display: none; }
#zukunft .place-filters > div { gap: 18px; padding: 0; flex-wrap: wrap; }
#zukunft .place-filters button {
  padding: 8px 0;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--muted);
  min-height: 44px;
  font-size: .9375rem;
}
#zukunft .place-filters button[aria-pressed="true"] {
  border-bottom-color: var(--forest);
  color: var(--forest);
}
#zukunft [data-filter-status] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  margin: -1px;
  padding: 0;
  border: 0;
}
#zukunft .editorial-rail-controls { margin: 10px 0 20px; }
#zukunft .editorial-rail-controls p > span:first-child { display: none; }
.amenity-stories figcaption { border: 0; padding: 4px 0; }
.amenity-stories figcaption > span:first-child:not(:last-child) { display: none; }
.amenity-stories .place-reading-details > summary { border-color: var(--journal-rule); }

@media (min-width: 901px) {
  .history-heading h2 { font-size: clamp(3rem, 5vw, 5rem); }
  .history-heading { margin-bottom: 32px; padding-bottom: 0; }
  .history-stage .history-image { padding: 0; }
  .history-stage .history-copy { padding: 2rem; }
  .history-tabs button { border: 0; border-bottom: 1px solid #d6efc044; background: transparent; }
  .history-tabs button.active { background: transparent; color: var(--brand-green); border-bottom: 2px solid var(--brand-green); }
  .history-tabs button.active > b, .history-tabs button.active .era-icon { color: inherit; }
  .history-tabs .era-icon, .history-tabs button > b, .history-tabs button::before { display: none !important; }
  .history-tabs button { display: flex; flex-direction: column; gap: 6px; text-align: left; }
  .history-tabs button > span { margin: 0; }
}

@media (max-width: 900px) {
  html.mobile-reading-snap { scroll-snap-type: none; }
  html, body { overflow-x: clip; }
  .mobile-pages-ready main > .section,
  .mobile-pages-ready main > .history,
  .mobile-pages-ready main > .difference,
  .mobile-pages-ready main > .gallery {
    padding: 0 24px;
    margin: 0;
    border: 0;
    box-shadow: none;
  }
  .mobile-pages-ready .mobile-fit-surface,
  .mobile-pages-ready .mobile-fit-surface.reading-page-active,
  .mobile-pages-ready .mobile-fit-surface:has(:focus-visible) {
    padding: 36px 0 !important;
    margin: 0 !important;
    border: 0;
    box-shadow: none;
    outline: 0;
    --mobile-media-height: clamp(220px, 60vw, 360px);
  }
  .mobile-pages-ready main > #bildvergleich,
  .mobile-pages-ready main > #campusplan,
  .mobile-pages-ready main > #campus-3d,
  .mobile-pages-ready main > #vorteile,
  .mobile-pages-ready main > #kontakt {
    margin: 0 !important;
    max-width: 100%;
    padding: 40px 24px !important;
  }
  .mobile-pages-ready .mobile-fit-surface > :first-child { margin-top: 0; }
  .mobile-pages-ready main h2,
  .mobile-pages-ready .history-heading h2,
  .mobile-pages-ready .history-page .history-heading h2,
  .mobile-pages-ready .gallery h2 {
    font-size: clamp(2.125rem, 9.5vw, 3rem) !important;
    line-height: 1.1;
    text-wrap: balance;
  }
  .mobile-pages-ready main .micro { margin-bottom: 16px; font-size: .875rem; }
  .mobile-pages-ready .micro::before { display: none; }
  .mobile-pages-ready .reading-index { border: 0; box-shadow: none; }
  .mobile-pages-ready .reading-chapters > a { background: transparent; border: 0; color: var(--muted); }
  .mobile-pages-ready .reading-chapters > a[aria-current="location"] {
    background: transparent;
    color: var(--forest);
    box-shadow: inset 0 -2px 0 var(--forest);
  }
  .mobile-pages-ready .chapter-toggle {
    padding: 16px 0;
    border: 0;
    border-top: 1px solid color-mix(in srgb, currentColor 22%, transparent);
    background: transparent;
    box-shadow: none;
    margin-top: 24px;
  }
  .mobile-pages-ready .chapter-toggle small { display: none; }
  .mobile-pages-ready .chapter-toggle-mark { border: 0; }
  .mobile-pages-ready .history-heading { margin-bottom: 24px !important; }
  .mobile-pages-ready main h2 em,
  .mobile-pages-ready main h2 .chapter-headline-line { white-space: normal; overflow-wrap: anywhere; }
  .mobile-pages-ready .history-tabs { display: none; }
  .mobile-pages-ready .history-page .archive-scroll-frame { border: 0; }
  .mobile-pages-ready .history-stage { display: block; min-height: 0; border: 0; box-shadow: none; background: transparent; }
  .mobile-pages-ready .history-stage .history-image { margin: 0; padding: 0; border: 0; box-shadow: none; }
  .mobile-pages-ready .history-stage .archive-mount {
    height: clamp(220px, 64vw, 360px);
    padding: 0;
    border: 0;
    background: transparent;
  }
  .mobile-pages-ready .history-stage .archive-mount img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .mobile-pages-ready .history-stage .archive-caption {
    display: block;
    margin: 12px 0 24px;
    padding: 0;
    border: 0;
    font-size: .875rem;
    line-height: 1.4;
    color: #d6efc0;
  }
  .mobile-pages-ready .archive-caption > span:nth-child(2) { display: none; }
  .mobile-pages-ready .history-stage .history-copy { display: block; padding: 0; }
  .mobile-pages-ready .history-stage .history-meta { display: none; }
  .mobile-pages-ready .history-stage .history-copy > span { font-size: 1rem; line-height: 1.4; }
  .mobile-pages-ready .history-stage .history-copy h3 { font-size: 2rem; line-height: 1.12; margin: 6px 0 8px; }
  .mobile-pages-ready .history-stage .archive-controls { margin: 8px 0 12px; padding: 0; grid-column: auto; }
  .mobile-pages-ready .history-stage .archive-controls p { font-size: .875rem; }
  .mobile-pages-ready .history-stage .archive-controls p span { font: inherit; color: inherit; }
  .mobile-pages-ready .history-stage .archive-controls button { border: 0; }
  .mobile-pages-ready .archive-story-details { margin: 0; border: 0; }
  .mobile-pages-ready .archive-story-details > summary {
    border: 0;
    border-top: 1px solid #d6efc044;
    padding: 14px 0;
    min-height: 48px;
    font-size: .875rem;
  }
  .mobile-pages-ready .archive-story-details > div > p { font-size: 1rem; line-height: 1.6; margin: 16px 0; }
  .mobile-pages-ready .archive-story-details .archive-image-links { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 20px; }
  .mobile-pages-ready .archive-story-details .archive-image-links a { min-height: 44px; font-size: .875rem; }
  .mobile-pages-ready #zukunft .future-title { padding: 0; border: 0; margin-bottom: 24px; }
  .mobile-pages-ready #zukunft .amenity-feature { margin: 0; }
  .mobile-pages-ready #zukunft .place-filters { margin-bottom: 24px; }
  .mobile-pages-ready #zukunft .place-filters > div { gap: 4px 16px; }
  .mobile-pages-ready #zukunft .place-filters button { font-size: .875rem; padding-inline: 0; }
  .mobile-pages-ready .amenity-stories.editorial-track { grid-auto-columns: 100%; gap: 24px; padding: 0; scrollbar-width: none; }
  .mobile-pages-ready .amenity-stories > .amenity-story > figure > .motion-scene {
    height: clamp(220px, 64vw, 360px);
    padding: 0;
    border: 0;
    box-shadow: none;
    transform: none !important;
    clip-path: none !important;
  }
  .mobile-pages-ready .amenity-stories > .amenity-story > figure > .motion-scene img { width: 100%; height: 100%; object-fit: contain; }
  .mobile-pages-ready .amenity-stories figcaption { margin: 12px 0 8px; padding: 0; font-size: .875rem; border: 0; }
  .mobile-pages-ready .amenity-stories .amenity-title { margin: 4px 0 16px; }
  .mobile-pages-ready .amenity-stories .amenity-title h3 { font-size: 2rem; line-height: 1.12; }
  .mobile-pages-ready .amenity-stories .amenity-title > [data-campus-icon] { display: none; }
  .mobile-pages-ready .amenity-stories .place-card-copy { line-height: 1.55; }
  .mobile-pages-ready #zukunft .editorial-rail-controls { margin: 10px 0 20px; padding: 0; }
  .mobile-pages-ready .future-planning { margin-top: 24px; }
  .mobile-pages-ready .orientation-info { border: 0; padding: 24px 0 0; }
  .mobile-pages-ready .orientation-key a { border: 0; }
  .mobile-pages-ready .orientation-card > img { border: 0; }
  .mobile-pages-ready .campus-world { border: 0; box-shadow: none; }
  .mobile-pages-ready #campus .campus-world { padding: 22px 20px; }
  .mobile-pages-ready #campus .campus-world > p { margin: 16px 0 20px; line-height: 1.5; }
  .mobile-pages-ready #campus .world-topics { padding-top: 16px; }
  .mobile-pages-ready #campus .world-links { margin-top: 18px; padding-top: 12px; }
  .mobile-pages-ready #campus .campus-head { margin-bottom: 24px; }
  .mobile-pages-ready #krokodil .legend-visual { padding: 0; border: 0; }
  .mobile-pages-ready .gallery-track figure { border: 0; box-shadow: none; padding: 0; }
  .mobile-pages-ready .cover-page { padding-top: 12px !important; }
  .mobile-pages-ready .cover-art { border: 0; box-shadow: none; }
  .mobile-pages-ready #weihnachtsmarkt { border: 0; box-shadow: none; }
}

@media (max-width: 360px) {
  .mobile-pages-ready .brand-original span { font-size: 13px; }
  .mobile-pages-ready .menu-toggle { font-size: 14px; gap: 8px; }
  .mobile-pages-ready .facts-page .metric-field strong { font-size: 2.375rem; }
}