.region-selector{margin-bottom:var(--space-lg)}.region-selector__label{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.region-selector__buttons{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.region-selector__btn{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;transition:border-color .15s,background-color .15s,color .15s;cursor:pointer;white-space:nowrap}.region-selector__btn:hover{border-color:var(--color-red);color:var(--color-red);background:var(--color-bg)}.region-selector__btn--active{border-color:var(--color-red);background:var(--color-red);color:var(--color-cream)}.region-selector__btn--active:hover{background:var(--color-red);color:var(--color-cream)}.region-selector__btn--national.region-selector__btn--active{border-color:var(--color-charcoal);background:var(--color-charcoal);color:var(--color-cream)}.region-selector__btn--national:hover{border-color:var(--color-charcoal);color:var(--color-charcoal)}.region-selector__btn--national.region-selector__btn--active:hover{background:var(--color-charcoal);color:var(--color-cream)}@media(max-width:480px){.region-selector__buttons{flex-direction:column}.region-selector__btn{justify-content:center}}