/* Compact navigation actions; formerly the two large homepage promo tiles. */
header{gap:clamp(10px,1.1vw,18px)}
#mainNav{gap:clamp(8px,.9vw,15px)}
#mainNav>a{white-space:nowrap}
#mainNav .arena-nav-action{font:600 11px/1.25 'Golos Text',sans-serif;letter-spacing:0;white-space:nowrap;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 11px;border-radius:8px;border:1px solid #668352;background:#202d1e;color:#ecf7e3;cursor:pointer;transition:background .15s,border-color .15s}
#mainNav .arena-nav-action:hover{background:#314b28;border-color:#bce381}
#mainNav .arena-nav-action--primary{background:#bce381;color:#14200c;border-color:#bce381}
#mainNav .arena-nav-action--primary:hover{background:#ccef9c;color:#14200c}
#mainNav .arena-nav-action:focus-visible{outline:2px solid #bce381;outline-offset:3px}
@media(max-width:1260px){
 header{position:relative;min-height:70px;height:auto}
 .menu-toggle{display:grid;place-items:center;order:2;width:44px;height:44px;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:8px;font-size:19px}
 .quiet{order:1;margin-left:auto;min-height:44px}
 #mainNav{display:none;position:absolute;top:100%;left:var(--site-gutter);right:var(--site-gutter);z-index:15;background:#192017;border:1px solid var(--line);border-radius:0 0 10px 10px;padding:6px 16px;box-shadow:0 20px 32px #0008}
 #mainNav.menu-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 #mainNav>a{display:flex;padding:10px 4px;min-height:44px;border-bottom:1px solid var(--line);font-size:14px}
 #mainNav .arena-nav-action{justify-content:flex-start;min-height:44px;padding:12px 14px;margin-top:8px;width:100%;font-size:13px}
 #mainNav .arena-nav-action:last-child{margin-bottom:8px}
}