/* Shared page frame; inner reading and media components keep their own limits. */
.moke-page-1920 {
  --moke-page-width: clamp(1480px, calc(100vw - 440px), 1920px);
  --moke-page-gutter: clamp(24px, 2vw, 32px);
}
.moke-page-1920 .top-inner,
.moke-page-1920 .moke-site-header-inner,
.moke-page-1920 .footer-inner,
.moke-page-1920[data-moke-width-page="skill"] .hero,
.moke-page-1920[data-moke-width-page="skill"] .library,
.moke-page-1920[data-moke-width-page="skill"] .feature-strip,
.moke-page-1920[data-moke-width-page="intel"] .hero,
.moke-page-1920[data-moke-width-page="intel"] .intro-strip,
.moke-page-1920[data-moke-width-page="intel"] .workspace,
.moke-page-1920[data-moke-width-page="intel"] .intel-head,
.moke-page-1920[data-moke-width-page="intel"] .intel-toolbar,
.moke-page-1920[data-moke-width-page="intel"] .hot-panel,
.moke-page-1920[data-moke-width-page="intel"] .masonry,
.moke-page-1920[data-moke-width-page="intel"] .copyright,
.moke-page-1920[data-moke-width-page="intel"] .timeline-load-state,
.moke-page-1920[data-moke-width-page="videos"] main,
.moke-page-1920[data-moke-width-page="about"] .hero,
.moke-page-1920[data-moke-width-page="about"] .portrait,
.moke-page-1920[data-moke-width-page="about"] .content,
.moke-page-1920[data-moke-width-page="about"] .carousel-showcase,
.moke-page-1920[data-moke-width-page="about"] .work-gallery {
  width: 100%;
  max-width: var(--moke-page-width);
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--moke-page-gutter);
  padding-right: var(--moke-page-gutter);
}
@media (min-width: 721px) and (max-width: 1600px) {
  .moke-page-1920 { --moke-page-gutter: clamp(32px, 4vw, 64px); }
}
@media (min-width: 1601px) and (max-width: 1920px) {
  .moke-page-1920 { --moke-page-gutter: calc(224px - 10vw); }
}
.moke-page-1920[data-moke-width-page="prompts"] .ux-sections,
.moke-page-1920[data-moke-width-page="prompts"] .ux-voice-panel {
  padding-left: var(--moke-page-gutter);
  padding-right: var(--moke-page-gutter);
}
@media (max-width: 720px) {
  .moke-page-1920 { --moke-page-gutter: 12px; }
}

.moke-page-1920[data-moke-width-page="prompts"] .hero,.moke-page-1920[data-moke-width-page="prompts"] .toolbox,.moke-page-1920[data-moke-width-page="prompts"] .intro-strip,.moke-page-1920[data-moke-width-page="prompts"] .workspace,.moke-page-1920[data-moke-width-page="prompts"] .library-folders,.moke-page-1920[data-moke-width-page="prompts"] .ux-sections,.moke-page-1920[data-moke-width-page="prompts"] .ux-composer-panel,.moke-page-1920[data-moke-width-page="prompts"] .ux-music-panel,.moke-page-1920[data-moke-width-page="prompts"] .ux-voice-panel,.moke-page-1920[data-moke-width-page="prompts"] .film-standard-modules{max-width:var(--moke-page-width)}

/* Bordered panels sit on the inner edges of the shared padded page frame. */
.moke-page-1920[data-moke-width-page="prompts"] .ux-composer-panel,
.moke-page-1920[data-moke-width-page="prompts"] .ux-music-panel,
.moke-page-1920[data-moke-width-page="prompts"] .film-standard-modules {
  box-sizing: border-box;
  width: calc(min(100%, var(--moke-page-width)) - 2 * var(--moke-page-gutter));
  margin-left: auto;
  margin-right: auto;
}