/* Shared tokens, typography and document layout. */
:root {
  --ink:#244c40;
  --muted:#687566;
  --paper:#fffdf6;
  --bg:#f7f6ee;
  --line:#dfdfcf;
  --green:#315e4b;
  --soft:#eaf0dd;
  --gold:#b68736;
  --radius:18px;
  --shadow:0 8px 28px #29493308;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:24px;
}
body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a {
  color:inherit;
  text-decoration:none;
}
button,input,select,textarea {
  font:inherit;
}
button,a,input,select,textarea,summary {
  -webkit-tap-highlight-color:transparent;
}
button,summary {
  cursor:pointer;
}
img {
  max-width:100%;
  vertical-align:middle;
}
h1,h2,h3,p {
  margin-top:0;
}
h1,h2,h3 {
  line-height:1.4;
  text-wrap:pretty;
}
h1 {
  font-size:40px;
  letter-spacing:0;
  margin-bottom:16px;
}
h2 {
  font-size:30px;
  margin-bottom:20px;
}
h3 {
  font-size:21px;
}
small {
  font-size:13px;
  line-height:1.6;
}
a:hover {
  color:#4f7145;
}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:3px solid #a87526;
  outline-offset:4px;
}
[hidden] {
  display:none!important;
}
main {
  max-width:1280px;
  margin:auto;
  padding:0 32px;
  min-height:65vh;
}
main:focus {
  outline:none;
}
.section {
  padding:48px 0;
}
.eyebrow {
  font-size:12px;
  letter-spacing:0;
  font-weight:650;
  color:var(--muted);
  margin-bottom:12px;
}
.page-description {
  color:var(--muted);
}
.section-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:24px;
}
.section-heading h1,.section-heading h2 {
  margin:0;
}
.section-heading>a {
  flex-shrink:0;
}
.section-heading .eyebrow {
  margin-bottom:8px;
}
.skip-link {
  position:fixed;
  top:-100px;
  left:20px;
  z-index:100;
  background:var(--paper);
  padding:12px 20px;
  border:2px solid var(--green);
  border-radius:8px;
}
.skip-link:focus {
  top:12px;
}
.site-header {
  background:#fffdf4;
  border-bottom:1px solid var(--line);
}
.header-inner {
  max-width:1400px;
  margin:auto;
  padding:18px 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand {
  display:flex;
  align-items:center;
  gap:9px;
  font-weight:750;
  font-size:22px;
  line-height:1.3;
  white-space:nowrap;
}
.brand small {
  display:block;
  font-size:9px;
  letter-spacing:0;
  color:#7a8866;
  margin-top:4px;
}
.main-nav {
  display:flex;
  align-items:center;
  gap:6px;
}
.main-nav>a {
  font-size:14px;
  padding:10px 15px;
  min-height:44px;
  border-radius:9px;
  white-space:nowrap;
}
.main-nav>a:hover {
  background:#f0f2e4;
}
.main-nav>a[aria-current=page] {
  background:var(--soft);
  font-weight:700;
  color:#234d3c;
}
.site-footer {
  max-width:1280px;
  margin:48px auto 0;
  padding:32px 32px 90px;
  border-top:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:var(--muted);
  font-size:13px;
}
.site-footer .brand {
  font-size:18px;
  color:var(--ink);
}
.site-footer p {
  margin:10px 0 0;
}
.site-footer>p {
  text-align:right;
}
@media(max-width:1000px) {
  .header-inner {
    gap:16px;
    padding:16px 24px;
    flex-wrap:wrap;
  }
  .main-nav {
    order:3;
    flex-basis:100%;
    justify-content:center;
  }
  .account {
    margin-left:auto;
  }
}
@media(max-width:600px) {
  h1 {
    font-size:28px;
  }
  h2 {
    font-size:24px;
  }
  body {
    font-size:15px;
  }
  main {
    padding:0 18px;
  }
  .header-inner {
    padding:15px 18px 10px;
    gap:14px;
  }
  .brand {
    font-size:20px;
  }
  .main-nav {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:2px;
  }
  .main-nav>a {
    font-size:12px;
    padding:10px 2px;
    text-align:center;
  }
  .section {
    padding:30px 0;
  }
  .section-heading {
    gap:12px;
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .section-heading>a {
    font-size:14px;
  }
  .site-footer {
    padding:26px 18px 88px;
    display:block;
    margin-top:20px;
  }
  .site-footer>p {
    text-align:left;
    margin-top:20px;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important;
  }
}
