/* article.css — single.php only. No E2/E2.1 do artigo isso vivia inline no do the-empire-that-outlived-its-own-language/index.html; o E3 tira dali porque agora é um template reusado por todo post, não uma página única (regra do E3, COMECE_AQUI_E3). */ .article-hero { padding: 150px 24px 0; } .article-hero .container { max-width: 820px; } .article-hero .eyebrow { text-align: center; } .article-hero h1 { font-size: clamp(1.9rem, 4.5vw, 2.8rem); text-align: center; } .article-hero .byline-row { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 18px 0 36px; } .article-hero .byline-row svg, .article-hero .byline-row img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; } .cover-frame { max-width: 820px; margin: 0 auto 50px; border-radius: 10px; overflow: hidden; } .cover-frame svg, .cover-frame img { width: 100%; height: 340px; object-fit: cover; } .article-body { max-width: 700px; margin: 0 auto; padding: 0 24px 40px; } .article-body p { font-size: 1.08rem; } .lorem-flag { display: block; margin-bottom: 40px; } .sources { max-width: 700px; margin: 0 auto 60px; padding: 0 24px; } .sources h2 { font-size: 1.2rem; } .sources ol { list-style: decimal; padding-left: 1.4em; } .sources li { margin-bottom: 8px; } .sources a { text-decoration: underline; text-underline-offset: 3px; } .email-box { max-width: 700px; margin-inline: auto; }