/* Readable article directory and in-page navigation, no JavaScript required. */
.article-topics{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 50px}
.article-topics a{border:1px solid #9eaf9c;border-radius:28px;padding:12px 20px;font-size:14px;line-height:1.5;background:#e8ecdf}
.article-topics a:hover,.article-topics a:focus-visible{background:#dbe4d4;border-color:#214f45}
.article-topic-section{padding:18px 0 35px;scroll-margin-top:25px}
.article-topic-section h2{font-size:38px;line-height:1.25;letter-spacing:-.04em;margin-bottom:15px}
.topic-description{font-size:16px;line-height:1.8;color:#526b60;max-width:680px}
.article-contents{padding:24px 28px;margin-bottom:38px;border:1px solid #bdc9bb;border-radius:10px;background:#e8ecdf}
.article-contents>p{font-size:13px;font-weight:650;letter-spacing:.04em;margin:0 0 13px}
.article-contents ol{padding-left:22px;margin:0}
.article-contents li{font-size:14px;line-height:1.7;padding-left:3px}
.article-contents li+li{margin-top:9px}
.article-contents a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article-contents a:hover{color:#476549}
@media(max-width:760px){.article-topics{gap:9px;margin:24px 0 30px}.article-topics a{font-size:13px;padding:11px 15px}.article-topic-section{padding:10px 0 23px}.article-topic-section h2{font-size:30px}.topic-description{font-size:15px}.article-contents{padding:21px;margin-bottom:30px}.article-contents li{font-size:14px}}