@layer base, type, frame, notes, questions, print;
@layer base {
  :root { color-scheme: light; --paper: #FFFFFF; --ink: #000000; --mark: #CDFF64; }
  *, *::before, *::after { box-sizing: border-box; }
  html { background: var(--paper); color: var(--ink); }
  body { margin: 0; }
  a { color: inherit; text-decoration-thickness: .08em; text-underline-offset: .2em; overflow-wrap: anywhere; }
  a, button, summary, label { touch-action: manipulation; }
  a { display: inline-flex; align-items: center; min-height: 44px; padding-block: .5rem; }
  a:hover { background: var(--mark); }
  :focus-visible { outline: 3px solid var(--ink); outline-offset: 5px; }
  button, input, textarea { font: inherit; }
  button { min-height: 48px; padding: .75rem 1.2rem; border: 2px solid var(--ink); background: var(--ink); color: var(--paper); cursor: pointer; }
  button:hover:not(:disabled) { background: var(--mark); color: var(--ink); }
  button:disabled { background: var(--paper); color: var(--ink); border-style: dashed; cursor: default; }
  textarea { display: block; width: 100%; border: 2px solid var(--ink); padding: 1rem; resize: vertical; }
  [hidden] { display: none !important; }
  img { display: block; max-width: 100%; height: auto; font-size: 1rem; line-height: 1.6; color: var(--ink); }
  figure { margin: 0; }
  p, ul, ol { margin-block: 0 1.3rem; }
  ul, ol { padding-inline-start: 1.5rem; }
  li + li { margin-top: .75rem; }
  p { max-width: 65ch; }
  strong { font-weight: 700; }
  @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
}