.articles-page { max-width: 1040px; padding: 60px 24px 80px; box-sizing: border-box; }
.articles-heading { max-width: 720px; margin: 0 auto 42px; text-align: center; }
.articles-eyebrow { font: 500 12px/1.6 system-ui,sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #796747; margin: 0 0 16px; }
.articles-heading h1,.article-detail h1 { font: 500 clamp(34px,5vw,52px)/1.12 "Cormorant Garamond",Georgia,serif; letter-spacing: -.5px; color: #344734; text-transform: none; margin: 0 0 20px; }
.articles-intro { font: 16px/1.8 system-ui,sans-serif; color: #5e655d; }
.articles-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.article-card { background: #fffefb; border: 1px solid #e3dbcc; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 25px #3e38200c; }
.article-card img { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.article-card-copy { padding: 28px; }
.article-card time { font: 12px/1.5 system-ui,sans-serif; color: #766649; }
.article-card h2 { font: 500 28px/1.2 "Cormorant Garamond",Georgia,serif; text-transform: none; letter-spacing: normal; margin: 12px 0; }
.article-card h2 a { color: #344734; text-decoration: none; }
.article-card p { font: 15px/1.8 system-ui,sans-serif; color: #565d55; }
.article-read { display: inline-block; font: 600 14px/1.5 system-ui,sans-serif; color: #705425; text-decoration: none; }
.articles-empty { max-width: 700px; margin: auto; padding: 48px 30px; background: #fffefb; border: 1px solid #e3dbcc; border-radius: 18px; text-align: center; }
.articles-empty-mark { color: #ae8949; font-size: 30px; }
.articles-empty h2 { font: 500 30px/1.25 "Cormorant Garamond",Georgia,serif; color: #344734; letter-spacing: normal; text-transform: none; }
.articles-empty p { font: 15px/1.8 system-ui,sans-serif; color: #5e655d; }
.articles-empty > div { display: flex; justify-content: center; align-items: center; gap: 24px; margin-top: 26px; flex-wrap: wrap; }
.article-shell { padding: 40px 20px 64px; background: #f3f0e8; }
.article-detail { box-sizing: border-box; max-width: 820px; padding: 44px 54px; margin: auto; border: 1px solid #e3dbcc; border-radius: 18px; background: #fffefb; }
.article-back { display: inline-block; font: 13px/1.5 system-ui,sans-serif; color: #705425; margin-bottom: 34px; }
.article-lead { font: 18px/1.7 system-ui,sans-serif; color: #60685e; }
.article-cover { display: block; width: 100%; height: auto; max-height: 460px; object-fit: cover; border-radius: 10px; margin: 28px 0; }
.article-body { font: 16px/1.85 system-ui,sans-serif; color: #303731; overflow-wrap: break-word; }
.article-body h2,.article-body h3 { font-family: system-ui,sans-serif; font-weight: 600; text-transform: none; letter-spacing: normal; color: #344734; margin-top: 32px; }
.article-body img { max-width: 100%; height: auto; border-radius: 8px; }
.article-body a,.article-end a { color: #705425; }
.article-body blockquote { border-left: 3px solid #bea16a; margin: 28px 0; padding: 5px 22px; color: #5e655d; }
.article-end { border-top: 1px solid #e3dbcc; margin-top: 38px; padding-top: 22px; font: 14px/1.7 system-ui,sans-serif; }
@media(max-width:640px) { .articles-page { padding: 36px 18px 48px; } .articles-grid { grid-template-columns: 1fr; } .articles-empty { padding: 30px 22px; } .article-shell { padding: 24px 12px; } .article-detail { padding: 28px 22px; } }