/* === v12 Mobile Overrides (loaded last) === */
html,body{max-width:100%!important;overflow-x:hidden!important}
.card{overflow:visible!important}
.btn{min-height:48px!important}
/* Drawer */
#primary-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#nav-overlay{display:none}
#nav-close{display:none}
@media (max-width:900px){
  #primary-nav{position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;width:min(88vw,360px)!important;max-width:90vw!important;background:rgba(11,14,15,.98)!important;border-right:1px solid rgba(255,255,255,.08)!important;padding:16px!important;display:none!important;flex-direction:column!important;align-items:stretch!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
  #primary-nav.open{display:flex!important}
  #nav-overlay{display:block!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,.55)!important;backdrop-filter:blur(2px)!important;opacity:0!important;pointer-events:none!important;transition:.2s!important}
  #nav-overlay.show{opacity:1!important;pointer-events:auto!important}
  #nav-close{display:block!important;align-self:flex-end!important;margin-bottom:8px!important}
  #primary-nav a{display:block!important;width:100%!important;border-radius:14px!important}
  .grid.cards{grid-template-columns:1fr!important}
  .chips,.badges{display:flex!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:thin!important;padding-right:8px!important;margin-right:-8px!important}
}
*{word-break:break-word}


/* v14 chip sizing */
@media (max-width:900px){
  .chips a,.chips .btn{font-size:.95rem!important;padding:.45rem .65rem!important}
}
@media (max-width:480px){
  .chips a,.chips .btn{font-size:.88rem!important;padding:.35rem .55rem!important}
}