/* Mobile-only containment: navigation, filter console, and tier mini cards. */
@media(max-width:700px){
 html,body{max-width:100%;overflow-x:clip}
 .nav{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;min-width:0}
 .nav .brand{min-width:0;max-width:calc(100% - 135px);font-size:clamp(15px,4vw,21px);line-height:1.35;overflow-wrap:break-word}
 .nav-menu-shell{position:static!important;margin-left:auto;flex:0 0 auto}
 .nav-menu-shell .navlinks{position:absolute!important;top:calc(100% - 2px)!important;right:12px!important;left:auto!important;width:min(310px,calc(100vw - 24px))!important;min-width:0!important;max-width:calc(100vw - 24px)!important;max-height:min(70dvh,580px)!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;padding:12px!important;box-sizing:border-box;transform:none!important}
 .nav-menu-shell .navlinks>*{display:flex!important;position:relative!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:left!important;justify-content:flex-start!important;box-sizing:border-box!important;margin:0!important;transform:none!important}
 .nav-menu-shell:not(.is-open) .navlinks{visibility:hidden!important;pointer-events:none!important;opacity:0!important}
 .nav-menu-shell.is-open .navlinks{visibility:visible!important;pointer-events:auto!important;opacity:1!important}
 .toolbar{padding:12px 14px!important;gap:9px!important;max-width:100%}
 .toolbar .filterline{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%;min-width:0}
 .toolbar .filterline .search{grid-column:1/-1!important;min-width:0!important}
 .toolbar .filterline select{min-width:0!important;width:100%!important;max-width:none!important}
 .toolbar .filterline>button{min-width:0!important;width:100%!important;max-width:100%!important;white-space:normal!important;line-height:1.3!important;padding:9px 7px!important;height:auto!important;min-height:42px!important}
 .toolbar .filterline>button:last-of-type:nth-child(odd){grid-column:1/-1}
 .toolbar .quick-filters{max-width:100%;min-width:0;gap:6px}
 .toolbar .months{width:100%!important;max-width:100%!important;flex:0 0 100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:thin}
 .toolbar .months button{flex:0 0 auto!important;white-space:nowrap!important}
 #marketingStudio .ms-tier-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(88px,auto)!important;max-height:300px!important;gap:9px!important}
 #marketingStudio .ms-tier-mini.ms-tier-selectable{height:auto!important;min-height:88px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:9px!important;overflow:hidden!important}
 #marketingStudio .ms-tier-mini .ms-tier-open{display:flex!important;visibility:visible!important;opacity:1!important;flex:1 1 auto!important;min-width:0!important;min-height:60px!important;align-items:center!important;gap:7px!important;color:#f7f2f9!important}
 #marketingStudio .ms-tier-mini .ms-tier-open span{display:-webkit-box!important;visibility:visible!important;opacity:1!important;color:#f7f2f9!important;font-size:12px!important;line-height:1.4!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;overflow-wrap:anywhere!important}
 #marketingStudio .ms-tier-mini .ms-tier-open img{display:block!important;visibility:visible!important;opacity:1!important;width:45px!important;height:52px!important;flex:0 0 45px!important;object-fit:contain!important}
 #marketingStudio .ms-tier-mini .ms-tier-check{flex:0 0 19px!important;width:19px!important;height:19px!important;margin:0!important}
}
@media(max-width:370px){#marketingStudio .ms-tier-list{grid-template-columns:1fr!important}}