/* 11-06 Gerb: "Tools" in the top nav, right of Affiliates. Clicking Tools opens /tools; hovering or tabbing to it opens the menu. */
.gf-has-menu { position: relative; }
.gf-caret { display: inline-block; width: 0; height: 0; margin-left: .4rem; border: 4px solid transparent; border-top-color: currentColor; border-bottom-width: 0; }
.gf-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 120; min-width: 190px; margin: 0; padding: .35rem 0; list-style: none;
  background: var(--ink-1, #111); border: 1px solid var(--line-2, #2a2a2a); border-radius: 0 0 8px 8px; box-shadow: 0 14px 34px rgba(0,0,0,.5); }
.gf-has-menu:hover .gf-menu, .gf-has-menu:focus-within .gf-menu { display: block; }
.gf-nav-links .gf-menu a { height: auto; padding: .7rem 1rem; white-space: nowrap; box-shadow: none; color: var(--bone-2); }
.gf-nav-links .gf-menu a:hover, .gf-nav-links .gf-menu a:focus-visible { color: var(--gold-hi); background: rgba(255,255,255,.04); }
.gf-mtools { display: none; }
@media (max-width: 900px) {
  .gf-mtools { display: flex; flex: 1; position: relative; }
  /* seven items on a phone: let them shrink instead of overflowing */
  .gf-mnav > a, .gf-mtools { min-width: 0; }
  .gf-mnav > a, .gf-mtools summary { font-size: .625rem; letter-spacing: 0; padding: 0 2px; }
  .gf-mtools summary { flex: 1; display: flex; align-items: center; justify-content: center; list-style: none; cursor: pointer;
    font: 600 .625rem/1 var(--f-text); letter-spacing: 0; text-transform: uppercase; color: var(--bone-3); }
  .gf-mtools summary::-webkit-details-marker { display: none; }
  .gf-mtools[open] summary { color: var(--gold-hi); box-shadow: inset 0 2px 0 var(--gold); }
  .gf-mtools-menu { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); min-width: 170px; background: var(--ink-1, #111);
    border: 1px solid var(--line-2, #2a2a2a); border-radius: 8px 8px 0 0; box-shadow: 0 -10px 30px rgba(0,0,0,.5); }
  .gf-mnav .gf-mtools-menu a { display: block; flex: none; padding: .85rem 1rem; text-align: left; font-size: .75rem; letter-spacing: .02em; text-transform: none; color: var(--bone-2); white-space: nowrap; }
}
.gf-soon { margin-left: .35rem; font-size: .6875rem; font-weight: 600; letter-spacing: .02em; color: var(--bone-3); white-space: nowrap; }
