/* Editorial pages (Author, Characters): the scene dimmed behind the glass sheet, one reading column. Inherits the shell. */
:root { --peek: 34svh; }
.page .stage.dim .scene { filter: brightness(.5) saturate(.75); }
.page .side { gap: 18px; }
@media (min-width: 900px) { :root { --sheet-w: clamp(460px, 46vw, 680px); } .page .side { padding-left: 6vw; padding-right: 6vw; } }
.page h1.display { font-size: clamp(36px, 8.4vw, 52px); margin: 2px 0 6px; }
@media (min-width: 900px) { .page h1.display { font-size: clamp(40px, 3.6vw, 60px); } }
.page .lead { max-width: 58ch; }
.page .lead em { font-style: italic; }
.page .lead.first { font-size: 1.18em; color: var(--ink); line-height: 1.5; }
.elsewhere-prose { margin-top: 8px; }
.elsewhere-prose a { color: var(--ink); padding: 10px 0; text-decoration: underline; text-decoration-color: rgba(214,174,85,.55); text-underline-offset: 4px; text-decoration-thickness: 1px; transition: text-decoration-color .25s, color .25s; }
.elsewhere-prose a:hover, .elsewhere-prose a:focus-visible { text-decoration-color: var(--ochre); color: var(--ochre-2); }