/* Minimal flow corrections for inherited clipping, with verbatim text retained.
   Baseline source comparisons at 1200px and 350px content width are unaffected.
   See docs/verification-notes.md for measured source defects. */
@container service-viewport (max-width:320px){
 .service-page .source-document :where(h1,h2,h3,p,summary,.hero-copy,.intro>div){min-width:0;overflow-wrap:anywhere}
}
/* Styling has no source tablet breakpoint. Its 360px+560px fixed grid minima
   overflow the available panel between 761 and979px. Let those columns shrink. */
@container service-viewport (min-width:761px) and (max-width:979px){
 .service-page[data-page="wedding-styling"] .source-document .hero{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
 .service-page[data-page="wedding-styling"] .source-document .hero-copy{min-width:0;padding-left:clamp(32px,6cqw,48px);overflow-wrap:anywhere}
}