/* Small UI additions; independent of the compiled Tailwind bundle. */
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 100; padding: 12px 18px; background: #fff; color: #111827; border: 2px solid #2563eb; border-radius: 8px; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
.help-item { padding: 12px 0; border-bottom: 1px solid #d1d5db; }
.dark .help-item { border-color: #4b5563; }
.help-item:last-child { border-bottom: 0; }
.help-item summary { cursor: pointer; font-weight: 600; }
.help-item p { margin: 10px 0 0; line-height: 1.65; max-width: 80ch; }
.help-item a { text-decoration: underline; text-underline-offset: 3px; }
section[id], article[id] { scroll-margin-top: 20px; }
:focus-visible { outline: 2px solid #2563eb; outline-offset: 4px; }