/* SettledGA site header and phone tab bar (built by /js/site-header.js). One copy for every page. */
.sg-hdr{position:sticky;top:0;z-index:1450;display:flex;align-items:center;gap:1rem;min-height:68px;padding:0 1.25rem;
  background:#fff;border-bottom:1px solid #DDE3E6;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;box-sizing:border-box;flex-shrink:0;}
.sg-hdr *,.sg-tabbar *{box-sizing:border-box;}
.sg-brand{display:flex;align-items:center;flex-shrink:0;text-decoration:none;}
.sg-logo{height:34px;width:auto;display:block;}
.sg-nav{display:flex;align-self:stretch;flex:1 1 auto;min-width:0;gap:.15rem;}
.sg-nav > a,.sg-more > summary{display:flex;align-items:center;padding:0 .75rem;font:500 .95rem/1.2 'Inter',system-ui,sans-serif;color:#3B4A51;
  text-decoration:none;white-space:nowrap;cursor:pointer;list-style:none;background:none;border:0;margin:0;}
.sg-nav > a:hover,.sg-more > summary:hover{color:#287570;}
.sg-nav > a.on,.sg-more > summary.on{color:#287570;font-weight:600;box-shadow:inset 0 -3px 0 #287570;}
.sg-more{position:relative;display:flex;}
.sg-more > summary::-webkit-details-marker{display:none;}
.sg-more > summary::after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:-3px 0 0 .45rem;}
.sg-menu{position:absolute;top:calc(100% - 6px);left:0;min-width:240px;background:#fff;border:1px solid #DDE3E6;border-radius:12px;
  box-shadow:0 12px 32px rgba(35,47,53,.16);padding:.35rem;z-index:10;display:flex;flex-direction:column;}
.sg-menu a{display:flex;align-items:center;gap:.4rem;padding:.7rem .8rem;min-height:44px;border-radius:8px;color:#232F35;text-decoration:none;
  font:500 .95rem/1.3 'Inter',system-ui,sans-serif;}
.sg-menu{max-width:min(340px, calc(100vw - 2rem));}
.sg-menu a:hover{background:#EEF2F3;color:#287570;}
.sg-menu a.on{color:#287570;font-weight:600;background:#E6F2F1;}
.sg-menu-end{left:auto;right:0;}
.sg-menu a.sg-sep{border-top:1px solid #EEF2F3;border-radius:0 0 8px 8px;margin-top:.2rem;}
@media(max-width:1099px){.sg-right .sg-fb{display:none;}}
@media(max-width:1199px){html[lang="es"] .sg-right .sg-fb{display:none;}}
.sg-more > summary .newdot{margin-left:.3rem;}
.newdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3A9A93;margin-left:.35rem;vertical-align:2px;}
.rcount{font:600 .7rem 'Roboto Mono',monospace;background:#EEF2F3;color:#3B4A51;border-radius:999px;padding:.05rem .4rem;margin-left:.3rem;}
.sg-right{display:flex;align-items:center;gap:.75rem;margin-left:auto;flex-shrink:0;}
.sg-btn{font:600 .9rem/1 'Inter',system-ui,sans-serif;height:42px;padding:0 1rem;border:1.5px solid #C5CED2;border-radius:10px;background:#fff;color:#232F35;
  display:inline-flex;align-items:center;text-decoration:none;cursor:pointer;margin:0;}
.sg-btn:hover{border-color:#287570;color:#287570;}
.sg-status{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:#56656C;white-space:nowrap;}
.sg-status .sub-text{font-size:.8rem;color:#56656C;}
@media(max-width:1440px){.sg-status{display:none;}.sg-nav > a,.sg-more > summary{padding:0 .55rem;font-size:.9rem;}}
@media(max-width:1600px){html[lang="es"] .sg-status{display:none;}}
@media(max-width:1279px){.sg-logo{height:28px;}}
@media(min-width:800px) and (max-width:1099px){.sg-hdr{gap:.6rem;} .sg-menu{left:auto;right:0;}}
@media(min-width:800px) and (max-width:999px){
  .sg-nav > a,.sg-more > summary{padding:0 .4rem;font-size:.86rem;}
  html[lang="es"] .sg-nav > a,html[lang="es"] .sg-more > summary{padding:0 .3rem;font-size:.8rem;}
}

/* short laptop screens: a slimmer header leaves more room for results and the map */
@media(min-width:800px) and (max-height:760px){.sg-hdr{min-height:56px;}}
/* phones: logo and language in the header, everything else in the tab bar */
@media(max-width:799px){
  .sg-hdr{min-height:58px;padding:0 1rem;}
  .sg-nav,.sg-right .sg-fb{display:none;}
  .sg-btn{height:38px;}
}
.sg-tabbar,.sg-tab-spacer{display:none;}
@media(max-width:799px){
  .sg-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;height:calc(64px + env(safe-area-inset-bottom));
    padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #DDE3E6;z-index:1600;font-family:'Inter',system-ui,sans-serif;}
  .sg-tabbar a,.sg-tabbar button{display:flex;background:none;border:0;padding:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:600 .72rem/1.1 'Inter',system-ui,sans-serif;color:#56656C;
    text-decoration:none;min-height:44px;text-align:center;}
  .sg-tabbar .on{color:#287570;font-weight:700;}
  .sg-tabbar svg{width:23px;height:23px;}
  .sg-tabbar .newdot{position:absolute;margin:-26px 0 0 18px;}
  .sg-tabbar button{position:relative;}
  .sg-tab-spacer{display:block;height:calc(80px + env(safe-area-inset-bottom));}
  html,body{height:auto!important;}
}

/* phone sheet for Learn and About */
.sg-sheet{position:fixed;inset:0;z-index:2100;background:rgba(35,47,53,.45);display:flex;align-items:flex-end;justify-content:center;font-family:'Inter',system-ui,sans-serif;}
.sg-sheet[hidden]{display:none;}
.sg-sheet-box{background:#fff;width:100%;max-width:560px;border-radius:18px 18px 0 0;padding:1rem 1.1rem calc(1.25rem + env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(35,47,53,.18);animation:sgUp .18s ease-out;}
@keyframes sgUp{from{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}}
.sg-sheet-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem;}
.sg-sheet-hd h2{font:800 1.35rem/1.2 'Inter',system-ui,sans-serif;color:#232F35;margin:0;}
.sg-sheet-x{width:40px;height:40px;border-radius:50%;border:1px solid #DDE3E6;background:#fff;color:#232F35;font-size:1.5rem;line-height:1;cursor:pointer;}
.sg-sheet-list{display:flex;flex-direction:column;}
.sg-sheet-list[hidden]{display:none;}
.sg-sheet-list a{display:flex;align-items:center;min-height:50px;padding:0 .25rem;border-bottom:1px solid #EEF2F3;color:#232F35;text-decoration:none;font:500 1rem 'Inter',system-ui,sans-serif;}
.sg-sheet-list a:last-child{border-bottom:0;}
.sg-sheet-list a.on{color:#287570;font-weight:600;}
html.sg-sheet-open body{overflow:hidden;}