/* Compact Page Design ribbon. Original source controls stay available to dialogs. */
#pageDesignSources[hidden] { display: none !important; }
.format-ribbon .publisher-page-design-group > .ribbon-actions { display: flex; align-items: flex-start; gap: 2px; min-height: 60px; position: relative; }
.format-ribbon .publisher-page-design-group .home-large-command { min-width: 60px; max-width: 88px; min-height: 60px; padding: 4px 7px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 3px; }
.format-ribbon .publisher-page-design-group .home-large-command > .toolbar-icon { width: var(--ribbon-large-icon-size, 32px); height: var(--ribbon-large-icon-size, 32px); flex: 0 0 var(--ribbon-large-icon-size, 32px); }
.format-ribbon .publisher-page-design-group .home-large-command > span { line-height: 1.05; text-align: center; }
.format-ribbon .publisher-page-design-group .page-design-chevron { display: block; font-size: 10px; line-height: 7px; }
.format-ribbon .publisher-page-design-group .home-dialog-launcher { position: absolute; right: -4px; bottom: -15px; }
/* The older shared compact-ribbon rules use !important; Page Design's large
   desktop commands intentionally override that three-row layout. */
body #mainRibbon.publisher-text-ribbon .ribbon-group.publisher-page-design-group > .ribbon-actions {
  display: flex !important; align-items: flex-start !important; gap: 2px !important;
  height: 72px !important; min-height: 72px !important; max-height: 72px !important;
}
body #mainRibbon.publisher-text-ribbon .ribbon-group.publisher-page-design-group .home-large-command {
  display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important;
  height: 72px !important; min-height: 72px !important; max-height: 72px !important;
  width: 88px !important; min-width: 76px !important; max-width: 88px !important;
  padding: 4px 5px !important; gap: 3px !important;
}
body #mainRibbon.publisher-text-ribbon .ribbon-group.publisher-page-design-group .home-large-command > .toolbar-icon {
  width: var(--ribbon-large-icon-size, 32px) !important; min-width: var(--ribbon-large-icon-size, 32px) !important; max-width: var(--ribbon-large-icon-size, 32px) !important;
  height: var(--ribbon-large-icon-size, 32px) !important; min-height: var(--ribbon-large-icon-size, 32px) !important; max-height: var(--ribbon-large-icon-size, 32px) !important; flex: 0 0 var(--ribbon-large-icon-size, 32px) !important;
}
body #mainRibbon.publisher-text-ribbon .ribbon-group.publisher-page-design-group .home-large-command > span {
  display: block !important; white-space: normal !important; line-height: 14px !important; text-align: center !important;
}
body #mainRibbon.publisher-text-ribbon .ribbon-group.publisher-page-design-group .page-design-chevron { display: block !important; line-height: 8px !important; }
body #mainRibbon.publisher-text-ribbon .ribbon-group.publisher-page-design-group .home-dialog-launcher {
  width: 16px !important; min-width: 16px !important; max-width: 16px !important;
  height: 16px !important; min-height: 16px !important; max-height: 16px !important;
  padding: 0 !important; line-height: 14px !important; justify-content: center !important;
}
.context-format-modal .publisher-page-format-card { width: min(740px, calc(100vw - 24px)); }
.context-format-modal .publisher-page-format-card .publisher-format-panel { min-height: 300px; }
.context-format-modal .publisher-page-format-card .publisher-page-action-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.context-format-modal .publisher-page-format-card .publisher-page-action-grid legend { grid-column: 1 / -1; }
.context-format-modal .publisher-page-format-card .publisher-format-field { grid-template-columns: minmax(150px,1fr) minmax(100px,180px); }
.context-format-modal .publisher-page-format-card .publisher-format-two-column .publisher-format-field { grid-template-columns: minmax(100px,1fr) minmax(70px,110px); }
.context-format-modal .publisher-page-format-card fieldset[hidden] { display: none; }
@media (max-width: 650px) {
  .context-format-modal .publisher-page-format-card .publisher-format-tabs { flex-wrap: wrap; }
  .context-format-modal .publisher-page-format-card .publisher-page-action-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}