/* Example page composition. Start itself is in pudl.css. */
body { margin: 0; min-height: 100dvh; background: var(--bg); }
.study-header { gap: var(--space-3); padding: var(--space-2) var(--space-4); flex-wrap: wrap; }
.study-title { color: var(--tb-chrome-fg); font-size: var(--text-sm); }
.study-header .topbar-chrome { margin-inline-start: auto; }
.study-context { padding: var(--space-6); }
.study-context h1 { font-size: var(--text-xl); }
.desktop-bar { position: fixed; inset: auto 0 0; display: flex; align-items: center; gap: var(--space-4); padding: var(--space-2) var(--space-3); background: var(--surface); border-top: 1px solid var(--border); }
.desktop-caption { margin-inline-start: auto; font-size: var(--text-sm); color: var(--text-muted); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.fallback-catalog { margin: var(--space-5); display: grid; gap: var(--space-3); }