/* The Scrolls — what belongs to this page alone. Base: /pages.css */
.group { margin: 34px 0 0; }
.group > h2 { font: 700 23px/1.2 var(--serif); margin: 0 0 14px; padding-bottom: 8px; border-bottom: 1px solid var(--border); }

.scroll {
    background: var(--surface); border: 1px solid var(--border); border-radius: 16px;
    margin-bottom: 12px; overflow: hidden;
}
.scroll > button {
    display: block; width: 100%; text-align: inherit; background: transparent; border: 0;
    padding: 16px 18px; cursor: pointer;
}
.scroll > button:hover, .scroll > button:focus-visible { background: var(--surface2); outline: none; }
.scroll .cite { color: var(--gold); font: 600 12px var(--sans); letter-spacing: .04em; }
.scroll h3 { font: 700 19px/1.25 var(--serif); margin: 4px 0 6px; }
.scroll p { margin: 0; color: var(--muted); font-size: 15px; }
.scroll .more { display: inline-block; margin-top: 10px; color: var(--gold); font: 600 12.5px var(--sans); }
.scroll .more::after { content: ' ↓'; }
.scroll.open .more::after { content: ' ↑'; }
.scroll .body { padding: 0 18px 16px; }
.scroll:not(.open) .body { display: none; }

/* No passage to quote — the note points at a preface or an edition. */
.scroll .noref { color: var(--faint); font-size: 12.5px; }