.skip-link {
  position: absolute;
  z-index: 10;
  top: 8px;
  left: 8px;
  padding: 10px 12px;
  border: 2px solid #176eab;
  border-radius: 6px;
  color: #172522;
  background: #fff;
  transform: translateY(-150%);
}

.skip-link:focus { transform: translateY(0); }
.brand { text-decoration: none; }
.topbar-meta a, .footer-nav a { color: #174d3d; font-size: 14px; font-weight: 600; }
.topbar-meta a[aria-current="page"] { text-decoration-thickness: 2px; text-underline-offset: 4px; }
.footer-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 10px;
}

.content-page {
  width: min(780px, 100%);
  box-sizing: border-box;
  min-height: calc(100vh - 164px);
  margin: 0 auto;
  padding: 54px 24px 72px;
}

.content-page h1 {
  margin: 0;
  font-size: clamp(30px, 5vw, 42px);
  line-height: 1.12;
  letter-spacing: -.035em;
}

.content-lede {
  margin: 14px 0 34px;
  color: #586761;
  font-size: 17px;
  line-height: 1.6;
}

.content-section {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid #d7ded8;
}

.content-section h2 { margin: 0 0 9px; font-size: 19px; line-height: 1.35; }
.content-section p, .content-section li { color: #35443e; font-size: 15px; line-height: 1.65; }
.content-section p { margin: 8px 0; }
.content-section ul { margin: 8px 0 0; padding-left: 22px; }
.content-section address { color: #35443e; font-size: 15px; font-style: normal; line-height: 1.7; }
.content-section address a { font-weight: 600; }
.site-footer { padding: 18px 24px 28px; border-top: 1px solid #d7ded8; background: #fff; }
.site-footer .footer-nav { margin: 0; }
.site-footer p { margin: 0 0 12px; color: #586761; font-size: 13px; text-align: center; }
.not-found-code { margin: 0 0 10px; color: #1f684f; font-size: 13px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.content-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.content-actions a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  border: 1px solid #bfc9c1;
  border-radius: 8px;
  color: #174d3d;
  background: #fff;
  font-size: 14px;
  font-weight: 650;
  text-decoration: none;
}
.content-actions a:first-child { border-color: #1f684f; color: #fff; background: #1f684f; }
.content-actions a:hover { text-decoration: underline; }

@media (max-width: 640px) {
  .topbar-meta { gap: 12px; }
  .topbar-meta > .status-tag { display: none; }
  .content-page { min-height: calc(100vh - 145px); padding: 38px 18px 54px; }
  .content-lede { margin-bottom: 27px; font-size: 16px; }
  .site-footer { padding-right: 18px; padding-left: 18px; }
}