/* Typography approved in the era type lab; no changes to the era materials. */
.type-readable{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ch-hero-poem.era-type-title{font-family:var(--type-family);font-weight:var(--type-weight);font-synthesis:none;letter-spacing:var(--type-spacing);font-size:clamp(44px,5.8vw,80px);line-height:1.5;overflow:visible;margin-left:0}
.ch-hero-copy h1 .era-type-glyphs{display:inline-block;max-width:100%;vertical-align:middle;margin:0}
.era-type-art{display:block;height:auto;max-width:100%;object-fit:contain}
.ch-footer .ch-type-credits{font-size:10px;letter-spacing:.04em;color:inherit;text-underline-offset:4px}
.ch-hero-poem[data-type-era="ERA03"]{font-size:clamp(61px,7.8vw,108px);line-height:1.15}
.ch-node-label strong.node-type-title,.ch-clue-link>span.node-type-title,#stellar-wave #sw-story-title.node-type-title,#stellar-wave .sw-reader .sr-object-title.node-type-title,.cu-research-opening h3.node-type-title{font-family:var(--type-family);font-weight:var(--type-weight);letter-spacing:var(--type-spacing);font-synthesis:none}
#sw-story-title.node-type-title{line-height:1.55;overflow-wrap:anywhere}
@media(max-width:760px){
  .curatorial-home .ch-hero-poem.era-type-title{font-size:clamp(31px,8.9vw,48px);line-height:1.5}
  .curatorial-home .ch-hero-poem[data-type-era="ERA03"]{font-size:clamp(43px,12vw,65px);line-height:1.15}
}

/* Every interface and reading surface follows the active era or the more
   specific node profile. The existing title specimens retain their approved
   fixed-letter artwork and title-only fonts. Keep sizes, weights, and layout
   owned by the components; this changes the family only. The ID in :is()
   supplies enough specificity to replace existing component font shorthands. */
html[data-site-era] body,
html[data-site-era] body :is(#zhubo-typography-scope, *):not(.era-type-title):not(.era-type-glyphs):not(.type-readable) {
  font-family:var(--era-text-family, 'Daguan Serif'), 'Daguan Serif', 'Songti SC', sans-serif !important;
}
html[data-site-era] body :is(#zhubo-typography-scope, *)::placeholder {
  font-family:var(--era-text-family, 'Daguan Serif'), 'Daguan Serif', 'Songti SC', sans-serif !important;
}

/* Opt-in reading face: preserve all text, styling and the historical default. */
html[data-site-era][data-type-readable="true"] body,
html[data-site-era][data-type-readable="true"] body :is(#zhubo-typography-scope, *):not(.era-type-title):not(.era-type-glyphs):not(.type-readable),
html[data-site-era][data-type-readable="true"] .era-type-title {
  font-family:'Daguan Serif', 'Songti SC', 'Noto Serif CJK SC', serif !important;
}
html[data-site-era][data-type-readable="true"] body :is(#zhubo-typography-scope, *)::placeholder {
  font-family:'Daguan Serif', 'Songti SC', 'Noto Serif CJK SC', serif !important;
}
html[data-type-readable="true"] .era-type-title .type-readable {
  position:static!important;display:inline!important;width:auto;height:auto;margin:0;padding:0;
  overflow:visible;clip-path:none;white-space:normal;
}
html[data-type-readable="true"] .era-type-title .era-type-glyphs {display:none!important}

/* The control travels with the active glass toolbar and remains keyboardable. */
html[data-site-era] [data-music-dock] > .era-readability-toggle {
  appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;margin:0;
  border:1px solid var(--eg-border);border-radius:999px;color:var(--g-ink);
  background:var(--eg-light-surface);box-shadow:var(--eg-inner),0 8px 24px #0003;
  backdrop-filter:blur(var(--g-blur)) saturate(var(--g-saturate));
  -webkit-backdrop-filter:blur(var(--g-blur)) saturate(var(--g-saturate));
  font-family:system-ui,sans-serif!important;font-size:14px;line-height:1;letter-spacing:0;
  font-weight:600;cursor:pointer;
}
html[data-site-era] [data-music-dock] > .era-readability-toggle:hover {background:var(--g-selection)}
html[data-site-era] [data-music-dock] > .era-readability-toggle[aria-pressed="true"] {background:var(--g-selection);color:var(--g-accent)}
html[data-site-era] [data-music-dock] > .era-readability-toggle:focus-visible {outline:2px solid var(--g-accent);outline-offset:3px}
/* The archive hides the other navigation buttons in favor of its menu. */
html[data-site-era] body.single-universe .header .cosmic-primary > .era-readability-toggle:not(#cosmicSearch) {display:inline-flex!important}
html[data-site-era] body :is(#zhubo-typography-scope, *):not(.era-type-title):not(.era-type-glyphs):not(.type-readable).era-readability-toggle {font-family:system-ui,sans-serif!important}
@media(max-width:600px){
  #stellar-wave#stellar-wave .sw-reader-top[data-music-dock="reader"] {flex-wrap:wrap}
}