/* Bearman earthquake navigation; isolated from the weather dashboard. */
.brand-tools{display:flex;align-items:center;gap:clamp(10px,1.2vw,18px)}
.brand-earthquake-link svg{width:22px;height:22px;stroke-width:1.6}
.brand-earthquake-link:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
@media(min-width:1081px) and (max-width:1380px){.site-header{padding-inline:24px;gap:18px}.main-nav{gap:16px;font-size:12px}.brand-cluster{gap:12px}.brand-tools{gap:10px}.brand-hazard-link{font-size:10px;letter-spacing:.06em;padding-left:10px}.brand-copy strong{font-size:19px}.brand-copy small{font-size:8px}.brand-logo{width:48px;height:48px}}
@media(max-width:720px){.brand-tools{gap:8px}.brand-hazard-link{min-height:44px;padding-inline:8px 0;font-size:9px;letter-spacing:.03em;gap:5px}.brand-hazard-link span{width:53px;white-space:normal;line-height:1.3}.brand-hazard-link svg{width:18px;height:18px}.brand-cluster{gap:8px}.menu-toggle{flex:0 0 38px;width:38px}}
@media(max-width:480px){.brand-tools{gap:5px}.brand-hazard-link{font-size:8px;padding-left:5px;gap:4px}.brand-hazard-link span{width:46px}.brand-hazard-link svg{width:17px;height:17px}.brand-cluster{gap:6px}}
@media(max-width:370px){.site-header .brand-copy{display:none}}