:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #213b29;
  background: #f7f8f1;
  font-synthesis: none;
}

* { box-sizing: border-box; }
body { margin: 0; }
a { color: #275835; text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid #98c9a1; outline-offset: 4px; }
.shell { width: min(800px, calc(100% - 32px)); margin: 0 auto; padding: 30px 0 64px; }
.masthead { display: flex; align-items: center; gap: 14px; margin-bottom: 30px; }
.brand-mark { display: block; flex: none; width: 48px; height: 48px; border-radius: 15px; background: #fff; object-fit: cover; }
.brand-name { margin: 0; font-size: 18px; font-weight: 700; }
.eyebrow { margin: 0 0 4px; color: #526d56; font-size: 13px; font-weight: 700; }
.nav { display: flex; flex-wrap: wrap; gap: 16px; margin-left: auto; }
.nav a[aria-current="page"] { font-weight: 700; text-decoration-thickness: 2px; }
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: 12px; font-size: clamp(28px, 5vw, 38px); line-height: 1.25; }
h2 { margin-bottom: 12px; font-size: 21px; line-height: 1.4; }
p, li { line-height: 1.75; }
ul { margin: 0; padding-left: 1.4em; }
li + li { margin-top: 7px; }
.lead { color: #4e6653; font-size: 17px; }
.notice { margin: 28px 0; padding: 17px 20px; border: 1px solid #cbdcc6; border-radius: 14px; background: #edf5e9; }
.notice p { margin: 0; }
.document { padding: 8px 28px; border: 1px solid #dce5d8; border-radius: 22px; background: #fff; box-shadow: 0 10px 32px rgb(30 65 36 / 5%); }
.section { padding: 26px 0; border-bottom: 1px solid #e4ebe1; }
.section:last-child { border: 0; }
.section p:last-child { margin-bottom: 0; }
.footer { margin-top: 24px; color: #647367; font-size: 14px; text-align: center; }
.footer .website-icp { display: inline-block; margin-left: 12px; }
@media (max-width: 600px) {
  .masthead { align-items: flex-start; flex-wrap: wrap; }
  .nav { width: 100%; margin-left: 0; }
  .document { padding: 0 20px; }
}