/* Stand 47: four complete options, compact pills, contained detail panel. */
@media(max-width:760px){
 .ready38 .unified-layout{overflow:hidden;gap:8px}
 .ready38 #mobile-hero44{flex:1 1 0;min-height:0}
 .ready38 #component-options{flex:0 1 auto;min-height:0;max-height:43%;overflow:auto;isolation:isolate;padding:7px 7px 10px;margin-bottom:2px}
 .ready38 #component-options .component-grid:not(.color-grid36):not(.text-grid36){gap:6px;align-items:stretch}
 .ready38 #component-options .component-grid:not(.color-grid36):not(.text-grid36)>button{flex:0 0 calc((100% - 18px)/4);width:calc((100% - 18px)/4);min-width:0;max-width:none;min-height:76px;padding:4px 2px;gap:3px;font-size:10px;line-height:1.2;overflow-wrap:anywhere}
 .ready38 #component-options .component-grid:not(.color-grid36):not(.text-grid36) canvas{height:44px;min-width:0;max-width:100%}
 .ready38 #component-options .empty-component35{height:44px;font-size:28px}
 .ready38 #component-options .subnav38{position:static;padding:2px 2px 5px;margin:0 0 3px;gap:5px;flex-wrap:nowrap}
 .ready38 #component-options .subnav38>button{height:30px;min-height:30px;padding:6px 9px;font-size:12px;line-height:16px;font-weight:650;border-width:1px;border-radius:20px;box-shadow:none}
 .ready38 #component-options .subnav38>button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--green)}
 .ready38 .download-bar36{position:relative;flex:none;margin-top:3px;z-index:3}
}