/* One section-heading style for native and legacy modals, based on Tags.
   Spacing and interactive target geometry remain with their owning sections.
   This sheet stays active in Settings as well as the collection pages. */
:root body :is(dialog, .modal[role="dialog"]) .modal-section-heading {
  font-family:inherit;
  font-size:.875rem;
  font-style:normal;
  font-weight:400;
  line-height:var(--leading,1.55);
  letter-spacing:-.025em;
  text-transform:none;
  text-align:left;
  color:var(--ink-muted);
}

/* Longer field headings can wrap at larger text sizes instead of colliding
   with their values in the compact Plans and Dining rows. */
:root body dialog .plan-inline-row > .modal-section-heading {
  flex-basis:5.5rem;
  flex-shrink:0;
  white-space:normal;
  overflow-wrap:anywhere;
}

@media (max-width:440px) {
  :root body dialog.dining-dialog .plan-inline-row > .modal-section-heading {flex-basis:100%;}
}

@media (forced-colors:active) {
  :root body :is(dialog, .modal[role="dialog"]) .modal-section-heading {color:CanvasText;}
}