/* STAGING ONLY. FINAL: Find Supervision or Consult, home page left card (wide) / slim strip (narrow). No top bar change. */
.gx{--gx-navy:#1d3557;--gx-sage:#7d9b84;--gx-sage-d:#4f6f58;--gx-sand:#f7f1e6;--gx-sand-line:#e9dfcc;--gx-glass:#d7ebe6;--gx-glass-d:#c3e0d8;font-family:var(--sans);color:var(--gx-navy)}
.gx h2{font-size:1rem;line-height:1.25;font-weight:700;margin:0;color:var(--gx-navy);letter-spacing:-.005em}
.gx p{margin:0;font-size:.85rem;line-height:1.4;color:#44566a}
.gx-links{display:flex;gap:.5rem;flex-wrap:wrap}
.gx a.gx-find,.gx a.gx-join{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.35rem .95rem;border-radius:999px;font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:background .15s}
.gx a.gx-find{background:var(--gx-glass);color:var(--gx-navy);border:2px solid var(--gx-glass)}
.gx a.gx-find:hover{background:var(--gx-glass-d);border-color:var(--gx-glass-d)}
.gx a.gx-join{background:#fff;color:var(--gx-navy);border:2px solid #cfd9d1}
.gx a.gx-join:hover{border-color:var(--gx-sage)}
.gx a:focus-visible{outline:2px solid var(--gx-navy);outline-offset:2px}
.gx-scout{display:block;height:auto}
/* Wide (1400px and up): card in the empty left margin beside the hero. Scrolls with the page, never covers content. */
@media (min-width:1400px){
  .gx-zone{position:relative;max-width:1440px;margin:0 auto;height:0;z-index:20}
  .gx{position:absolute;top:1.25rem;left:max(1rem, calc((100vw - 980px)/2 - 12.5rem));width:11.5rem;box-sizing:border-box;
      background:var(--gx-sand);border:1px solid var(--gx-sand-line);border-radius:16px;padding:.95rem .9rem 1rem;
      display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 14px rgba(29,53,87,.07)}
  .gx::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,var(--gx-sage),var(--gx-glass))}
  .gx-scout{width:54px;margin:.1rem 0 -.05rem}
  .gx-txt{display:flex;flex-direction:column;gap:.35rem}
  .gx-links{flex-direction:column;gap:.4rem;margin-top:.2rem}
  .gx a.gx-find,.gx a.gx-join{width:100%;white-space:normal;text-align:center;line-height:1.2;padding:.45rem .7rem;font-size:.82rem}
  .gx-txt p{display:none}
}
/* Tablet and small laptop: one slim strip under the header, in page flow (no overlay, no popup). */
@media (max-width:1399px){
  .gx-zone{background:var(--gx-sand,#f7f1e6);border-bottom:1px solid var(--gx-sand-line,#e9dfcc)}
  .gx{display:flex;align-items:center;gap:.75rem;max-width:64rem;margin:0 auto;padding:.45rem 1.25rem}
  .gx-scout{width:30px;flex:0 0 auto}
  .gx-txt{display:flex;align-items:baseline;gap:.6rem;flex:1 1 auto;min-width:0}
  .gx h2{font-size:.95rem;white-space:nowrap}
  .gx p{font-size:.84rem}
  .gx-links{flex:0 0 auto;flex-wrap:nowrap}
  .gx a.gx-find,.gx a.gx-join{min-height:36px;padding:.25rem .85rem;font-size:.82rem}
}
@media (max-width:900px){ .gx p{display:none} }
/* Phones: compact two-line card, text links with full tap height. */
@media (max-width:640px){
  .gx{padding:.4rem 1rem .45rem;gap:.6rem;align-items:center}
  .gx-scout{width:34px}
  .gx-body{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
  .gx-txt{display:block}
  .gx h2{font-size:.92rem}
  .gx-links{flex-wrap:wrap;column-gap:1.1rem;row-gap:0}
  .gx a.gx-find,.gx a.gx-join{background:none;border:0;padding:0;min-height:32px;font-size:.86rem;text-decoration:underline;text-underline-offset:.18em;text-decoration-color:var(--gx-sage);color:var(--gx-navy)}
  .gx a.gx-find:hover,.gx a.gx-join:hover{background:none;text-decoration-color:var(--gx-navy)}
}
@media (min-width:641px){ .gx-body{display:contents} }
@media (prefers-reduced-motion:reduce){ .gx a{transition:none} }
@media (min-width:641px){ .gx-txt p{display:none} }