/* Campus refinement, 23 October 2026.
   Coal, warm cream and the original green; a short opening and a visible index.
   House Gothic remains the sole brand family. No scroll-length effects. */
:root {
  --ink: #232425;
  --paper: #f3efe3;
  --cream: #fbf8ed;
  --forest: #30453a;
  --muted: #5c615e;
  --line: #23242533;
  --journal-rule: #23242533;
}
.werk-klar { --werk-paper: var(--paper); background: var(--paper); color: var(--ink); }
.werk-klar :is(h1,h2,h3,h4,h5,h6) { font-weight: 400; font-stretch: normal; letter-spacing: 0; }
.werk-klar :is(.micro,.journal-label,.world-number,.cover-kicker,.chapter-toggle small) {
  font-family: var(--font-body); font-weight: 400; letter-spacing: .035em;
}
.werk-klar :is(.chapter-register,.werk-atlas-register) { display: none; }
.werk-klar .chapter-ink-curtain,.werk-klar .issue-entry::after { display: none; }
.werk-klar .werk-rail { display: none; }
.werk-klar .site-header { border-bottom: 1px solid #d6efc044; }
.werk-klar .site-header nav a { font: 400 16px/1.4 var(--font-body); letter-spacing: 0; }
.werk-klar .site-header nav a small { font: inherit; opacity: .65; }
.werk-klar .brand-original span { font-weight: 400; }
.werk-klar main :is(.intro-title,.transformation-head,.campus-head,.spaces-head,.future-title,.history-heading,.gallery-title) h2 {
  font: 400 clamp(48px,5.2vw,76px)/1.04 var(--font-display);
  letter-spacing: 0; padding: 0; border: 0; box-shadow: none; max-width: 23ch;
  background: transparent; color: inherit;
}
.werk-klar main :is(.intro-title,.transformation-head,.campus-head,.spaces-head,.future-title) .micro {
  background: transparent; color: var(--forest); border: 0; box-shadow: none; padding: 0;
}
.werk-klar main .micro::before { display: none; }
.werk-klar main :is(.intro-title,.transformation-head,.campus-head,.spaces-head,.future-title) h2 em { color: inherit; }
.werk-klar :is(.section,.history) { padding-block: clamp(40px,5vw,72px); }
.werk-klar .front-page { padding-top: calc(var(--header-height) + 18px); padding-bottom: 36px; }
.werk-klar .front-page .journal-dateline {
  padding-block: 8px; font: 400 16px/1.4 var(--font-body); letter-spacing: 0;
}
.werk-klar .front-page .werk-opening {
  grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);
  grid-template-areas: 'plate plate' 'editorial film' 'mark film' 'links links';
  gap: 24px 36px; padding: clamp(24px,3vw,42px); margin-block: 16px 20px;
  background: var(--ink); color: var(--paper);
}
.werk-klar .werk-opening .werk-plate {
  grid-area: plate; padding: 0 0 12px; font: 400 16px/1.4 var(--font-body);
  letter-spacing: 0; border-color: #f3efe333;
}
.werk-klar .werk-opening .cover-editorial { grid-area: editorial; align-self: end; }
.werk-klar .werk-opening .werk-signhead { margin-bottom: 20px; }
.werk-klar .werk-opening .cover-kicker { font: 400 16px/1.5 var(--font-body); letter-spacing: .025em; }
.werk-klar .front-page .werk-opening #hero-title {
  font: 400 clamp(64px,7.6vw,112px)/.98 var(--font-display); letter-spacing: 0; text-shadow: none;
}
.werk-klar .werk-opening .cover-deck { font: 400 20px/1.6 var(--font-body); margin-top: 18px; }
.werk-klar .werk-overview-jump {
  display: inline-flex; align-items: center; gap: 16px; min-height: 48px; margin-top: 12px;
  color: var(--brand-green); font: 400 18px/1.5 var(--font-body);
  text-decoration: underline; text-underline-offset: 5px;
}
.werk-overview-jump svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; flex: none; }
.werk-klar .werk-opening .werk-mark-stage {
  grid-area: mark; display: grid; grid-template-columns: 60px minmax(0,1fr); gap: 6px 18px;
  padding: 14px 0 0; border: 0; border-top: 1px solid #f3efe333; min-width: 0;
  justify-self: stretch; align-items: center; max-width: none;
}
.werk-klar .werk-mark-body { grid-column: 1; grid-row: 1/3; width: 60px; padding: 0; }
.werk-klar .werk-original-vector { width: 60px; height: auto; max-height: none; }
.werk-klar .werk-mark-register { grid-column: 2; grid-row: 1; font: 400 16px/1.4 var(--font-body); }
.werk-klar .werk-mark-baseline {
  grid-column: 2; grid-row: 2; border: 0; padding: 0; font: 400 16px/1.4 var(--font-body); text-align: left; letter-spacing: 0;
}
.werk-klar .werk-opening .cover-art { grid-area: film; align-self: center; margin: 0; width: 100%; min-width: 0; border: 0; box-shadow: none; }
.werk-klar .werk-opening .cover-film-stage { width: 100%; height: auto; aspect-ratio: 1280/860; }
.werk-klar .werk-opening .cover-art figcaption {
  background: var(--paper); color: var(--ink); padding: 12px 14px;
  font: 400 16px/1.5 var(--font-body); gap: 8px; flex-direction: column; align-items: stretch;
}
.werk-klar .werk-opening .cover-art figcaption>span { flex: none; }
.werk-klar .werk-film-tools { gap: 8px; }
.werk-klar .werk-film-tools button { font: 400 16px/1.4 var(--font-body); min-height: 48px; padding: 8px; border-color: #23242544; }
.werk-klar .werk-opening .cover-links.cover-entries { grid-area: links; width: 100%; margin: 0; padding-top: 16px; border-color: #f3efe333; gap: 12px 24px; }
.werk-klar .werk-opening .cover-entries a,
.werk-klar .werk-opening .cover-entries a:last-child,
.werk-klar .werk-opening .cover-entries a:first-child {
  min-height: 48px; margin: 0; padding: 8px 0; border: 0; border-bottom: 1px solid #d6efc080;
  background: transparent; color: var(--brand-green); box-shadow: none; font: 400 18px/1.4 var(--font-body);
}
.werk-klar .werk-opening .cover-entries a:active { translate: none; }
.werk-klar .campus-finder { margin-block: 0 16px; border-top: 0; border-bottom: 1px solid var(--line); }
.werk-klar .campus-finder>summary { padding: 12px 0; }
.werk-klar .campus-finder>summary small { font: 400 16px/1.4 var(--font-body); }
.werk-klar .campus-finder>summary strong { font: 400 28px/1.2 var(--font-display); }
.werk-klar :is(.werk-event,.werk-dossier) { border-bottom: 1px solid var(--line); }
.werk-klar :is(.werk-event,.werk-dossier,.werk-context-panel)>summary {
  display: flex; align-items: center; gap: 12px 24px; padding: 16px 0; min-height: 56px;
  font: 400 18px/1.5 var(--font-body); cursor: pointer; list-style: none;
}
.werk-klar :is(.werk-event,.werk-dossier,.werk-context-panel)>summary::-webkit-details-marker { display: none; }
.werk-klar :is(.werk-event,.werk-dossier,.werk-context-panel)>summary::after { content: none; }
.werk-klar :is(.werk-event,.werk-dossier,.werk-context-panel)>summary>span[aria-hidden] { margin-left: auto; font: 400 28px/1 var(--font-body); }
.werk-klar .werk-event>summary strong { font: inherit; }
.werk-klar .werk-event .campus-event-note { margin-block: 20px; }
.werk-klar .werk-dossier>div { padding-block: 20px; }
.werk-klar .werk-context { padding: 0 var(--pad) 40px; }
.werk-klar .werk-context-panel { border-block: 1px solid var(--line); }
.werk-klar .werk-context-panel+.werk-context-panel { border-top: 0; }
.werk-klar .werk-context-panel>section { padding: 32px 0; }
.werk-klar #bildvergleich .compare-shell { border: 0; box-shadow: none; max-width: 1080px; margin-inline: auto; }
.werk-klar #bildvergleich .transformation-head { grid-template-columns: 1fr 1fr; }
.werk-klar #bildvergleich .transformation-head h2 { font-size: clamp(48px,5.2vw,76px); }
/* The real eight-chapter directory is visible on initial load, including no JS. */
.werk-klar .issue-guide { margin: 24px 0 16px; border-block: 1px solid var(--ink); }
.werk-klar .issue-guide-head { font: 400 16px/1.4 var(--font-body); padding: 14px 0; }
.werk-klar .issue-layout { display: block; padding: 0; }
.werk-klar .issue-screen { display: none; }
.werk-klar .issue-chapters { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0 24px; }
.werk-klar .issue-chapters>a.issue-entry {
  display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 12px; align-items: start;
  min-height: 100px; padding: 18px 0; border: 0; border-top: 1px solid var(--line); background: transparent;
}
.werk-klar .issue-number { font: 400 18px/1.5 var(--font-body); color: var(--muted); padding-top: 2px; }
.werk-klar .issue-entry-copy { display: block; }
.werk-klar .issue-entry .issue-short { display: none; }
.werk-klar .issue-chapters .issue-entry strong { font: 400 clamp(25px,2.5vw,34px)/1.1 var(--font-display); letter-spacing: 0; }
.werk-klar .issue-entry :is(small,em,.issue-mobile-image) { display: none !important; }
.werk-klar .chapter-toggle { border-top: 1px solid currentColor; padding-block: 16px; min-height: 64px; }
.werk-klar .chapter-toggle strong { font: 400 22px/1.4 var(--font-body); }
.werk-klar .chapter-toggle small { font: 400 16px/1.5 var(--font-body); }
.werk-klar .chapter-toggle-mark { border: 0; box-shadow: none; }
.werk-klar .werk-passage { margin-block: 28px; background: var(--paper); color: var(--ink); }
.werk-klar .werk-passage-head { padding: 24px 0; }
.werk-klar .werk-passage-head h2 { font: 400 clamp(42px,4.2vw,64px)/1.05 var(--font-display); }
.werk-klar .werk-passage-copy h3 { font-size: clamp(38px,4vw,58px); }
.werk-klar .werk-passage .werk-passage-frame { background: var(--paper); color: var(--ink); }
.werk-klar .werk-passage-choices { background: transparent; color: var(--ink); padding-inline: 0; }
/* Archive: one panel, six direct epochs, no pinned scrolling. */
.werk-klar .history { background: var(--paper); color: var(--ink); border-top: 1px solid var(--line); }
.werk-klar .history-heading { margin-bottom: 24px; gap: 32px; padding: 0; }
.werk-klar .history-heading>p { color: var(--muted); font: 400 18px/1.6 var(--font-body); }
.werk-klar .history .micro { color: var(--forest); border: 0; padding: 0; background: transparent; box-shadow: none; }
.werk-klar .archive-scroll-frame { margin-top: 0; background: transparent; }
.werk-klar .history-tabs { gap: 12px; padding: 0; margin: 0; border: 0; }
.werk-klar .history-tabs button { min-height: 88px; padding: 12px 0; background: transparent; color: var(--ink); border: 0; border-bottom: 1px solid var(--line); }
.werk-klar .history-tabs button.active { background: transparent; color: var(--ink); border-bottom: 3px solid var(--forest); }
.werk-klar .history-tabs button>span:last-of-type { font: 400 18px/1.4 var(--font-body); margin: 0; }
.werk-klar .history-tabs button>small { font: 400 16px/1.4 var(--font-body); letter-spacing: 0; }
.werk-klar .history-tabs :is(.era-icon,.era-thumb) { display: none; }
.werk-klar .archive-scroll-cue { display: none !important; }
.werk-klar .history-stage {
  display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); grid-template-areas: 'photo copy';
  height: auto; min-height: 0; margin: 0; background: transparent; border: 0; box-shadow: none; overflow: visible;
}
.werk-klar .history-stage .history-image { grid-area: photo; position: static; margin: 0; padding: 0; }
.werk-klar .history-stage .archive-mount { height: clamp(260px,30vw,420px); padding: 0; background: transparent; }
.werk-klar .history-stage .archive-mount img { width: 100%; height: 100%; object-fit: contain; max-height: 100%; }
.werk-klar .history-stage .history-copy { grid-area: copy; position: static; padding: 20px 0 20px 32px; display: flex; flex-direction: column; justify-content: center; color: var(--ink); }
.werk-klar .history-stage .history-meta { display: none; }
.werk-klar .history-stage .history-copy>span { font: 400 20px/1.5 var(--font-body); color: var(--forest); }
.werk-klar .history-stage .history-copy h3 { font: 400 clamp(36px,3.5vw,52px)/1.08 var(--font-display); margin: 12px 0; letter-spacing: 0; }
.werk-klar .history-stage .history-copy p { font: 400 18px/1.6 var(--font-body); color: var(--ink); margin: 0; }
.werk-klar .archive-caption { color: var(--muted); font: 400 16px/1.5 var(--font-body); }
.werk-klar .history-stage .archive-caption,
.werk-klar .history-stage .archive-caption>span { color: var(--muted); }
.werk-klar .archive-controls { color: var(--ink); padding-block: 12px; }
.werk-klar .archive-controls button { color: var(--ink); min-width: 48px; min-height: 48px; border: 1px solid var(--line); }
.werk-klar .archive-picker { display: none; }
/* Three equal editorial columns replace the sequence of full-screen plates. */
.werk-klar #campus .campus-head { padding: 24px 0; grid-template-columns: 1.2fr 1fr; gap: 16px 32px; }
.werk-klar #campus .campus-head .chapter-deck { font: 400 20px/1.6 var(--font-body); max-width: 40ch; }
.werk-klar #campus .network { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin: 20px 0 24px; perspective: none; }
.werk-klar #campus :is(.campus-world,.world-work,.world-life) {
  --world-text: var(--ink); --world-accent: var(--forest); --world-surface: var(--paper); --world-rule: var(--line);
  display: flex; flex-direction: column; align-items: stretch; position: relative; top: auto;
  grid-column: auto; grid-row: auto;
  margin: 0; padding: 0; border: 0; background: transparent; color: var(--ink); min-height: 0; box-shadow: none;
}
.werk-klar #campus .world-photo { margin: 0 0 20px; width: 100%; order: 0; padding: 0; border: 0; box-shadow: none; background: transparent; }
.werk-klar #campus .world-photo a { background: transparent; aspect-ratio: 4/3; display: flex; align-items: center; }
.werk-klar #campus .world-photo img { width: 100%; height: 100%; object-fit: contain; }
.werk-klar #campus .world-photo figcaption { font: 400 16px/1.5 var(--font-body); color: var(--muted); margin: 10px 0 0; padding: 0; border: 0; }
.werk-klar #campus .werk-image-plane::before { display: none; }
.werk-klar #campus .werk-story-copy { display: flex; flex-direction: column; flex: 1; padding: 0; order: 1; }
.werk-klar #campus .world-heading { min-height: 100px; padding: 0 0 16px; margin: 0 0 16px; gap: 12px; }
.werk-klar #campus .world-heading h3 { font: 400 clamp(32px,3vw,44px)/1.05 var(--font-display); letter-spacing: 0; max-width: none; }
.werk-klar #campus .world-number { padding: 0; border: 0; font: 400 16px/1.4 var(--font-body); letter-spacing: 0; }
.werk-klar #campus .world-icon { width: 64px; height: 64px; flex-basis: 64px; }
.werk-klar #campus .werk-story-copy>.world-standfirst { font: 400 22px/1.35 var(--font-body); margin: 0 0 16px; min-height: 60px; }
.werk-klar #campus .werk-story-copy>p:not(.world-standfirst) { font: 400 18px/1.6 var(--font-body); margin: 0 0 20px; max-width: none; }
.werk-klar #campus .world-topic-details { border-top: 1px solid var(--line); }
.werk-klar #campus .world-topic-details>summary { min-height: 48px; padding-block: 10px; font: 400 18px/1.5 var(--font-body); cursor: pointer; }
.werk-klar #campus .world-topics { margin: 12px 0 16px; gap: 12px; }
.werk-klar #campus .world-topics>span { font: 400 18px/1.4 var(--font-body); }
.werk-klar #campus .world-links { flex-direction: column; align-items: start; margin-top: auto; padding-top: 12px; gap: 8px; }
.werk-klar #campus .world-links a { font: 700 18px/1.4 var(--font-body); min-height: 48px; color: var(--ink); padding-block: 8px; border-bottom: 1px solid var(--line); }
.werk-klar #campus .network-core { grid-column: 1/-1; padding: 20px 0 0; border-top: 1px solid var(--line); }
.werk-klar #campus .network-core strong { font-size: 36px; }
.werk-klar #campus .tenant-button { font: 700 18px/1.5 var(--font-body); min-height: 48px; padding: 12px 16px; background: var(--ink); color: var(--paper); }
.werk-klar :is(.founder-band,.health-partners,.partner-invitation,.contact) { background: var(--paper); color: var(--ink); }
.werk-klar .contact h2 em { color: var(--ink); -webkit-text-stroke: 0; }
.werk-klar .founder-band { border: 0; border-bottom: 1px solid var(--line); }
.werk-klar :is(.werk-event,.werk-dossier,.werk-context-panel,.world-topic-details)>summary:focus-visible,
.werk-klar .werk-overview-jump:focus-visible { outline: 3px solid currentColor; outline-offset: 5px; }
@media (max-width:1100px) and (min-width:901px) {
  .werk-klar .site-header nav a { font-size: 16px; }
  .werk-klar .front-page .werk-opening { gap: 20px; padding: 24px; }
  .werk-klar .front-page .werk-opening #hero-title { font-size: 7.4vw; }
  .werk-klar #campus .network { gap: 20px; }
}
@media (max-width:900px) {
  .mobile-pages-ready .werk-klar .front-page { padding-top: calc(var(--header-height) + 64px); }
  .mobile-pages-ready .werk-klar .reading-index,
  .mobile-pages-ready .werk-klar .reading-index .reading-chapters { height: 48px; min-height: 48px; }
  .mobile-pages-ready .werk-klar .reading-index .reading-chapters>a {
    min-width: 48px; min-height: 48px; flex: 0 0 auto; font: 400 20px/1.4 var(--font-body); padding: 8px;
  }
  .mobile-pages-ready .werk-klar #main .cover-page { padding-block: 16px !important; }
  .mobile-pages-ready .werk-klar #main .journal-dateline { display: none; }
  .mobile-pages-ready .werk-klar #main .front-page .werk-opening {
    display: grid; grid-template-columns: minmax(0,1fr); grid-template-areas: 'plate' 'editorial' 'film' 'links' 'mark';
    padding: 22px 18px; gap: 20px; margin: 0;
  }
  .mobile-pages-ready .werk-klar #main .werk-plate { font: 400 16px/1.5 var(--font-body); display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 0 0 12px; }
  .mobile-pages-ready .werk-klar #main .werk-opening .werk-signhead { display: none; }
  .mobile-pages-ready .werk-klar .front-page .werk-opening #hero-title { font: 400 clamp(48px,16vw,110px)/1 var(--font-display); letter-spacing: 0; }
  .mobile-pages-ready .werk-klar #main .werk-opening .cover-deck { font: 400 20px/1.6 var(--font-body); margin-top: 16px; }
  .mobile-pages-ready .werk-klar #main .werk-overview-jump { font-size: 20px; line-height: 1.5; }
  .mobile-pages-ready .werk-klar #main .werk-opening .cover-art figcaption { padding: 12px; font: 400 18px/1.5 var(--font-body); }
  .mobile-pages-ready .werk-klar #main .werk-film-tools button { font-size: 20px; min-height: 48px; }
  .mobile-pages-ready .werk-klar #main .werk-opening .cover-links.cover-entries { grid-template-columns: 1fr; gap: 4px; padding-top: 0; border: 0; }
  .mobile-pages-ready .werk-klar #main .werk-opening .cover-entries a { font: 400 20px/1.5 var(--font-body); min-height: 48px; }
  .mobile-pages-ready .werk-klar #main .werk-opening .werk-mark-stage { padding-top: 14px; grid-template-columns: 56px minmax(0,1fr); gap: 4px 16px; }
  .mobile-pages-ready .werk-klar .werk-original-vector,.mobile-pages-ready .werk-klar .werk-mark-body { width: 56px; }
  .mobile-pages-ready .werk-klar .werk-mark-register { display: block; font-size: 16px; }
  .mobile-pages-ready .werk-klar .werk-mark-register>span+span { display: none; }
  .mobile-pages-ready .werk-klar .werk-mark-baseline { font-size: 16px; white-space: normal; }
  .mobile-pages-ready .werk-klar #main .campus-finder>summary strong { font-size: 30px; }
  .mobile-pages-ready .werk-klar #main :is(.werk-event,.werk-dossier,.werk-context-panel)>summary { font: 400 20px/1.5 var(--font-body); padding-block: 16px; }
  .mobile-pages-ready .werk-klar #main .werk-event>summary { display: grid; grid-template-columns: 1fr 24px; gap: 4px 12px; }
  .mobile-pages-ready .werk-klar .werk-event>summary>span:first-child { font-size: 18px; }
  .mobile-pages-ready .werk-klar .werk-event>summary>strong { grid-column: 1; }
  .mobile-pages-ready .werk-klar .werk-event>summary>span[aria-hidden] { grid-column: 2; grid-row: 1/3; }
  .mobile-pages-ready .werk-klar #main .issue-guide { padding-block: 16px !important; margin-top: 12px !important; }
  .mobile-pages-ready .werk-klar #main .issue-guide-head { font: 400 16px/1.5 var(--font-body); flex-wrap: wrap; gap: 4px; padding-block: 8px 16px; }
  .mobile-pages-ready .werk-klar .issue-chapters { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 16px; }
  .mobile-pages-ready .werk-klar .issue-chapters>a.issue-entry { grid-template-columns: 26px minmax(0,1fr) !important; gap: 8px; padding: 14px 0 !important; border: 0 !important; border-top: 1px solid var(--line) !important; min-height: 82px; }
  .mobile-pages-ready .werk-klar .issue-guide-head::after { display: none; }
  .mobile-pages-ready .werk-klar .issue-chapters .issue-entry strong { font: 400 20px/1.3 var(--font-body); text-transform: none; overflow-wrap: normal; }
  .mobile-pages-ready .werk-klar .issue-entry .issue-full { display: none; }
  .mobile-pages-ready .werk-klar .issue-entry .issue-short { display: block; }
  .mobile-pages-ready .werk-klar .issue-number { font: 400 16px/1.5 var(--font-body); }
  .mobile-pages-ready .werk-klar #main :is(.chapter-toggle strong,.chapter-toggle small) { font-family: var(--font-body); letter-spacing: 0; }
  .mobile-pages-ready .werk-klar #main .chapter-toggle strong { font-size: 20px; line-height: 1.5; }
  .mobile-pages-ready .werk-klar #main .chapter-toggle small { font-size: 16px; line-height: 1.5; }
  .mobile-pages-ready .werk-klar #main :is(.intro-title,.transformation-head,.campus-head,.spaces-head,.future-title,.history-heading,.gallery-title) h2 {
    font: 400 clamp(42px,10.5vw,72px)/1.06 var(--font-display) !important; letter-spacing: 0; max-width: 22ch;
  }
  .mobile-pages-ready .werk-klar #main :is(.history-page,.campus-opener-page) { padding-block: 32px !important; }
  .mobile-pages-ready .werk-klar .history { padding-block: 0; }
  .mobile-pages-ready .werk-klar .history-tabs { display: none; }
  .mobile-pages-ready .werk-klar #main .archive-picker { display: grid; gap: 8px; margin-bottom: 18px; font: 400 18px/1.5 var(--font-body); }
  .mobile-pages-ready .werk-klar #main .archive-picker select { width: 100%; min-width: 0; min-height: 56px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 0; background: var(--paper); color: var(--ink); font: 400 20px/1.5 var(--font-body); }
  .mobile-pages-ready .werk-klar .history-stage { display: block; }
  .mobile-pages-ready .werk-klar #main .history-stage .archive-mount { height: auto; aspect-ratio: 4/3; padding: 0; }
  .mobile-pages-ready .werk-klar #main .history-stage .archive-mount img { height: 100%; object-fit: contain; }
  .mobile-pages-ready .werk-klar #main .history-stage .history-copy { display: block; padding: 18px 0 0; }
  .mobile-pages-ready .werk-klar #main .history-stage .history-copy h3 { font: 400 36px/1.1 var(--font-display); margin: 8px 0 12px; }
  .mobile-pages-ready .werk-klar #main .history-stage .history-copy>span { font: 400 20px/1.5 var(--font-body); }
  .mobile-pages-ready .werk-klar #main .history-stage .archive-caption { font: 400 18px/1.5 var(--font-body); }
  .mobile-pages-ready .werk-klar #main .archive-story-details>summary { font: 400 20px/1.5 var(--font-body); }
  .mobile-pages-ready .werk-klar #campus .campus-head { padding-block: 0 20px; margin: 0; border: 0; }
  .mobile-pages-ready .werk-klar #campus .network { display: grid; grid-template-columns: minmax(0,1fr); gap: 32px; margin-block: 12px 28px; }
  .mobile-pages-ready .werk-klar #campus :is(.campus-world,.world-work,.world-life) { display: flex; padding: 0; margin: 0; gap: 0; background: transparent; }
  .mobile-pages-ready .werk-klar #campus .world-photo { order: 0; margin-bottom: 20px; }
  .mobile-pages-ready .werk-klar #campus .world-photo a { max-height: 280px; }
  .mobile-pages-ready .werk-klar #campus .world-photo figcaption { margin: 10px 0 0; padding: 0; font: 400 18px/1.5 var(--font-body); }
  .mobile-pages-ready .werk-klar #campus .world-heading { min-height: 0; margin-bottom: 16px; padding-bottom: 12px; }
  .mobile-pages-ready .werk-klar #campus .world-heading h3 { font: 400 38px/1.05 var(--font-display) !important; max-width: none; }
  .mobile-pages-ready .werk-klar #campus .world-number { font-size: 18px; }
  .mobile-pages-ready .werk-klar #campus .werk-story-copy>.world-standfirst { font: 400 22px/1.4 var(--font-body); min-height: 0; margin-bottom: 16px; }
  .mobile-pages-ready .werk-klar #campus .werk-story-copy>.world-standfirst br { display: none; }
  .mobile-pages-ready .werk-klar #campus .werk-story-copy>p:not(.world-standfirst) { font: 400 20px/1.6 var(--font-body); margin-bottom: 16px; }
  .mobile-pages-ready .werk-klar #campus .world-topic-details>summary { font-size: 20px; min-height: 48px; }
  .mobile-pages-ready .werk-klar #campus .world-links { margin-top: 0; padding-top: 12px; gap: 8px; }
  .mobile-pages-ready .werk-klar #campus .world-links a { font: 700 20px/1.5 var(--font-body); }
  .mobile-pages-ready .werk-klar #campus .world-mobile-details { margin: 0; border: 0; border-top: 1px solid var(--line); }
  .mobile-pages-ready .werk-klar #campus .world-mobile-details>summary { min-height: 48px; padding-block: 12px; font: 400 20px/1.5 var(--font-body); }
  .mobile-pages-ready .werk-klar #campus .world-mobile-details>div { padding-top: 12px; }
  .mobile-pages-ready .werk-klar #campus .network-core { padding-top: 20px; }
  .mobile-pages-ready .werk-klar #campus .tenant-button { font-size: 20px; }
  .mobile-pages-ready .werk-klar .werk-context { padding: 0 24px 32px; }
  .mobile-pages-ready .werk-klar .werk-context-panel>section { padding: 24px 0 !important; }
  .mobile-pages-ready .werk-klar #bildvergleich .transformation-head { display: block; }
  .mobile-pages-ready .werk-klar #bildvergleich .compare-story-intro { margin-top: 20px; }
}
@media (max-width:359px) {
  .mobile-pages-ready .werk-klar .issue-chapters { grid-template-columns: minmax(0,1fr); }
  .mobile-pages-ready .werk-klar .issue-chapters>a.issue-entry { min-height: 56px; }
}
@media print {
  .werk-klar :is(.werk-event,.werk-dossier,.werk-context-panel,.world-topic-details)>:not(summary) { display: block; }
  .werk-klar :is(.werk-event,.werk-dossier,.werk-context-panel,.world-topic-details)>summary { break-after: avoid; }
}

