* .content.row is a flex container (main.css:699, base .row rule), and
* .entry-content has no col-* / w-100 class at all -- every OTHER template
* checked wraps entry-content in a proper col-12 first (e.g. single.tpl.html
* uses `{{classes}} col-12 ...`). Without one, .entry-content is a flex item
* with no width, so it sizes to fit its content instead of filling the row.
* The site has no generated image thumbnails yet (see prep.md/CLAUDE.md --
* media_details.sizes is empty), so a content image renders near its native
* pixel width; with entry-content unconstrained, that drags the whole row
* wider than the viewport on mobile. Giving it width:100% is what col-12
* would already provide -- entry-content becomes a normal flex item that
* fills the row, and img-fluid/w-100 images inside it can then actually
* resolve their percentage widths against something. */
@media (max-width: 768px) {
/* body_class() renders the template's actual filename-based slug, not a
shortened one -- confirmed via curl: page-template-page-template-simple-php. */
.page-template-page-template-simple-php .content.row > .entry-content {
width: 100%;
}
}