/* Printable Pear keyboard focus. Two 2px bands, paper/green contrast 12.10:1.
   https://www.w3.org/WAI/WCAG22/Techniques/css/C40
   Screen-only so printable worksheet output remains unchanged. */
@media screen {
  :root :focus-visible,
  :root #complete-page .planner-preview-link:focus-visible,
  :root .not-found-page main :focus-visible {
    outline: 2px solid var(--paper);
    outline-offset: 0;
    box-shadow: 0 0 0 4px var(--green-dark);
  }

  /* Forced-color modes suppress shadows; keep a real system-color outline. */
  @media (forced-colors: active) {
    :root :focus-visible,
    :root #complete-page .planner-preview-link:focus-visible,
    :root .not-found-page main :focus-visible {
      outline: 2px solid Highlight;
      outline-offset: 2px;
      box-shadow: none;
    }
  }
}