:root {
  color-scheme: light;
  --paper: #f3f2e9;
  --white: #fffef8;
  --ink: #1d2d28;
  --muted: #52605a;
  --green: #193e35;
  --mint: #e2ebdf;
  --rule: #aab2a8;
  --gold: #e6ca7f;
}
* { box-sizing: border-box; }
html { scroll-behavior: auto; }
body { margin: 0; background: var(--paper); color: var(--ink); }
button, input { font: inherit; }
a { color: var(--green); text-underline-offset: .2em; }
a, button { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible { outline: 3px solid #856209; outline-offset: 4px; }
button { cursor: pointer; }
img { max-width: 100%; }
p, h1, h2, h3, dl, dd, ol, ul, figure { margin: 0; }
p + p { margin-top: 1rem; }
ul, ol { padding-left: 1.3rem; }
.c-shell { max-width: 1280px; margin: 0 auto; padding: 34px 48px 0; }
.c-main { min-width: 0; }
.c-skip { position: absolute; left: 20px; top: -100px; z-index: 10; min-height: 48px; padding: 12px 20px; background: var(--white); border: 2px solid var(--green); }
.c-skip:focus { top: 12px; }
.c-brand { display: flex; gap: 12px; align-items: center; padding-bottom: 30px; border-bottom: 1px solid var(--rule); }
.c-brand-mark { display: grid; place-items: center; width: 34px; height: 34px; background: var(--green); color: var(--white); font-size: 24px; }
.c-brand-divider { color: var(--muted); }
.c-guide { min-width: 0; }
@media (max-width: 680px) {
  .c-shell { padding: 20px 20px 0; }
  .c-brand { gap: 8px; padding-bottom: 20px; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}