.article-shell { max-width: 850px; margin: 0 auto; }
.article-meta { color: var(--clr-lime); font-family: var(--font-mono); font-size: 12px; margin-bottom: 16px; }
.article-cover { border-radius: var(--radius-xl); overflow: hidden; height: 460px; margin: 42px 0; }
.article-content { color: rgba(245,242,236,0.82); font-size: 18px; line-height: 1.85; }
.article-content h2 { font-family: var(--font-display); color: var(--clr-white); font-size: clamp(30px,4vw,42px); line-height: 1.15; margin: 42px 0 12px; }
.article-content p { margin-bottom: 20px; }
.related-posts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; justify-items: start; margin-top: 46px; }
.related-post { width: 100%; padding: 24px; }
.related-post h3 { font-family: var(--font-display); font-size: 25px; line-height: 1.2; margin-bottom: 10px; }
.related-post p { color: var(--clr-muted); font-size: 14px; }
@media(max-width:700px) { .article-cover { height: 300px; } .related-posts { grid-template-columns: minmax(0,1fr); } }