/* Corporate design "Achse": Knochen ground, Graphit text, Teal accent. Colours as phiec-web tokens.css. */
:root { --phi-bg: #F4F3EF; --phi-ink: #16191A; --phi-teal: #0F5B5B; }
html, body { background: var(--phi-bg); }
.reveal { font-family: 'Public Sans', sans-serif; font-weight: 400; color: var(--phi-ink); }
.reveal .slides { text-align: left; }
.reveal .slides section { padding: 0; width: 960px; height: 540px; top: 0; }
.reveal .slides section > * { position: absolute; box-sizing: border-box; margin: 0; }
.reveal .t { white-space: pre-line; }
.reveal .t.h { font-family: 'Archivo', sans-serif; font-weight: 800; font-stretch: 125%; text-transform: none; }
.reveal .t.b { font-family: 'Public Sans', sans-serif; }
.reveal .frame { border: 2px solid var(--phi-teal); box-shadow: 0 5px 16px rgba(22, 25, 26, .28); background: #fff; max-width: none; max-height: none; }
.reveal video.frame { background: #000; }
/* title slide: the teal bar at the left edge is drawn by slides.py as a rect */
.reveal .slides section aside.notes { display: none; }
.reveal .controls { color: var(--phi-teal); }