/* ==========================================================================
   Editorial layout — only what is specific to this arrangement.
   Everything shared lives in assets/css/base.css.
   ========================================================================== */

/* The headline runs wider than the body text it sits above, so the eye lands
   on it before the columns start. */
.prl-layout-editorial .prl-title { max-width: 20ch; }

@media (max-width: 860px) {
	.prl-layout-editorial .prl-title { max-width: none; }
}

/* Image top variant: the visual becomes a full-width band above the panel. */
.prl-layout-editorial.prl-img-top .prl-visual { margin-bottom: 4px; }
.prl-layout-editorial.prl-img-top .prl-panel  { max-width: 760px; }