/* Shared menu, every page. Logo left, links centred, Field notes button right.
   Freebies and Products open a dropdown, like thestartupmom.com. */
.nav__links{display:flex;align-items:center}
.dd{position:relative}
.dd__btn{
  font:inherit;font-family:var(--mono);font-size:13px;letter-spacing:var(--tr-label);text-transform:uppercase;
  color:inherit;background:none;border:0;padding:4px 0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
  border-bottom:2px solid transparent;
}
.dd__caret{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.dd__menu{
  position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);z-index:50;
  width:max-content;max-width:320px;background:var(--cream);color:var(--ink);border:1px solid var(--ink);padding:8px;
  display:none;text-align:left;
}
.dd__menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.dd:hover .dd__menu,.dd:focus-within .dd__menu,.dd__btn[aria-expanded="true"] + .dd__menu{display:block}
.dd:hover .dd__caret,.dd__btn[aria-expanded="true"] .dd__caret{transform:translateY(1px) rotate(225deg)}
.dd__menu a{display:block;padding:12px 14px;font-family:var(--body);font-weight:600;font-size:15px;line-height:1.3;color:var(--ink);text-decoration:none;border:0 !important;text-transform:none;letter-spacing:0}
.dd__menu a:hover,.dd__menu a:focus-visible{background:var(--cream-deep)}
.dd__btn:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
@media (max-width:760px){
  /* anchor to the whole link row so the menu keeps the page gutter */
  .nav__links{position:relative}
  .dd{position:static}
  .dd__menu{left:0;right:0;transform:none;width:auto;top:calc(100% + 8px)}
}
.nav .dd__menu a{color:var(--ink) !important}

/* menu panel in her format: square white card, bold title, grey line under it */
.dd__menu{width:320px;background:var(--cream);border:1px solid var(--ink);border-radius:0;box-shadow:none;padding:26px 0;top:calc(100% + 16px)}
.dd__menu a{display:block;padding:12px 28px;border-radius:0 !important;font-family:var(--body);font-weight:400;font-size:inherit;line-height:1.35}
.dd__menu a:hover,.dd__menu a:focus-visible{background:none}
.dd__menu a:hover .dd__title{color:var(--coral)}
.dd__title{display:block;font-family:var(--body);font-weight:700;font-size:17px;color:var(--ink);margin-bottom:4px}
.dd__desc{display:block;font-family:var(--body);font-weight:400;font-size:15px;color:var(--ink-66);letter-spacing:0;text-transform:none}
/* the open trigger goes coral and underlined, like hers */
.dd__btn[aria-expanded="true"],.dd:hover .dd__btn{color:var(--coral);border-bottom-color:var(--coral)}