/* The one site header for every public page. Written into each page by site-nav.cjs; edit the template there, not the pages. */
.trp-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;padding:10px 20px;background:#fff;border-bottom:1px solid #dadce0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.3;box-sizing:border-box}
.trp-nav *{box-sizing:border-box}
.trp-nav.is-static{position:relative;z-index:41}
.trp-nav a{-webkit-font-smoothing:antialiased}
.trp-nav .trp-word{font-family:Fraunces,Georgia,"Times New Roman",serif;font-weight:700;font-size:21px;letter-spacing:-.01em;color:#202124;text-decoration:none;white-space:nowrap}
.trp-nav .trp-links{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap}
.trp-nav .trp-links a{color:#202124;text-decoration:none;font-weight:600;font-size:15px;padding:9px 10px;border-radius:999px;white-space:nowrap}
.trp-nav .trp-links a:hover{background:#f1f3f4}
.trp-nav .trp-links a[aria-current="page"]{color:#3552e6;background:#eef1ff}
.trp-nav .trp-ctas{display:flex;gap:6px;align-items:center;flex:none}
.trp-nav .trp-cta{background:#3552e6;color:#fff;text-decoration:none;font-weight:700;font-size:14px;border-radius:999px;padding:9px 18px;white-space:nowrap}
.trp-nav .trp-cta:hover{background:#2a44c9}
.trp-nav a:focus-visible{outline:3px solid #3552e6;outline-offset:2px}

/* Partnership marketing: a dropdown with no script to open it (a native <details>) */
.trp-nav .trp-drop{position:relative}
.trp-nav .trp-drop>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;color:#202124;font-weight:600;font-size:15px;padding:9px 10px;border-radius:999px;white-space:nowrap;user-select:none}
.trp-nav .trp-drop>summary::-webkit-details-marker{display:none}
.trp-nav .trp-drop>summary::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.trp-nav .trp-drop[open]>summary::after{transform:translateY(1px) rotate(-135deg)}
.trp-nav .trp-drop>summary:hover,.trp-nav .trp-drop[open]>summary{background:#f1f3f4}
.trp-nav .trp-drop.is-current>summary{color:#3552e6;background:#eef1ff}
.trp-nav .trp-drop>summary:focus-visible{outline:3px solid #3552e6;outline-offset:2px}
.trp-nav .trp-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:270px;display:grid;gap:2px;padding:6px;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 12px 28px rgba(16,24,40,.14)}
.trp-nav .trp-links .trp-menu a{display:block;min-height:0;padding:9px 12px;border-radius:6px;font-size:14.5px;font-weight:600;color:#202124;white-space:nowrap}
.trp-nav .trp-links .trp-menu a:hover{background:#f1f3f4}
.trp-nav .trp-links .trp-menu a[aria-current="page"]{color:#3552e6;background:#eef1ff}
/* Below 1240px: wordmark and button on top, the links on their own row */
@media(max-width:1239px){
  .trp-nav{flex-wrap:wrap;row-gap:6px}
  .trp-nav .trp-word{flex:1 1 0;min-width:0;font-size:19px;overflow:hidden;text-overflow:ellipsis}
  .trp-nav .trp-links{order:3;margin-left:0;width:100%;justify-content:center;border-top:1px solid #dadce0;padding-top:6px}
  .trp-nav .trp-links a{min-height:44px;display:inline-flex;align-items:center;font-size:14px;padding:8px 10px}
}
/* Below 900px: one row of links you can swipe, so the header stays short */
@media(max-width:899px){
  .trp-nav .trp-links{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .trp-nav .trp-links::-webkit-scrollbar{display:none}
  .trp-nav .trp-links a{flex:none}
}
@media(max-width:899px){
  .trp-nav .trp-drop{position:static;flex:none}
  .trp-nav .trp-drop>summary{min-height:44px;font-size:14px;padding:8px 10px}
  .trp-nav .trp-menu{top:100%;left:0;right:0;min-width:0;border-radius:0;border-width:1px 0;box-shadow:0 12px 20px rgba(16,24,40,.12);padding:8px 14px 10px}
  .trp-nav .trp-links .trp-menu a{padding:11px 12px 11px 24px;font-size:15px;white-space:normal}
  /* the row's fade-out mask would hide the open menu */
  .trp-nav .trp-links:has(.trp-drop[open]){-webkit-mask-image:none;mask-image:none}
}
/* Phones: the button reads "Get your Map" */
@media(max-width:560px){
  .trp-nav .trp-cta .trp-long{display:none}
}
@media(max-width:520px){.trp-nav{padding:10px 14px}}
@media(max-width:380px){.trp-nav .trp-word{font-size:17px}.trp-nav .trp-cta{padding:9px 14px}}
html[data-embed] .trp-nav{display:none}