/* Sensus Communis | site.css
   Seitenuebergreifend: Barrierefreiheit, Sternen-Animation, Ersatz-Navigation ohne JavaScript. Wird als Letztes geladen.
   Geladen von: 404, annual-en, annual, colloquium-en, colloquium, contact-en, contact, danke, datenschutz-en, datenschutz, en, fellows-en, fellows, founding-member-en, founding-member, impressum-en, impressum, index, papers-en, papers, podcast-en, podcast, thank-you, tradition-en, tradition, zeitgeist-en, zeitgeist
   Reihenfolge je Seite: fonts, tokens, [subpage], Seite, glass-cards, motion, Seite.layers, site */

/* ===== sc-a11y ===== */
/* Sichtbarer Fokusring fuer Tastaturbedienung. :focus-visible greift nur bei
     Tastatur, nicht bei Mausklick — die Optik aendert sich also fuer
     Mausnutzer nicht. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
  outline: 3px solid var(--c-coral-soft);
  outline-offset: 3px;
  border-radius: 4px;
}
/* Auf der cremefarbenen Leiste braucht der Ring einen dunkleren Ton */
.sc-nav.scrolled :where(a,button):focus-visible,
.sc-nav.menu-open :where(a,button):focus-visible,
#sc-fallback-nav a:focus-visible,
footer a:focus-visible {
  outline-color: var(--c-rust);
}
/* Sprung zum Inhalt: nur sichtbar, wenn er den Fokus hat */
.sc-skip {
  position: fixed;
  left: 12px;
  top: -60px;
  z-index: 200;
  padding: 10px 18px;
  border-radius: 0 0 10px 10px;
  background: var(--c-navy);
  color: var(--c-cream);
  text-decoration: none;
  font-family: "Manrope",system-ui,sans-serif;
  font-size: 14px;
  font-weight: 600;
  transition: top .2s;
}
.sc-skip:focus {
  top: 0;
}
/* ===== sc-tsa ===== */
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
/* ===== sc-star-smooth ===== */
/* Sterne glimmen weich: Startwert der Animation gilt schon in der Wartezeit,
     dadurch springt kein Stern beim Start von hell auf dunkel. */
.poster-stars .nstar,
.lineage-stars .nstar,
.poster-stars .pstar {
  animation-fill-mode: both !important;
}
/* ===== fallback-nav ===== */
#sc-fallback-nav {
  position: relative;
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 20px;
  padding: 26px 22px 34px;
  background: rgb(var(--c-paper-rgb) / .94);
  border-top: 1px solid rgb(var(--c-navy-rgb) / .12);
  font-family: "Manrope",system-ui,-apple-system,sans-serif;
  font-size: 13.5px;
}
#sc-fallback-nav a {
  color: var(--c-navy);
  text-decoration: none;
  opacity: .9;
}
#sc-fallback-nav a:hover,
#sc-fallback-nav a:focus {
  opacity: 1;
  text-decoration: underline;
}

/* Kein seitliches Wackeln auf dem Handy: Dekor, das ueber den Rand ragt (Stempel-Tinte,
   Tempelstufen, Sterne), erzeugt keinen horizontalen Scrollbalken. clip statt hidden,
   damit sticky und fixed weiter funktionieren. */
html { overflow-x: clip; }
/* zusaetzlich am body: Safari auf dem iPhone laesst sich vom html allein nicht immer halten und
   schiebt die Seite sonst seitlich, wenn Dekor (Stempel-Tinte, Tempelstufen) ueber den Rand ragt.
   clip (nicht hidden) erzeugt keinen Scrollbereich, sticky und fixed bleiben intakt. */
body { overflow-x: clip; }