/* styles/views/mode-config-responsive.css — extrait de styles.css L3353-L3370. Mode-config responsive append. */

/* ============================================================
   Mode config responsive
   ============================================================ */
@media (max-width:720px){
  .mc-shell{ padding:24px 16px 40px; gap:20px; }
  .mc-title{ font-size:44px; }
  .mc-pills{ gap:10px; }
  .mc-pill{ min-width:0; flex:1 1 150px; padding:12px 16px 12px 14px; }
  .mc-pill-label{ font-size:15px; }
  .mc-pill-sub{ font-size:11px; }
  .mc-multi-actions{ grid-template-columns:1fr; }
}
@media (max-width:420px){
  .mc-title{ font-size:40px; letter-spacing:-.8px; }
  .mc-code-box{ width:38px; height:46px; font-size:20px; }
  .mc-pill{ flex:1 1 100%; }
}