/* The shared site header. Markup: templates/_site_header.html. */
  .sh{--sh-navy:#0f2f3f;--sh-teal:#35cfae;--sh-accent:#0f8a72;--sh-ink:#12303c;--sh-muted:#3f5763;--sh-line:#d3dde1;
    background:#fff;border-bottom:1px solid var(--sh-line);position:relative;z-index:60;
    font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;text-align:left}
  .sh *{box-sizing:border-box}
  .sh-rule{height:3px;background:linear-gradient(90deg,var(--sh-navy) 0%,var(--sh-accent) 55%,var(--sh-teal) 100%)}
  .sh-in{max-width:1020px;margin:0 auto;padding-inline:20px;display:flex;align-items:center;
    justify-content:space-between;gap:20px;min-height:66px}
  .sh a.sh-brand{font-weight:700;font-size:20px;letter-spacing:-.015em;color:var(--sh-navy);
    text-decoration:none;padding-block:7px;white-space:nowrap;border:0}
  .sh .sh-nav{display:flex;align-items:center;gap:22px;margin:0;padding:0;background:none}
  .sh details{margin:0;padding:0;border:0;background:none;position:relative}
  .sh .sh-nav > a, .sh summary{color:var(--sh-ink);text-decoration:none;font-weight:600;font-size:16px;
    padding:9px 0 7px;margin:0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;
    cursor:pointer;list-style:none;white-space:nowrap;display:block}
  .sh summary::-webkit-details-marker{display:none}
  .sh summary::marker{content:""}
  .sh .sh-nav summary::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;
    border-right:2px solid currentColor;border-bottom:2px solid currentColor;
    transform:translateY(-3px) rotate(45deg);opacity:.55}
  .sh .sh-nav > a:hover, .sh .sh-nav summary:hover, .sh .sh-nav details[open] > summary,
  .sh .sh-nav .sh-here{border-bottom-color:var(--sh-teal)}
  .sh .sh-menu{position:absolute;top:calc(100% + 10px);left:-14px;min-width:260px;background:#fff;
    border:1px solid var(--sh-line);border-radius:12px;box-shadow:0 12px 30px rgba(15,47,63,.14);padding:8px}
  .sh .sh-menu a{display:block;padding:9px 12px;border-radius:8px;color:var(--sh-ink);text-decoration:none;
    font-size:15.5px;font-weight:600;border:0;line-height:1.35}
  .sh .sh-menu a small{display:block;color:var(--sh-muted);font-size:13.5px;font-weight:400;margin-top:2px}
  .sh .sh-menu a:hover{background:#eef5f3}
  .sh .sh-menu a.sh-all{border-top:1px solid var(--sh-line);border-radius:0 0 8px 8px;margin-top:4px;
    padding-top:11px;color:var(--sh-accent)}
  .sh .sh-nav > a.sh-login{border:2px solid var(--sh-navy);border-radius:7px;padding:8px 18px;
    color:var(--sh-navy);font-weight:700}
  .sh .sh-nav > a.sh-login:hover{background:var(--sh-navy);color:#fff}
  /* Members' own row, under the site row: what the old dark app bar held (Jesse 10/7). */
  .sh .sh-mrow{background:var(--sh-navy)}
  .sh .sh-mnav{display:flex;flex-wrap:wrap;align-items:center;gap:0 22px;min-height:0;justify-content:flex-start}
  .sh .sh-mnav a, .sh .sh-out button{color:#dcebf7;text-decoration:none;font-size:15px;font-weight:600;
    padding:12px 0;line-height:20px;display:inline-block;background:none;border:0;border-radius:0;
    cursor:pointer;font-family:inherit;white-space:nowrap}
  .sh .sh-mnav a:hover, .sh .sh-out button:hover, .sh .sh-mnav a.sh-on{color:#fff}
  .sh .sh-mnav a.sh-on{box-shadow:inset 0 -3px 0 var(--sh-teal)}
  .sh .sh-mnav a.nav-admin{color:var(--sh-teal)}
  .sh .sh-mright{margin-left:auto;display:flex;align-items:center;gap:22px}
  /* Sign out is a POST, so it sits in a <form>. Pages style bare `form` (Her File gives every form
     a white card with padding and a border, 10/8), so the header undoes all of it here. */
  .sh .sh-out, .sh form{margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;
    display:inline;width:auto;max-width:none}
  .sh .sh-badge{display:inline-block;min-width:1.3em;padding:0 .35em;margin-left:4px;border-radius:999px;
    background:var(--sh-teal);color:#06231d;font-size:12px;font-weight:700;text-align:center;line-height:18px}
  .sh .sh-toggle{display:none}
  @media print{.sh{display:none !important}}
  @media (max-width:520px){ .sh .sh-mnav{gap:0 16px} .sh .sh-mright{margin-left:0} }
  @media (max-width:980px){
    .sh .sh-toggle{display:block}
    .sh .sh-toggle > summary{font-weight:700;color:var(--sh-navy);border:2px solid var(--sh-navy);
      border-radius:7px;padding:7px 14px}
    .sh .sh-nav{display:none}
    .sh .sh-toggle[open] + .sh-nav{display:block;position:absolute;left:0;right:0;top:100%;background:#fff;
      border-bottom:1px solid var(--sh-line);box-shadow:0 14px 30px rgba(15,47,63,.14);
      padding:6px 20px 18px;max-height:calc(100vh - 70px);overflow:auto}
    .sh .sh-nav details, .sh .sh-nav > a{border-bottom:1px solid #edf1f3}
    .sh .sh-nav summary, .sh .sh-nav > a{padding:13px 0}
    .sh .sh-nav details[open] > summary, .sh .sh-nav summary:hover, .sh .sh-nav > a:hover,
    .sh .sh-nav .sh-here{border-bottom-color:transparent}
    .sh .sh-menu{position:static;box-shadow:none;border:0;padding:0 0 8px;min-width:0}
    .sh .sh-nav > a.sh-login{display:inline-block;margin-top:14px;padding:8px 18px;border-bottom:2px solid var(--sh-navy)}
  }