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

.ask-answer { border-top: 2px solid var(--wash); }