/* Shared orientation and keyboard access for standalone essays. */
.essay-bar { max-width: 80rem; margin: 0 auto; padding: 1rem; display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1.5rem; font: .875rem/1.5 Inter, system-ui, sans-serif; }
.essay-bar a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.essay-meta { opacity: .85; }
:focus-visible { outline: 3px solid #b45309 !important; outline-offset: 4px !important; }
.essay-skip { position: absolute; left: 1rem; top: -10rem; z-index: 10000; padding: .75rem; background: white; color: #111827; }
.essay-skip:focus { top: .5rem; }
.reading-width { max-width: 72ch; margin-inline: auto; }
.experiment { padding: 1.25rem; border: 1px solid currentColor; border-radius: .75rem; margin-block: 1rem 1.5rem; }
.experiment p { margin-block: .5rem; }
.experiment button, .experiment a { margin: .35rem .5rem .35rem 0; }
.experiment button { padding: .5rem .8rem; border: 1px solid currentColor; border-radius: .5rem; }
.content-container > .content-section > p { max-width: 72ch; }
.story-card blockquote { white-space: pre-wrap; overflow-wrap: anywhere; }
.search-result-item { display: block; width: 100%; text-align: left; }
.essay-table-scroll { max-width: 100%; overflow-x: auto; margin-block: 1rem; }
dialog.essay-dialog { border: 0; padding: 1.5rem; width: min(92vw, 46rem); max-height: 85vh; border-radius: .75rem; color: #1e293b; background: white; }
dialog.essay-dialog::backdrop { background: rgb(15 23 42 / .65); }
.quiz-option { width: 100%; display: block; text-align: left; }
.quiz-option:disabled { cursor: default; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }