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


.proof-form-word { border-radius: 50%; background: var(--pale); color: var(--moss); }
.proof-form:nth-child(2) .proof-form-word { background: var(--moss); color: var(--pale); }
.proof-form:nth-child(3) .proof-form-word { background: var(--paper); color: var(--ink); }
@media (max-width: 760px) { .proof-form { border-bottom: 2px solid var(--moss); } }