.article-index-hero h1{max-width:970px;font-size:clamp(3.1rem,6.2vw,6rem)}
.article-topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.article-topics a{padding:10px 15px;border:1px solid #cbd9d5;border-radius:999px;background:#fff;font-size:.84rem;font-weight:750;color:var(--navy)}
.article-topics a:hover{border-color:var(--green-deep);color:var(--green-deep)}
.article-topic{scroll-margin-top:88px}
.article-topic .section-head h2{font-size:clamp(2.3rem,4vw,3.7rem)}
.article-grid{align-items:stretch}
.article-grid .article-card,.article-grid .article-card:nth-child(2),.article-grid .article-card:nth-child(3){padding:0;min-height:0;background:#fff;color:var(--ink);border:1px solid var(--line);overflow:hidden;box-shadow:0 8px 30px rgba(5,28,43,.04);transition:transform .2s,box-shadow .2s}
.article-grid .article-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(5,28,43,.12)}
.article-card img{width:100%;height:215px;object-fit:cover;background:#e9f0ee}
.article-card-copy{padding:24px;display:flex;flex:1;flex-direction:column}
.article-card-copy>span{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--green-deep);font-weight:850}
.article-card-copy h3{font-size:1.75rem;line-height:1.13;margin:14px 0 12px}
.article-card-copy p{font-size:.92rem;color:#526971;line-height:1.5;margin-bottom:24px}
.article-grid .article-card b,.article-grid .article-card:nth-child(2) b{margin-top:auto;color:var(--green-deep);font-size:.87rem}
.article-figure{margin:38px 0 0}
.article-figure img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:22px;background:#e9f0ee}
.article-figure figcaption{color:#73858b;font-size:.76rem;margin-top:10px}
.article>section p{max-width:730px;color:#435b64;font-size:1.08rem;line-height:1.8}
.article-related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.article-related a{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:25px;border-radius:16px;background:#fff;font-family:Georgia,serif;font-size:1.45rem;line-height:1.15}
.article-related span{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--green-deep);font-size:.8rem;font-weight:800}
@media(max-width:900px){.article-related{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.article-topics{gap:7px}.article-topics a{font-size:.76rem;padding:8px 10px}.article-topic{scroll-margin-top:72px}.article-card img{height:195px}.article-related{grid-template-columns:1fr}.article>section p{font-size:1rem}.article-figure{margin-top:26px}}