:root {
  --ink: #13271f;
  --ink-soft: #2d4139;
  --paper: #f4f0e6;
  --paper-deep: #e9e3d4;
  --lime: #c9f36b;
  --lime-deep: #a9d34d;
  --coral: #ff785a;
  --white: #ffffff;
  --line: rgba(19, 39, 31, 0.16);
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--font-sans); overflow-x: clip; text-rendering: optimizeLegibility; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.brand { align-items: center; display: inline-flex; gap: 12px; }
.brand-mark { align-items: center; background: var(--lime); border: 2px solid var(--ink); border-radius: 10px; display: inline-flex; font-size: 20px; font-weight: 900; height: 38px; justify-content: center; transform: rotate(-4deg); width: 38px; }
.brand-name { font-size: 20px; font-weight: 760; letter-spacing: -0.055em; }
.brand-name span { color: #49751a; }
.skip-link { background: var(--lime); border: 2px solid var(--ink); left: 12px; padding: 10px 14px; position: fixed; top: -80px; z-index: 1000; }
.skip-link:focus { top: 12px; }
:focus-visible { outline: 3px solid var(--coral); outline-offset: 4px; }
.screen-reader-text { clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; width: 1px; }
@media (max-width: 680px) {
  .brand-name { font-size: 18px; }
  .brand-mark { border-radius: 8px; height: 34px; width: 34px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}