/* Header 170: balanced nav (4 | crest | 5, equal side widths so the crest is centred) + gold Donate entry.
   Old design kept; loaded after every other stylesheet. */
#navigation>a.nav-donate{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;align-self:center;justify-self:center;
  height:38px;min-height:38px;width:min(100%,150px);padding:0 14px;border-radius:6px;box-sizing:border-box;
  font-family:Inter,sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;
  color:#1d1405;text-shadow:none;background:linear-gradient(180deg,#ffe3a1 0%,#e9bd62 48%,#b88531 100%);
  border:1px solid #ffe7ae;box-shadow:0 0 0 1px #5a3d0e inset,0 4px 14px #d8a2414d,0 0 18px #f1c66a33;transition:filter .15s,box-shadow .15s,transform .15s}
#navigation>a.nav-donate:before{content:'◆';font-size:9px;color:#5a3a06}
#navigation>a.nav-donate:hover,#navigation>a.nav-donate:focus-visible{filter:brightness(1.08);box-shadow:0 0 0 1px #5a3d0e inset,0 6px 18px #d8a24180,0 0 26px #f1c66a66;transform:translateY(-1px)}
#navigation>a.nav-donate:focus-visible{outline:2px solid #fff3cf;outline-offset:3px}
#navigation>a.nav-donate[aria-current]{background:linear-gradient(180deg,#fff0c4 0%,#f3cd78 48%,#c9963c 100%);box-shadow:0 0 0 1px #5a3d0e inset,0 0 0 3px #f1c66a55,0 0 26px #f1c66a80}
#navigation>a.nav-donate[aria-current]:after{content:none}
.mobile-donate{display:none}
@media(min-width:901px){
  .site-nav nav{grid-template-columns:repeat(4,minmax(0,1fr)) 130px repeat(5,minmax(0,.8fr))}
  .site-nav nav>a:not(.nav-crest){min-width:0;overflow:hidden;text-overflow:ellipsis}
  #navigation>a.nav-donate{overflow:visible}
}
@media(min-width:901px) and (max-width:1120px){
  .site-nav nav{gap:6px;padding:0 12px}
  .site-nav nav>a:not(.nav-crest){font-size:10px}
  .site-nav nav>a:not(.button):not(.nav-crest){padding:0 4px}
  #navigation>a.nav-donate{padding:0 9px;font-size:10px;letter-spacing:.06em}
  .nav-login{padding-left:6px;padding-right:6px}
}
@media(max-width:900px){
  .mobile-donate{display:flex;align-items:center;gap:6px;position:absolute;top:12px;right:104px;height:36px;padding:0 13px;border-radius:6px;
    font:800 12px Inter,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#1d1405;
    background:linear-gradient(180deg,#ffe3a1 0%,#e9bd62 48%,#b88531 100%);border:1px solid #ffe7ae;box-shadow:0 0 0 1px #5a3d0e inset,0 3px 12px #d8a2414d}
  .mobile-donate:before{content:'◆';font-size:8px;color:#5a3a06}
  .mobile-donate[aria-current]{box-shadow:0 0 0 1px #5a3d0e inset,0 0 0 3px #f1c66a55}
  .menu-toggle{min-width:76px;min-height:36px}
  #navigation>a.nav-donate{width:100%;height:auto;min-height:44px}
  .site-nav nav>a{min-width:0}
}
@media(max-width:600px){#navigation>a.nav-login{grid-column:1/-1}}
@media(max-width:380px){.mobile-brand{font-size:20px;padding:18px 14px}.mobile-donate{right:96px;padding:0 10px}.menu-toggle{right:12px}}

/* Vote in the menu (owner 2026-10-29 21:49Z): 5 | crest | 5 with equal side widths. */
@media(min-width:901px){.site-nav nav{grid-template-columns:repeat(5,minmax(0,1fr)) 130px repeat(5,minmax(0,1fr))}}
@media(min-width:901px) and (max-width:1180px){.site-nav nav{grid-template-columns:repeat(5,minmax(0,1fr)) 96px repeat(5,minmax(0,1fr))}.site-nav nav>a:not(.nav-crest){font-size:10px;letter-spacing:.04em}}

/* crypto10 badge v2 (owner 2026-10-30 00:33Z): small corner pill, fully isolated from other ::after rules */
#navigation>a.nav-donate,.mobile-donate{overflow:visible!important}
#navigation>a.nav-donate::after,#navigation>a.nav-donate:hover::after,#navigation>a.nav-donate:focus-visible::after,#navigation>a.nav-donate[aria-current]::after,.mobile-donate::after,.mobile-donate[aria-current]::after{all:initial!important;content:"+10% CRYPTO"!important;position:absolute!important;z-index:3!important;top:-8px!important;right:-8px!important;display:block!important;box-sizing:border-box!important;width:max-content!important;height:auto!important;padding:2px 6px!important;border-radius:99px!important;font:800 8.5px/1.25 Inter,system-ui,sans-serif!important;letter-spacing:.05em!important;white-space:nowrap!important;color:#062016!important;background:linear-gradient(180deg,#a8ffd8,#3ddc97)!important;border:1px solid #c8ffe6!important;box-shadow:0 0 0 2px #070b16,0 3px 10px -2px rgba(61,220,151,.65)!important;pointer-events:none!important;text-shadow:none!important;transform:none!important}
@media(max-width:900px){#navigation>a.nav-donate::after,#navigation>a.nav-donate[aria-current]::after{top:50%!important;right:14px!important;transform:translateY(-50%)!important}.mobile-donate::after,.mobile-donate[aria-current]::after{top:-7px!important;right:-6px!important}}
/* mobile-donate-same: the phone Donate button looks the same on every page, including /topup/ where it is the current page */
.mobile-donate[aria-current]{color:#1d1405!important;background:linear-gradient(180deg,#ffe3a1 0%,#e9bd62 48%,#b88531 100%)!important;border-color:#ffe7ae!important}