.margin-preview .blog-prose section+section{margin-top:33px}
.margin-preview .blog-prose p+p{margin-top:12px}
.margin-preview .process-photo{margin:15px 0 18px}
.margin-preview .process-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#eee8df}
.margin-preview .process-photo figcaption{margin-top:5px;color:#625951;font-size:13px}
.margin-preview .research-note{font-size:13px}
.margin-preview .margin-example{margin:14px 0;background:#f1eae1;border-left:3px solid #8a674b;padding:14px 16px}
.margin-preview .margin-example strong{color:#33271d}
.margin-preview .margin-checks{display:grid;gap:6px;margin:10px 0 0}
.margin-preview .margin-checks li{padding-left:3px}
.site-blog.margin-preview{padding-top:clamp(15px,2vw,28px)}
.margin-preview .article-heading{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:clamp(16px,4vw,48px);margin-top:clamp(14px,2vw,24px)}
.margin-preview .blog-post-intro{margin:0;border:0}
.margin-preview .blog-post-intro h1{font-size:clamp(32px,4vw,52px);line-height:1.03;max-width:24ch;margin:7px 0 9px}
.margin-preview .blog-post-intro .blog-lead{margin-top:8px;font-size:clamp(14px,1.2vw,16px);line-height:1.5}
.margin-preview .article-cover{margin:0;min-width:0}
.margin-preview .article-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px}
.margin-preview .article-cover figcaption{margin-top:5px;font-size:12px;color:var(--blog-copy)}
.margin-preview .blog-opening{max-width:76ch;margin-top:clamp(14px,2vw,24px);color:var(--blog-copy);line-height:1.65}
.margin-preview .blog-reading{margin-top:clamp(17px,2.6vw,33px)}
@media(max-width:700px){
  .margin-preview .article-heading{grid-template-columns:minmax(0,1fr);gap:10px}
  .margin-preview .blog-post-intro h1{font-size:clamp(29px,7.8vw,40px);max-width:26ch}
  .margin-preview .article-cover img{height:clamp(104px,32vw,159px);aspect-ratio:auto}
}


.margin-preview .edge-banding-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:15px 0 17px}
.margin-preview .edge-banding-visuals figure{margin:0;min-width:0}
.margin-preview .edge-banding-visuals img{border:1px solid #e1d9ce}
@media(max-width:520px){.margin-preview .edge-banding-visuals{grid-template-columns:minmax(0,1fr)}}
@media(max-width:350px){.margin-preview .blog-post-intro h1{font-size:28px}.margin-preview .article-heading{gap:8px}.margin-preview .article-cover img{height:96px}}