/* Prototype banner + phone-width fixes for the static build */
.proto-bar{background:#152747;color:#f5f0ea;font:500 13px/1.4 Figtree,system-ui,sans-serif;text-align:center;padding:8px 16px}
.proto-bar a{color:#ff7a33;font-weight:600}
@media (max-width: 720px){
  header > div{height:auto !important;flex-wrap:wrap;padding-top:12px !important;padding-bottom:12px !important}
  header nav{flex-wrap:wrap;gap:12px 18px !important}
  h1{font-size:30px !important}
  aside{position:static !important;max-width:none !important}
}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#211a14;color:#f5f0ea;padding:12px 20px;border-radius:8px;font:600 14px Figtree,system-ui,sans-serif;box-shadow:0 10px 15px -3px #0000001a;z-index:99}
@media (prefers-reduced-motion: no-preference){.match,.ang{transition:opacity .2s}}