.prose-page{background:var(--paper)}
.seo-explainer{background:var(--cream)}
.seo-explainer .prose{max-width:820px}
.prose-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:90px;align-items:start}
.prose{font-size:17px;line-height:1.8;color:#3f5148}
.prose h2{font:650 clamp(30px,4vw,45px)/1.15 "Manrope";color:var(--ink);margin:58px 0 18px}
.prose h2:first-child{margin-top:0}
.prose h3{font:650 23px/1.3 "Manrope";color:var(--ink);margin:34px 0 12px}
.prose p{margin:0 0 20px}
.prose ul,.prose ol{padding-left:22px;margin:0 0 28px}
.prose li{margin-bottom:10px}
.prose blockquote{margin:36px 0;padding:25px 28px;border-left:4px solid var(--orange);background:var(--cream);font:550 20px/1.55 "Manrope";color:var(--ink)}
.prose-aside{position:sticky;top:120px;border-top:3px solid var(--orange);padding-top:20px}
.prose-aside h2{font:650 19px "Manrope";margin-bottom:16px}
.prose-aside p{font-size:14px;line-height:1.65;color:#596860}
.prose-aside a{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:700}
.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.article-meta span{padding:7px 11px;border:1px solid rgba(255,255,255,.35);font-size:11px}
.legal-note{padding:22px 25px;background:var(--cream);border-left:4px solid var(--lime)}
@media(max-width:900px){.prose-layout{grid-template-columns:1fr;gap:55px}.prose-aside{position:static}}
@media(max-width:600px){.prose{font-size:16px}.prose h2{margin-top:42px}}