.reading { width: min(1100px, 90%); margin: 0 auto; padding: 54px 0 90px; }
.reading > h1, .reading article h1 { font-size: clamp(32px, 4vw, 56px); line-height: 1.12; letter-spacing: -.035em; margin: 14px 0; }
.listing-intro, .article-date { color: #62636b; line-height: 1.6; }
.reading .article-grid { margin-top: 28px; }
.reading .article-card { min-height: 220px; }
.reading .article-card h2 { font-size: 21px; line-height: 1.3; margin: 18px 0 11px; }
.reading article { max-width: 760px; margin: 26px auto 0; }
.back-link { font-size: 14px; color: #5b50a9; font-weight: 700; }
.article-image { display: block; width: 100%; height: auto; margin: 25px 0; border-radius: 6px; }
.article-body { font-size: 17px; line-height: 1.78; color: #303039; overflow-wrap: anywhere; }
.article-body h2 { font-size: 27px; line-height: 1.25; margin: 38px 0 13px; }
.article-body h3 { font-size: 21px; line-height: 1.3; margin: 28px 0 10px; }
.article-body p, .article-body ul, .article-body ol { margin: 0 0 20px; }
.article-body li { margin: 6px 0; }
.article-body a { color: #574aa8; text-decoration: underline; }
.article-body blockquote { border-left: 3px solid #7267c2; padding-left: 18px; margin: 28px 0; color: #595966; }
.article-body table { display: block; overflow-x: auto; border-collapse: collapse; font-size: 15px; }
.article-body th, .article-body td { padding: 8px 10px; border: 1px solid #dedde6; }
.article-next { border-top: 1px solid #dedde6; margin-top: 45px; padding-top: 25px; }
.article-next h2 { font-size: 23px; }
.article-next p { color: #5f606a; line-height: 1.6; }
html[dir="rtl"] .back-link { display: inline-block; }
@media (max-width: 760px) { .reading { padding-top: 38px; } .article-body { font-size: 16px; } }