/* Shared "keyboard-style" domain pills. Look copied from the osce.html chip row.
   Gate accent: a page can override --pill-a / --pill-b (active fill) and --pill-on (text on active). */
.amac-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1 1 100%;order:20;min-width:0;max-width:100%;}
.amac-pill{background:linear-gradient(135deg,#0f2850,#0d2247);border:1.5px solid rgba(201,162,39,0.3);padding:7px 18px;border-radius:20px;font-size:12px;font-family:'Outfit',sans-serif;cursor:pointer;font-weight:600;color:var(--gold-soft,#e0c45a);transition:all .22s;box-shadow:0 2px 8px rgba(9,22,41,0.3);letter-spacing:.3px;line-height:1.3;}
.amac-pill:hover{background:linear-gradient(135deg,#1b3a6b,#152d52);border-color:rgba(201,162,39,0.6);box-shadow:0 4px 16px rgba(9,22,41,0.4);transform:translateY(-1px);color:#fff;}
.amac-pill.active{background:linear-gradient(135deg,var(--pill-a,var(--gold,#c9a227)),var(--pill-b,color-mix(in srgb,var(--pill-a,var(--gold,#c9a227)) 90%,#000)));border-color:var(--pill-a,var(--gold,#c9a227));box-shadow:0 4px 18px rgba(201,162,39,0.4);color:var(--pill-on,#0d2247);font-weight:700;transform:translateY(-2px);border-width:2px;padding:6.5px 17.5px;}
.amac-pill:focus-visible{outline:2px solid var(--pill-a,var(--gold,#c9a227));outline-offset:2px;}
.amac-pills-lbl{font-size:11px;font-weight:600;color:var(--muted,var(--txt-mute,#8a92a0));letter-spacing:.5px;text-transform:uppercase;margin-right:4px;flex:0 0 auto;}
.filter-label~.amac-pills .amac-pills-lbl{display:none;}
.amac-pill .n{font-weight:500;opacity:.7;margin-left:4px;}
.amac-pill.active .n{opacity:.8;}
.amac-pill.r-red.active{background:#c0392b;border-color:#c0392b;}
.amac-pills-src{display:none!important;}
@media(max-width:700px){
  .amac-pills{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:4px 2px 8px;scrollbar-width:thin;}
  .amac-pill{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;}
}