:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #233630;
  background: #f8faf9;
  font-synthesis: none;
  letter-spacing: 0;
}

* { box-sizing: border-box; }
body { margin: 0; line-height: 1.7; }
a { color: #17694f; text-underline-offset: 4px; overflow-wrap: anywhere; }
a:hover { color: #104a38; }
a:focus-visible { outline: 3px solid #db9c29; outline-offset: 4px; }
.skip-link { position: absolute; top: 8px; left: 12px; z-index: 2; padding: 8px 16px; background: #fff; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
.site-header { border-bottom: 1px solid #dbe5df; background: #fff; }
.header-inner { max-width: 1040px; margin: 0 auto; padding: 20px 28px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand { display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px; color: #233630; font-size: 22px; font-weight: 750; text-decoration: none; }
.brand span { border-left: 1px solid #dbe5df; padding-left: 12px; font-size: 14px; font-weight: 500; color: #5b6b63; }
nav { display: flex; flex-wrap: wrap; gap: 8px 24px; }
nav a { display: inline-flex; align-items: center; min-height: 44px; color: #52655b; font-size: 15px; text-decoration: none; }
nav a[aria-current="page"] { color: #17694f; font-weight: 700; text-decoration: underline; }
main { max-width: 820px; margin: 0 auto; padding: 52px 28px 64px; }
h1, h2 { line-height: 1.25; letter-spacing: 0; overflow-wrap: break-word; }
h1 { font-size: 36px; margin: 0 0 20px; }
h2 { font-size: 22px; margin: 36px 0 12px; }
p, li { font-size: 16px; }
p { margin: 0 0 18px; }
.eyebrow { font-size: 12px; font-weight: 700; color: #5b6b63; margin-bottom: 10px; }
.lead { font-size: 19px; color: #52655b; }
.updated, .small { font-size: 14px; color: #5b6b63; }
.updated { margin-bottom: 32px; }
.product-heading { display: flex; align-items: center; gap: 24px; margin-bottom: 24px; }
.product-heading img { display: block; flex: 0 0 96px; border-radius: 8px; }
.product-heading h1 { margin: 0; }
.home .lead { margin-bottom: 32px; }
.contact-section { border-top: 1px solid #dbe5df; padding-top: 26px; }
.contact-section h2 { margin-top: 0; }
.email-link { display: inline-block; font-size: 22px; font-weight: 650; margin: 0 0 20px; max-width: 100%; }
.document > .email-link { margin-bottom: 12px; }
.document-links { list-style: none; padding: 0; margin: 34px 0 0; border-top: 1px solid #dbe5df; }
.document-links li { border-bottom: 1px solid #dbe5df; }
.document-links a { display: flex; justify-content: space-between; align-items: baseline; gap: 12px 24px; padding: 20px 0; text-decoration: none; font-weight: 650; }
.document-links a:hover > span:first-child { text-decoration: underline; }
.link-note { color: #5b6b63; font-size: 14px; font-weight: 400; text-align: right; }
.site-footer { max-width: 820px; margin: 0 auto; border-top: 1px solid #dbe5df; padding: 24px 28px 36px; color: #5b6b63; }
.site-footer p { font-size: 13px; margin-bottom: 8px; }
.site-footer p:last-child { display: flex; flex-wrap: wrap; gap: 10px 22px; }

@media (max-width: 600px) {
  .header-inner { padding: 14px 20px 8px; align-items: flex-start; flex-direction: column; gap: 4px; }
  nav { gap: 8px 22px; }
  main { padding: 32px 20px 44px; }
  h1 { font-size: 30px; }
  h2 { font-size: 21px; }
  .product-heading { gap: 16px; }
  .product-heading img { width: 64px; height: 64px; flex-basis: 64px; }
  .product-heading h1 { font-size: 28px; }
  .email-link { font-size: 20px; }
  .document-links a { flex-direction: column; gap: 4px; }
  .link-note { text-align: left; }
  .site-footer { padding: 24px 20px 32px; }
}