.article-page{background:#fbf7ef;color:#173632}.article-page .page-hero{padding:clamp(70px,10vw,130px) 6vw 56px;text-align:center}.article-page .page-hero h1{margin:.15em 0;color:#064b43;font-size:clamp(40px,6vw,72px)}.article-page .page-hero>p:last-child{max-width:720px;margin:18px auto 0;color:#58645e;font-size:clamp(17px,2vw,21px);line-height:1.8}.article-list-section{padding:0 6vw 100px}.article-filter-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:36px}.article-filter-bar button{padding:9px 16px;border:1px solid #cbd8d2;border-radius:999px;background:#fffaf1;color:#064b43}.article-filter-bar button.active{background:#064b43;color:#fff}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1180px;margin:auto}.article-card{overflow:hidden;border:1px solid #d7ded8;border-radius:28px;background:#fff;box-shadow:0 14px 36px rgba(27,71,62,.06)}.article-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#e7eee8}.article-card-body{padding:24px}.article-card .article-meta{display:flex;gap:10px;align-items:center;color:#ad6c20;font-size:13px;font-weight:800;letter-spacing:.04em}.article-card h2{margin:12px 0 10px;color:#064b43;font-size:25px;line-height:1.35}.article-card p{margin:0;color:#5a655f;line-height:1.75}.article-card a{display:inline-flex;margin-top:20px;color:#064b43;font-weight:800;text-decoration:none}.article-empty{grid-column:1/-1;padding:60px;text-align:center;color:#66736c}.article-detail{max-width:900px;margin:auto;padding:64px 6vw 110px}.article-detail .article-kicker{color:#ad6c20;font-size:14px;font-weight:800;letter-spacing:.14em}.article-detail h1{margin:.25em 0;color:#064b43;font-size:clamp(38px,6vw,68px);line-height:1.2}.article-detail .article-lead{font-size:21px;line-height:1.8;color:#4d5d56}.article-detail .article-byline{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 34px;color:#6b756f}.article-detail .article-cover{width:100%;max-height:560px;object-fit:contain;border-radius:28px;background:#eef2ec}.article-body{margin-top:48px;color:#263b36;font-size:19px;line-height:2}.article-body p{margin:0 0 1.5em}.article-back{display:inline-flex;margin-top:38px;color:#064b43;font-weight:800}.article-not-found{text-align:center;padding:100px 20px}@media(max-width:900px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.article-grid{grid-template-columns:1fr}.article-list-section{padding-inline:20px}.article-detail{padding-inline:22px}.article-detail .article-lead{font-size:18px}}
.article-body h2{margin:1.75em 0 .7em;color:#064b43;font-size:clamp(29px,4vw,40px);line-height:1.35}.article-body h3{margin:1.55em 0 .65em;color:#064b43;font-size:clamp(23px,3vw,30px);line-height:1.4}.article-body strong,.article-body b{font-weight:800;color:#173f39}.article-body ul,.article-body ol{margin:0 0 1.5em;padding-left:1.5em}.article-body blockquote{margin:1.8em 0;padding:18px 24px;border-left:5px solid #c88a38;border-radius:0 14px 14px 0;background:#fff7e5;color:#41564f}.article-body figure{margin:2.2em 0}.article-body figure img{display:block;width:100%;max-height:720px;object-fit:contain;border-radius:24px;background:#eef2ec}.article-body figcaption{margin-top:10px;color:#707b75;font-size:14px;line-height:1.6;text-align:center}.article-body a{color:#086f64;text-decoration:underline;text-underline-offset:3px}@media(max-width:620px){.article-body{font-size:17px}.article-body figure{margin-inline:-8px}}