/* Two-part native site navigation used by both Tools and Products. */
.rd-page .rd-tools-nav{
  position:relative;min-width:0;align-self:center;color:var(--rd-text);
}
.rd-page .rd-tools-row{display:inline-flex;align-items:center;gap:2px;min-height:40px}
.rd-page .rd-tools-main{
  display:inline-flex;align-items:center;min-height:40px;padding:9px 3px;
  color:inherit;font:600 12px/1.4 'DM Sans',Arial,sans-serif;
  white-space:nowrap;text-decoration:none
}
.rd-page .rd-tools-toggle{
  display:inline-flex;justify-content:center;align-items:center;
  width:28px;height:37px;padding:0;border:0;border-radius:8px;
  background:transparent;color:var(--rd-accent);cursor:pointer
}
.rd-page .rd-tools-dots{display:block;width:17px;height:17px;flex:none}
@media(hover:hover) and (pointer:fine){
  /* Invisible until hovered/focused: the desktop nav reads as clean text. */
  .rd-page .rd-tools-toggle{opacity:0;transition:opacity .18s ease,background .18s ease}
  .rd-page .rd-tools-nav:hover .rd-tools-toggle,
  .rd-page .rd-tools-nav:focus-within .rd-tools-toggle,
  .rd-page .rd-tools-toggle:focus-visible{opacity:1}
}
.rd-page .rd-tools-main:hover,.rd-page .rd-tools-main[aria-current="page"],
.rd-page .rd-tools-toggle:hover{color:var(--rd-accent)}
.rd-page .rd-tools-toggle:hover{background:color-mix(in srgb,var(--rd-accent) 12%,transparent)}
.rd-page .rd-tools-main:focus-visible,.rd-page .rd-tools-toggle:focus-visible,
.rd-page .rd-tools-panel a:focus-visible{
  outline:3px solid var(--rd-accent);outline-offset:3px
}
.rd-page .rd-tools-panel{
  position:absolute;z-index:160;top:calc(100% + 8px);right:0;
  min-width:218px;padding:9px;border:1px solid #b4c8b2;border-radius:14px;
  background:#fbfcf3;color:#2b4733;box-shadow:0 19px 35px #1e3c2530
}
/* Invisible 8px hover bridge over the visual space between link and panel.
   Prevents the dropdown flickering shut as the mouse moves into the list. */
@media(hover:hover) and (pointer:fine){
  .rd-page .rd-tools-panel:before{
    content:"";position:absolute;height:9px;bottom:100%;left:0;right:0
  }
}
.rd-page .rd-tools-panel[hidden]{display:none!important}
.rd-page .rd-tools-panel a{
  display:flex;gap:20px;align-items:center;justify-content:space-between;
  padding:12px 14px;border-radius:9px;
  font:700 12px/1.4 'DM Sans',Arial,sans-serif;
  color:inherit;white-space:nowrap;text-decoration:none
}
.rd-page .rd-tools-panel a:hover,
.rd-page .rd-tools-panel a[aria-current="page"]{
  background:#e5efdf;color:#2f7149
}
.rd-page .rd-tools-panel a span{color:#ba765a}
/* The header turns into a mobile menu at 1130px, not at the old 780px. */
@media(max-width:1130px){
  .rd-page .rd-nav .rd-tools-nav{
    width:100%;align-self:stretch;border-top:1px solid var(--rd-border)
  }
  .rd-page .rd-tools-row{display:flex;justify-content:space-between;min-height:48px}
  .rd-page .rd-tools-main{flex:1;min-height:48px;padding:13px 0}
  .rd-page .rd-tools-toggle{min-width:48px;min-height:48px}
  .rd-page .rd-tools-panel:before{display:none}
  .rd-page .rd-tools-panel{
    position:static;min-width:0;box-shadow:none;
    margin:0 0 10px;background:#f4f7ec
  }
  .rd-page .rd-tools-panel a{padding:12px 14px}
}
@media(prefers-reduced-motion:reduce){
  .rd-page .rd-tools-nav *{transition:none!important}
}
