/* Shared fluid page sizing: content uses the available column beside navigation. */
body.emergence .container,
body.emergence.primary-sidebar-active > #appPage > .container,
body.emergence.primary-sidebar-active > #cabinetPage > .container {
 width:100%; max-width:1680px; margin-inline:auto;
 padding-inline:clamp(16px,2.5vw,48px); min-width:0;
}
body.emergence > .topbar { max-width:1680px; padding-inline:clamp(16px,2.5vw,48px); }
body.emergence > footer#contacts { max-width:1584px; }
#partialConversionOffer.compact-partial-offer { grid-template-columns:minmax(250px,.8fr) minmax(0,1.8fr); gap:20px; }
#partialConversionOffer .compact-plan { font-size:14px; line-height:1.4; padding:14px; gap:7px; }
#partialConversionOffer .compact-plan > strong { font-size:16px; }
#partialConversionOffer .compact-plan-price { font-size:28px; }
#partialConversionOffer .compact-plan .btn { font-size:15px; min-height:44px; }
#partialConversionOffer .compact-best-choice { font-size:11px; padding:3px 9px; }
#partialConversionOffer.compact-partial-offer p { font-size:15px; }
#partialConversionOffer.compact-partial-offer .partial-offer-eyebrow { font-size:11px; }
@media(max-width:1100px) {
 #partialConversionOffer.compact-partial-offer { grid-template-columns:1fr; }
 #partialConversionOffer .compact-plan { font-size:13px; padding:10px; }
}
@media(max-width:600px) {
 #partialConversionOffer.compact-partial-offer { padding:10px; gap:12px; }
 #partialConversionOffer .compact-plan { font-size:12px; padding:6px; gap:5px; }
 #partialConversionOffer .compact-plan > strong { font-size:12px; }
 #partialConversionOffer .compact-plan-price { font-size:22px; }
 #partialConversionOffer .compact-plan .btn { font-size:13px; padding:8px 3px; }
 #partialConversionOffer .compact-best-choice { font-size:9px; padding:2px 5px; }
 #partialConversionOffer.compact-partial-offer p { font-size:13px; }
}
@media(max-width:600px) {
 body.app-route-active:has(.compact-partial-offer) .workspace { padding-top:8px; }
 body.app-route-active:has(.compact-partial-offer) #resultBox { padding:12px; margin-top:12px; }
}
/* Bounded, fluid composition shared across the public application. */
body.emergence .container,
body.emergence.primary-sidebar-active > #appPage > .container,
body.emergence.primary-sidebar-active > #cabinetPage > .container {
 max-width:1360px; padding-inline:clamp(16px,2.3vw,36px);
}
body.emergence > .topbar { max-width:1360px; }
body.emergence > footer#contacts { max-width:1288px; }
body.emergence .em-hero.em-upload-hero {
 grid-template-columns:minmax(0,1fr) minmax(280px,360px);
 gap:clamp(24px,4vw,56px); padding:24px 0;
}
body.emergence .em-upload-hero h1 { max-width:750px; }
body.emergence .em-upload-hero figure { width:100%; max-width:360px; }
body.emergence .em-upload-hero svg g path { opacity:.55; }
body.emergence .em-upload-hero figcaption { font-size:14px; margin-top:8px; color:var(--accent); }
body.emergence #resultBox { box-sizing:border-box; max-width:none; min-width:0; margin-inline:0; width:100%; }
@media(min-width:1100px) {
 body[data-app-state="upload"] #workspaceTranscriptionPanel > .app-grid > .panel {
  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); column-gap:18px;
 }
 body[data-app-state="upload"] #workspaceTranscriptionPanel > .app-grid > .panel > * { grid-column:1 / -1; }
 body[data-app-state="upload"] #appDropZone { grid-column:1; margin:0; align-self:stretch; padding:20px; }
 body[data-app-state="upload"] #appDropZone + .em-source-url { grid-column:2; margin:0; align-self:stretch; padding:20px; }
}
@media(max-width:900px) {
 body.emergence .em-hero.em-upload-hero { grid-template-columns:minmax(0,1fr) 260px; gap:20px; }
}
@media(max-width:700px) {
 body.emergence .em-hero.em-upload-hero { grid-template-columns:1fr; padding:24px 0; }
 body.emergence .em-upload-hero figure { display:none; }
}
@media(min-width:1100px) {
 body[data-app-state="upload"] #workspaceTranscriptionPanel > .app-grid > .panel > #appDropZone { grid-column:1; }
 body[data-app-state="upload"] #workspaceTranscriptionPanel > .app-grid > .panel > #appDropZone + .em-source-url { grid-column:2; }
}