/* Long-form editorial and blog index share the same reading rhythm. */
.article-main{width:min(900px,calc(100% - 40px));margin:0 auto;padding:42px 0 65px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px;margin-bottom:32px}.breadcrumbs a{color:var(--accent)}
.article-heading{margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid var(--line)}.article-heading h1{font-size:clamp(29px,4vw,43px);max-width:830px}.article-deck{font-size:18px;color:#d4cdc2}
.article-main section{margin:38px 0}.article-main h2{font-size:27px}.article-main h3{font-size:20px;margin-top:26px}
.article-main ul,.article-main ol{padding-left:24px}.article-main li{margin:10px 0}
.finding{padding:23px 26px;border:1px solid #765426;border-left:4px solid var(--brand);border-radius:5px;background:#272019;margin:26px 0}.finding p:last-child{margin:0}
.toc{margin:30px 0;padding:20px 24px;background:#22201d;border:1px solid var(--line);border-radius:6px}.toc ol{margin-bottom:0}.toc a{color:var(--accent)}
.article-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:24px 0;align-items:start}.article-samples .portrait-sample{max-width:220px}
.method{font-size:15px;color:#c8bdad}.formula{padding:18px 20px;background:#211d18;border:1px solid var(--line);border-radius:5px;overflow-x:auto;line-height:1.75}.formula code{white-space:pre-wrap}
.sources{border-top:1px solid var(--line);padding-top:30px;margin-top:40px;font-size:14px;color:#c6bbaa}.sources h2{font-size:22px}.sources a{color:var(--accent)}
.article-back{display:flex;flex-wrap:wrap;gap:22px;padding-top:28px;border-top:1px solid var(--line);margin-top:40px;color:var(--accent)}
.article-main .post-list{list-style:none;padding:0}.post-card{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;padding:26px;border:1px solid #685335;border-radius:7px;background:#24201a}.post-card img{width:100%;border-radius:5px}.post-card h2{font-size:25px;margin:8px 0 14px}.post-tag{color:#ffbc57;font-size:13px;font-weight:700}
.blog-note{padding:22px 0;border-top:1px solid var(--line);margin-top:36px;color:var(--muted)}
.error-page{text-align:center;max-width:660px;padding-block:80px}.error-page h1{font-size:36px}.error-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:28px}

/* Comparison-only styles stay out of the homepage stylesheet. */
.frame-wide{aspect-ratio:16/9}.frame-portrait{aspect-ratio:9/16}
@media(max-width:767px){.article-main{width:calc(100% - 32px);padding-top:28px}.article-heading h1{font-size:30px}.article-deck{font-size:17px}.article-main h2{font-size:24px}.article-samples{grid-template-columns:1fr;max-width:400px;margin-inline:auto}.article-samples .portrait-sample{margin-inline:auto}.finding,.toc{padding:18px}.post-card{grid-template-columns:1fr;padding:20px;gap:22px}.post-card img{max-width:400px}.post-card h2{font-size:23px}.error-page{padding-block:55px}}