:root { color-scheme: light; }
.article-page { margin: 0; background: #f7f7f5; color: #20221f; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.article-module { width: min(100% - 40px, 850px); margin: 0 auto; padding: clamp(28px, 6vw, 72px) 0; }
.article-module__status { padding: 36px 0; color: #60645e; }
.article__category { display: inline-block; margin-bottom: 14px; color: #39734f; font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.article__meta { display: flex; gap: 9px; align-items: center; color: #72766f; font-size: .92rem; }
.article__title { max-width: 780px; margin: 14px 0 28px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.2rem, 6vw, 4.1rem); font-weight: 500; line-height: 1.08; letter-spacing: -.035em; }
.article__cover-wrap { margin: 0 0 36px; }
.article__cover-credit { margin-top: 9px; color: #72766f; font: 0.82rem/1.4 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-align: right; }
.article__cover { display: block; width: 100%; max-height: 540px; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 4px; }
.article__body { color: #343832; font-family: Georgia, "Times New Roman", serif; font-size: 1.15rem; line-height: 1.82; overflow-wrap: anywhere; }
.article__body > :first-child { margin-top: 0; }
.article__body img, .article__body video { max-width: 100%; height: auto; }
.article__body blockquote { margin: 1.6em 0; padding-left: 1.1em; border-left: 3px solid #83a48b; color: #536257; }
.article__body a { color: #27633f; }
.article__pagination { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 54px; padding-top: 22px; border-top: 1px solid #dedfd9; }
.article__pagination a { display: flex; min-width: 0; flex-direction: column; gap: 7px; color: #60645e; text-decoration: none; }
.article__pagination a:last-child { text-align: right; }
.article__pagination strong { color: #242722; font-family: Georgia, "Times New Roman", serif; font-size: 1.1rem; }
.article__pagination a:hover strong, .article__related-card:hover strong { color: #27633f; }
.article__related { margin-top: 54px; }
.article__comments { margin-top: 54px; padding-top: 28px; border-top: 1px solid #dedfd9; }
.article__comments h2 { margin: 0 0 22px; font-family: Georgia, "Times New Roman", serif; font-size: 1.7rem; font-weight: 500; }
.article__comments-list { display: grid; gap: 20px; }
.article__comment { min-width: 0; }
.article__comment-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; color: #72766f; font-size: .9rem; }
.article__comment-meta strong { color: #242722; }
.article__comment-body { margin: 8px 0; color: #343832; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
.article__comment-reply { padding: 3px 0; border: 0; background: transparent; color: #27633f; font: inherit; font-size: .88rem; cursor: pointer; }
.article__comment-replies { display: grid; gap: 18px; margin: 16px 0 0 18px; padding-left: 18px; border-left: 2px solid #dfe5dd; }
.article__comment-form { display: grid; gap: 14px; max-width: 640px; margin-top: 30px; }
.article__comment-form label:not(.article__comment-honeypot) { display: grid; gap: 7px; color: #454a43; font-size: .92rem; }
.article__comment-form input, .article__comment-form textarea { width: 100%; padding: 11px 12px; border: 1px solid #cfd4cb; border-radius: 4px; background: #fff; color: #20221f; font: inherit; }
.article__comment-form textarea { resize: vertical; }
.article__comment-form-actions { display: flex; gap: 10px; }
.article__comment-form-actions button { padding: 10px 15px; border: 1px solid #27633f; border-radius: 4px; background: #27633f; color: #fff; font: inherit; cursor: pointer; }
.article__comment-form-actions button[data-comment-cancel] { background: transparent; color: #27633f; }
.article__comment-status { min-height: 1.3em; margin: 0; color: #60645e; }
.article__comment-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.article__related h2 { margin: 0 0 18px; font-family: Georgia, "Times New Roman", serif; font-size: 1.7rem; font-weight: 500; }
.article__related-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.article__related-card { display: flex; min-width: 0; flex-direction: column; gap: 8px; color: inherit; text-decoration: none; }
.article__related-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.article__related-card span { color: #39734f; font-size: .75rem; font-weight: 700; text-transform: uppercase; }
.article__related-card strong { font-family: Georgia, "Times New Roman", serif; font-size: 1.05rem; line-height: 1.3; }
[hidden] { display: none !important; }
@media (max-width: 620px) { .article-module { width: min(100% - 32px, 850px); } .article__related-list { grid-template-columns: 1fr; } .article__related-card { display: grid; grid-template-columns: 110px 1fr; column-gap: 12px; } .article__related-card img { grid-row: span 2; height: 80px; } }