/* GP 259: Compact scoped-search choices and unified editorial/about appearance. */
.gp-hf-header .gp-hf-scope-panel:not([hidden]) {
  gap: .48rem;
  width: max-content;
  max-width: min(35rem, calc(100vw - 2rem));
  min-width: min(21rem, calc(100vw - 2rem));
  padding: .75rem;
  border: 1px solid #cedfd4;
  border-radius: 16px;
  background: #f3f8f4;
  box-shadow: 0 14px 34px rgba(24, 60, 46, .13);
  overflow: visible;
}
.gp-hf-header .gp-hf-scope-panel button {
  box-sizing: border-box;
  min-height: 40px;
  padding: .48rem .8rem;
  border: 1px solid #d5e3d9;
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  color: #36584a;
  font-size: .855rem;
  font-weight: 650;
  line-height: 1.2;
  white-space: nowrap;
  transition: background-color .15s ease, border-color .15s ease;
}
.gp-hf-header .gp-hf-scope-panel button:hover,
.gp-hf-header .gp-hf-scope-panel button.is-active {
  border-color: #a9c4b3;
  background: #e1eee5;
  color: #244f3e;
}
.gp-hf-header .gp-hf-scope-panel button:focus-visible {
  outline: 2px solid #398268;
  outline-offset: 2px;
}
/* Footer: less oversized copy, consistent cool-green hierarchy. */
@media (min-width: 1181px) {
  .gp-hf-footer-col-title {font-size: 1rem; line-height: 1.3;}
  .gp-hf-footer-col-links {gap: .62rem;}
  .gp-hf-footer-col-links a {font-size: .89rem; line-height: 1.42; font-weight: 630;}
}
/* About page uses the same restrained green palette as the site navigation. */
.gp-info-about--unified {
  --gp-info-ink:#234d3d;
  --gp-info-ink-2:#2c6751;
  --gp-info-text:#485e54;
  --gp-info-blue:#2e775f;
  --gp-info-blue-hover:#235943;
  --gp-info-soft-blue:#eaf4ee;
  --gp-info-soft-blue-2:#e4f0e8;
  --gp-info-line:#d9e6dd;
}
.gp-info-about--unified .gp-info-hero {
  background: linear-gradient(135deg,#f2f8f3 0%,#ebf5ef 54%,#f9fcf9 100%);
  border-bottom-color:#dbe7de;
  padding-block:clamp(44px,5vw,74px);
}
.gp-info-about--unified .gp-info-hero::before {background:rgba(90,157,110,.075);}
.gp-info-about--unified .gp-info-hero::after {background:rgba(90,157,110,.06);}
.gp-info-about--unified .gp-info-hero h1 {font-size:clamp(35px,4.3vw,63px);letter-spacing:-.045em;}
.gp-info-about--unified .gp-info-summary,
.gp-info-about--unified .gp-info-toc-card,
.gp-info-about--unified .gp-info-card {box-shadow:0 8px 26px rgba(35,72,53,.045);}
.gp-info-about--unified .gp-info-card {scroll-margin-top:180px;}
.gp-info-about--unified .gp-info-toc {top:clamp(112px,12vw,138px);}
.gp-info-about--unified .gp-info-card p,
.gp-info-about--unified .gp-info-card li {max-width:72ch;}
.gp-info-about--unified .gp-info-card h2 {font-size:clamp(23px,2vw,29px);}
.gp-info-about--unified
@media (max-width:1024px) {
  .gp-info-about--unified .gp-info-toc {top:auto;}
}
@media (max-width:720px) {
  .gp-info-about--unified .gp-info-hero {padding-block:36px;}
  .gp-info-about--unified .gp-info-hero h1 {font-size:clamp(31px,8vw,42px);}
}
@media (max-width:520px) {
  .gp-hf-header .gp-hf-scope-panel:not([hidden]) {
    flex-wrap:wrap;
    width: min(100%, calc(100vw - 1.5rem));
    min-width:0;
    padding:.55rem;
  }
  .gp-hf-header .gp-hf-scope-panel button {font-size:.78rem; min-height:40px;}
}

/* Identical green interaction language in the mobile navigation drawer. */
.gp-hf-panel .gp-hf-scope-panel button {
  border-color:#d5e3d9;
  color:#36584a;
  background:#f8fbf9;
  font-size:.79rem;
  font-weight:660;
}
.gp-hf-panel .gp-hf-scope-panel button.is-active,
.gp-hf-panel .gp-hf-scope-panel button:hover {
  border-color:#aac8b5;
  color:#285b47;
  background:#e5f1e9;
}
.gp-hf-panel .gp-hf-scope-panel button:focus-visible {outline:2px solid #398268;outline-offset:2px;}