/* Reading contrast without changing the approved warm cream or House Gothic. */
.werk-klar .chapter-toggle-copy small{color:var(--muted);opacity:1}
.werk-klar .issue-number{opacity:1}
.werk-klar :is(main p,main a,main td,main th){overflow-wrap:anywhere}
@media(forced-colors:active){:focus-visible{outline:3px solid Highlight;outline-offset:4px}}

/* Keep reading surfaces at full contrast while their positional reveals run. */
.werk-klar .mobile-fit-surface,.werk-klar .mobile-fit-surface>*{opacity:1!important}
.werk-klar .issue-guide :is(.issue-entry,.issue-entry-copy,.issue-number){opacity:1!important}
.werk-klar .helper-trigger,.werk-klar .helper-trigger>span{opacity:1!important}
/* 23.10.2026: dark reading surfaces retain their own paired foreground. */
.cover-links a{color:#c4d4b9!important;opacity:1!important}
.chapter-toggle-copy small{color:inherit!important;opacity:1!important}
main :is(h1,h2,h3,h4,strong,p,a,th,td){overflow-wrap:anywhere}
@media(max-width:450px){.icon-grid{grid-template-columns:minmax(0,1fr)!important}.icon-item{min-width:0}.icon-item strong{max-width:100%;overflow-wrap:anywhere}.intro h1{overflow-wrap:anywhere}}


/* 30.10.2026 · Kompaktes, leichtes Werksverzeichnis. */
.werk-klar #main .issue-guide { border:0; border-top:1px solid var(--line); background:transparent; color:var(--ink); padding:16px 0 !important; }
.werk-klar #main .issue-guide-head { display:flex !important; justify-content:space-between; color:var(--forest); margin-bottom:8px; font:400 16px/1.4 var(--font-body); }
.werk-klar #main .issue-guide-head::after { display:none; }
.werk-klar #main .issue-chapters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0 24px; background:transparent; border:0; }
.werk-klar #main .issue-chapters::after,.werk-klar #main .issue-chapters::before { display:none; }
.werk-klar #main .issue-chapters>a.issue-entry { display:grid; grid-template-columns:minmax(0,1fr) 24px !important; grid-template-rows:56px auto; align-items:center; gap:10px 8px; min-width:0; min-height:118px; padding:14px 0 !important; border:0 !important; border-bottom:1px solid var(--line) !important; background:transparent; color:var(--ink); box-shadow:none; text-decoration:none; }
.werk-klar #main .issue-entry .issue-symbol { display:block !important; position:static; grid-column:1; grid-row:1; width:56px; height:56px; max-width:none; color:var(--forest); }
.werk-klar #main .issue-entry .issue-number { grid-column:2; grid-row:1; align-self:start; color:var(--muted); font:400 16px/1.5 var(--font-body); padding:0; }
.werk-klar #main .issue-entry .issue-entry-copy { grid-column:1/-1; grid-row:2; }
.werk-klar #main .issue-entry .issue-full { display:none; }
.werk-klar #main .issue-entry .issue-short { display:block; font:400 26px/1.1 var(--font-display); text-transform:uppercase; overflow-wrap:normal; }
.werk-klar #main .issue-entry .issue-entry-arrow { display:none !important; }
.werk-klar #main .issue-entry .issue-croc { background:transparent; mix-blend-mode:normal; }
.werk-klar #main .issue-entry .issue-croc img { width:100%; height:100%; object-fit:contain; mix-blend-mode:normal; }
.werk-klar #main .issue-entry:focus-visible { outline:2px solid var(--forest); outline-offset:4px; }
@media(hover:hover) { .werk-klar #main .issue-chapters>a.issue-entry:hover { background:#d6efc033; color:var(--forest); } }
.werk-klar #main .issue-chapters>a.issue-entry:active { background:#d6efc055; }
.werk-klar #main .amenity-title>[data-campus-icon] { display:block; width:56px; height:56px; flex:0 0 56px; }
.werk-klar #campus .world-icon { width:56px; height:56px; flex-basis:56px; }
.werk-klar .history-tabs .era-icon { display:block; width:64px; height:64px; }
/* Das Gebäuderegister bleibt lesbar, verliert aber Kasten und Schatten. */
.werk-klar #main .campus-orientation .orientation-layout { border:0; box-shadow:none; }
.werk-klar #main .campus-orientation .orientation-info { border:0; box-shadow:none; padding:20px 0; background:transparent; }
.werk-klar #main .werk-map-register { margin:0 0 16px; padding:0 0 12px; background:transparent; color:var(--forest); border:0; border-bottom:1px solid var(--line); }
.werk-klar #main .werk-map-register>strong { font:400 26px/1.2 var(--font-display); }
.werk-klar #main .campus-orientation .orientation-key { gap:0; padding-bottom:12px; margin-bottom:20px; border-bottom:1px solid var(--line); }
.werk-klar #main .campus-orientation .orientation-key a { min-height:48px; padding:8px 10px; gap:8px; border:0; box-shadow:none; background:transparent; }
.werk-klar #main .campus-orientation .orientation-key a[aria-current=true] { background:#d6efc044; color:var(--forest); box-shadow:inset 2px 0 var(--forest); }
@media(max-width:900px) {
 .mobile-pages-ready .werk-klar #main .issue-chapters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; }
 .mobile-pages-ready .werk-klar #main .issue-chapters>a.issue-entry { padding:12px 0 !important; min-height:112px; }
 .mobile-pages-ready .werk-klar #main .issue-guide-head { gap:8px; }
 .mobile-pages-ready .werk-klar #main .issue-guide-head>span:last-child { display:none; }
 .mobile-pages-ready .werk-klar .reading-index .reading-chapters { justify-content:flex-start; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; gap:0; }
 .mobile-pages-ready .werk-klar .reading-index .reading-chapters::-webkit-scrollbar { display:none; }
 .mobile-pages-ready .werk-klar .reading-index .reading-chapters>a { flex:0 0 auto; min-width:0; height:48px; padding:8px 14px; gap:8px; border:0; font:400 20px/1.4 var(--font-body); }
 .mobile-pages-ready .werk-klar .reading-index .reading-chapters>a>span { display:inline !important; margin:0; font:400 20px/1.4 var(--font-body) !important; }
 .mobile-pages-ready .werk-klar .reading-index .reading-chapters>a[aria-current="location"] { background:transparent; color:var(--forest); box-shadow:inset 0 -2px var(--forest); }
 .mobile-pages-ready .werk-klar #campus .world-photo { display:block; }
 .mobile-pages-ready .werk-klar #campus .world-photo a { max-height:none; }
 .mobile-pages-ready .werk-klar #campus .world-topics { display:grid; grid-template-columns:1fr; gap:12px; }
 .mobile-pages-ready .werk-klar #campus .world-topics>span { display:flex; gap:12px; font:400 20px/1.4 var(--font-body); }
 .mobile-pages-ready .werk-klar #campus .world-topics i { width:56px; height:56px; flex:0 0 56px; }
}
@media(max-width:359px) {
 .mobile-pages-ready .werk-klar #main .issue-chapters { grid-template-columns:1fr; }
 .mobile-pages-ready .werk-klar #main .issue-chapters>a.issue-entry { grid-template-columns:56px minmax(0,1fr) 24px !important; grid-template-rows:auto; min-height:76px; gap:12px; }
 .mobile-pages-ready .werk-klar #main .issue-entry .issue-entry-copy { grid-column:2; grid-row:1; }
 .mobile-pages-ready .werk-klar #main .issue-entry .issue-number { grid-column:3; align-self:center; }
}