/* Editorial imagery supports navigation without changing the wide reading column. */
.home-hero .home-illustration { padding:0; overflow:hidden; }
.home-illustration > img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
.home-illustration .workflow-card-top { margin:22px 26px 0; }
.home-illustration > h2 { margin:14px 26px 22px; font-size:1.5rem; }
.home-illustration .workflow-steps { display:none; }
.home-illustration .workflow-footnote { margin:0 26px 24px; }
.home-media-tour { background:#fff; border-block:1px solid var(--line); }
.home-new-guides { background:#f0f4ed; }
.media-guide-card { overflow:hidden; }
.media-guide-card .media-card-image { display:block; margin:-25px -25px 22px; }
.media-card-image img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
.media-index-card { display:grid; grid-template-columns:150px minmax(0,1fr) auto; align-items:center; gap:24px; }
.media-index-card > img { display:block; width:150px; aspect-ratio:3/2; object-fit:cover; border-radius:12px; }
.media-index-card > div { min-width:0; }
.home-problems .topic-card { position:relative; padding-top:32px; border-top:5px solid #bc7756; }
/* A: title first, then a purpose-composed wide image. Keep the reading grid. */
.article-header { display:block; max-width:none; margin-bottom:36px; }
.article-header .article-breadcrumb { margin-bottom:20px; }
.article-header > h1 { max-width:none; margin:0 0 18px; font-size:clamp(2rem,3.4vw,3.1rem); line-height:1.12; text-wrap:balance; overflow-wrap:anywhere; }
.article-header > .post-meta { margin:0 0 10px; }
.article-header > .article-disclosure { max-width:none; margin:0; }
.article-header > .op-media-hero { margin:24px 0 0; }
.article-header .op-media-hero-picture img { width:100%; height:auto; aspect-ratio:3/1; object-fit:contain; }
.article-header .op-media-hero figcaption { margin-top:8px; font-size:.78rem; }
.article-content .op-media-layout { grid-template-columns:minmax(0,1fr); }
.article-content .op-media-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
.article-content .op-media-notes { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:700px) {
  .article-header { margin-bottom:28px; }
  .article-header .article-breadcrumb { margin-bottom:16px; }
  .article-header > h1 { font-size:clamp(1.85rem,6.8vw,2.5rem); text-wrap:pretty; }
  .article-header > .op-media-hero { margin-top:20px; }
  .article-header .op-media-hero-picture img { aspect-ratio:3/2; }
  .media-index-card { grid-template-columns:96px minmax(0,1fr); gap:16px; }
  .media-index-card > img { width:96px; }
  .media-index-card > .button { grid-column:2; justify-self:start; }
  .media-guide-card .media-card-image { margin-top:-25px; }
  .article-content .op-media-steps,.article-content .op-media-notes { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:380px) { .media-index-card { grid-template-columns:1fr; } .media-index-card > img { width:100%; } .media-index-card > .button { grid-column:1; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }