/* One shared left edge; scripts, data and screenshots can extend beyond the reading measure.
   Scoped to editorial pages, never product pages, collections or browser tools. */
main.article-layout[class]{
  --article-reading:820px;
  box-sizing:border-box;width:100%;max-width:1168px;
  margin-inline:auto;padding:56px 32px 80px;min-width:0;
}
.article-layout :is(.guide-intro,.workflow-intro,.study-intro){
  width:100%;max-width:var(--article-reading);margin-inline:0 auto;
}
.article-layout :is(article,.guide-body,.study-copy){
  box-sizing:border-box;width:100%;max-width:none;margin-inline:0;min-width:0;
}
/* Structural sections span the canvas. Their prose stays aligned with the title. */
.article-layout :is(article,.guide-body,.study-copy,section)>:is(h2,h3,h4,p,ul,ol,dl,blockquote),
.article-layout>:is(h2,h3,p),
.article-layout :is(.recipe-toc,.workflow-toc,.review-note,.evidence-status,.guide-note,.article-nav,.draft-nav,.journey-followup,.asset-study-actions){
  box-sizing:border-box;width:100%;max-width:var(--article-reading);margin-inline:0 auto;
}
.article-layout :is(.recipe-next,.workflow-next,.recipe-sources,.study-next,.kit-recommend,.practice-resource){
  box-sizing:border-box;max-width:var(--article-reading);margin-inline:0 auto;
}
/* Allow the practice table to use the full canvas too. */
.article-layout .practice-resource{max-width:none}
.article-layout :is(.fm-script,.recipe-code,.table-scroll,.guide-table,.study-table,.delivery-table,.practice-table-wrap,figure){
  box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin-inline:0;
}
.article-layout :is(pre,.table-scroll,.guide-table,.study-table,.delivery-table,.practice-table-wrap){max-width:100%;overflow-x:auto}
.article-layout pre{box-sizing:border-box;tab-size:4}
.article-layout figure:not(.delivery-summary)>img{display:block;width:100%;height:auto;max-width:100%}
/* Preserve the existing native-image crop and portrait PDF proportions. */
.article-layout .study-native-crop img{max-width:none}
.article-layout .study-section-title{max-width:var(--article-reading);margin-inline:0 auto;grid-template-columns:1fr;gap:0}
.article-layout .study-toolbar{margin-inline:0 auto}
.article-layout .study-section-title p{margin-top:0}
@media(max-width:700px){
  main.article-layout[class]{padding:36px 20px 60px}
  .article-layout :is(.fm-script pre,.recipe-code pre){padding:16px}
}
@media print{
  main.article-layout[class]{max-width:none;padding:0}
  .article-layout pre{white-space:pre-wrap;overflow-wrap:anywhere}
}