/* "About" menu in the header: About us, Guides, Support, Community, Contact. CSS only (hover, keyboard focus or tap opens it). */
.sbp-dd{position:relative}
.sbp-dd>button{font:inherit;font-weight:600;font-size:.95rem;color:#0f2a4a;background:none;border:0;cursor:pointer;min-height:44px;padding:0 6px;display:inline-flex;align-items:center;gap:5px}
.sbp-dd>button:hover,.sbp-dd:focus-within>button{color:#b04008}
.sbp-dd>button::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.sbp-dd:hover>button::after,.sbp-dd:focus-within>button::after{transform:rotate(225deg) translateY(-1px)}
.sbp-header .sbp-nav .sbp-dd-m{display:none;position:absolute;top:100%;right:-12px;min-width:200px;flex-direction:column;gap:0;background:#fff;border:1px solid #e2e9f2;border-radius:14px;padding:8px;box-shadow:0 14px 30px #10243b24;z-index:60}
.sbp-dd:hover>.sbp-dd-m,.sbp-dd:focus-within>.sbp-dd-m{display:flex}
.sbp-header .sbp-nav .sbp-dd-m a{justify-content:flex-start;padding:0 12px;min-height:42px;border-radius:9px;width:100%;box-sizing:border-box}
.sbp-header .sbp-nav .sbp-dd-m a:hover{background:#f4f8fc}
@media(max-width:1020px){
  .sbp-dd>button{width:100%;justify-content:flex-start;padding:0 6px}.sbp-dd>button::after{display:none}
  .sbp-header .sbp-nav .sbp-dd-m{display:flex;position:static;border:0;box-shadow:none;padding:0 0 0 14px;min-width:0}
}