.quick-page { --paper: #e7e3d9; --pale: #f6f4ed; --ink: #24251f; --moss: #4c5d33; --wash: #cbd1ba; --dust: #dad7cd; background: var(--paper); color: var(--ink); }
.quick-page a { color: inherit; }
.quick-mast { border-bottom: 2px solid var(--ink); }
.quick-chapter { background: var(--pale); }
.quick-chapter--wash { background: var(--wash); }
.quick-chapter--dust { background: var(--dust); }
.quick-chapter--moss { background: var(--moss); color: var(--pale); }
.quick-notes { border-top: 2px solid currentColor; }
.quick-prompt { background: var(--paper); }
.quick-next { color: var(--pale) !important; background: var(--moss); text-decoration: none; border: 2px solid transparent; border-radius: 0; }
.quick-next:hover { color: var(--ink) !important; background: var(--wash); border-color: var(--ink); }
.quick-footer { border-top: 2px solid var(--ink); background: var(--wash); }
.quick-footer a[aria-current='page'] { text-decoration-style: double; }
.quick-page :focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
.quick-next:focus-visible, .quick-skip:focus-visible { outline-color: var(--ink); box-shadow: 0 0 0 7px var(--pale); }
.quick-skip { background: var(--ink); color: var(--pale) !important; }
@media (forced-colors: active) {
  .quick-next { border-color: ButtonText; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}


.quick-seal { background: var(--dust); }
.quick-seal > div { border-radius: 50%; background: var(--moss); color: var(--pale); }
.quick-cell--pale { background: var(--pale); }
.quick-cell--wash { background: var(--wash); }
.quick-cell--dust { background: var(--dust); }
.quick-cell--moss { background: var(--moss); color: var(--pale); }
.quick-next--paper { background: var(--pale); color: var(--ink) !important; }
.quick-large-question { color: var(--moss); }