/* Mobile review: compact existing content, preserve actions and image sizes. */
@media(max-width:850px){
 :is(#outfits-page,#shop-page,#lookreview-page).page{padding-top:16px;padding-bottom:0}
 .main-content:has(:is(#outfits-page,#shop-page,#lookreview-page).active){padding-bottom:calc(80px + max(8px,var(--safe-bottom,0px)))}
 #outfits-page .page-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:14px}
 #outfits-page .page-intro h1{font-size:26px;line-height:1.4;margin:2px 0 4px}
 #outfits-page .page-intro p{font-size:12px;line-height:1.6;margin:0}
 #outfits-page .page-intro .primary-button{min-height:44px;padding:0 12px;font-size:12px;white-space:nowrap}
 html[data-graphite-review] #outfits-page .saved-section-title{margin:4px 0 12px;font-size:15px}
 html[data-graphite-review] #outfits-page #saved-grid .look-info{padding:12px}
 html[data-graphite-review] #outfits-page .saved-look-actions{margin-top:10px;gap:6px}
 html[data-graphite-review] #outfits-page .saved-look-actions button{min-height:44px}
 #shop-page>.page-intro{margin-bottom:16px;gap:8px}
 #shop-page>.page-intro h1{font-size:26px;line-height:1.4;margin:2px 0 6px}
 #shop-page>.page-intro p{font-size:13px;line-height:1.7}
 #lookreview-page:not(.two-look-active)>.page-intro{margin-bottom:14px}
 #lookreview-page:not(.two-look-active)>.page-intro h1{font-size:26px;margin:2px 0 6px}
}