.nav-links>.nav-primary,.resource-toggle{height:100%;display:flex;align-items:center;justify-content:center;line-height:1;padding:0 15px}
.resource-menu{position:relative;height:100%;display:flex;align-items:center}
.resource-toggle{height:100%;border:0;background:none;color:#203443;font-weight:800;font-size:14px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:8px;line-height:1}
.resource-toggle span{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transition:transform .2s;transform:translateY(-2px) rotate(45deg);transform-origin:center}
.resource-menu.open .resource-toggle span{transform:translateY(2px) rotate(225deg)}
.resource-list{position:absolute;z-index:50;right:0;top:67px;width:230px;padding:8px;background:#f7f1d5;border:4px solid #26343b;box-shadow:7px 7px 0 rgba(28,53,67,.3);display:none;grid-template-columns:1fr}
.resource-menu.open .resource-list{display:grid}
.resource-list button,.resource-list a{border:0;border-bottom:2px solid #d1c9aa;background:transparent;color:#25343b;padding:11px 12px;text-align:left;text-decoration:none;font-size:12px;font-weight:800}
.resource-list button:hover,.resource-list a:hover{background:#dcebc9;box-shadow:inset 4px 0 #5ca443}
.resource-list .map-link{display:flex;justify-content:space-between;background:#dff1d1;border-bottom:0;color:#297048}
.tool-card{text-decoration:none}

@media(max-width:900px){
  .nav{gap:12px}
  .nav-links{display:flex;position:static;height:100%;padding:0;background:transparent;border:0;flex-direction:row;align-items:center;margin-left:auto;gap:4px}
  .nav-primary{display:none}
  .resource-menu{height:100%}
  .resource-toggle{padding:18px 7px}
  .resource-list{position:fixed;top:72px;right:12px;width:min(280px,calc(100% - 24px))}
  .nav-login{margin-left:2px;padding:8px!important;white-space:nowrap;font-size:12px}
}

@media(max-width:600px){
  .news .section-heading{flex-wrap:wrap}
  .news .filter-buttons{display:flex;width:100%;margin-left:0}
  .news .filter-buttons button{flex:1}
  .brand{gap:7px}
  .brand small{display:none}
  .resource-toggle{font-size:12px}
}