.articles-page{background:#fafbf8}.articles-page .page-hero{padding:72px 0 54px}.articles-page .page-hero h1{max-width:780px}.articles-intro{max-width:620px}.articles-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:30px 0}.articles-search{display:grid;gap:8px;width:min(100%,420px);font-size:14px;font-weight:600;color:#234f45}.articles-search input{width:100%;padding:14px 18px;border:1px solid #cbdcd4;border-radius:12px;background:white;font:inherit;font-weight:400;color:#234f45}.articles-search input:focus{outline:2px solid #08766c;outline-offset:3px}.articles-count{font-size:14px;color:#586965}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.article-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:30px;border:1px solid #dce7e0;border-radius:20px;background:white;transition:transform .2s,border-color .2s,box-shadow .2s;overflow-wrap:anywhere}.article-card:before{content:'';display:block;width:42px;height:4px;background:#bda06c;border-radius:4px;margin-bottom:24px}.article-card:hover{transform:translateY(-3px);border-color:#9dbeb0;box-shadow:0 12px 32px #173e360c}.article-card[hidden]{display:none}.article-card__meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:#586965;font-size:12px}.article-card h2{font-size:26px;line-height:1.25;margin:18px 0 14px}.article-card h2 a{color:#173e36;text-decoration:none}.article-card h2 a:after{content:'';position:absolute;inset:0;border-radius:20px}.article-card:focus-within{outline:2px solid #08766c;outline-offset:4px}.article-card p{font-size:15px;color:#586965;line-height:1.75;margin:0 0 24px}.article-card__read{margin-top:auto;color:#08766c;font-size:14px;font-weight:600}.article-empty{grid-column:1/-1;text-align:center;padding:48px}.articles-note{margin-top:40px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#edf4ef;border-radius:20px}.articles-note p{margin:0;color:#586965}.articles-note h2{font-size:24px;margin:0 0 8px}.article-reading-layout{display:grid;grid-template-columns:minmax(0,740px) 280px;gap:64px;align-items:start;justify-content:center}.article-reading-layout .article-body{width:100%;max-width:none}.article-toc{position:sticky;top:110px;padding:24px;border:1px solid #dce7e0;background:#f5f8f4;border-radius:16px;max-height:calc(100dvh - 140px);overflow:auto}.article-toc summary{font-size:17px;font-weight:600;color:#173e36;cursor:pointer}.article-toc ol{list-style:none;padding:0;margin:18px 0 0}.article-toc li+li{margin-top:12px}.article-toc a{display:block;color:#586965;font-size:14px;line-height:1.5;text-decoration:none}.article-toc a:hover{color:#08766c;text-decoration:underline}.article-toc__sub{padding-left:14px}.article-hero .article-body{max-width:1040px}.article-hero h1{max-width:880px;text-wrap:balance}.article-hero .article-meta{display:flex;gap:10px 22px;flex-wrap:wrap;font-size:13px}.article-prose{font-size:18px;line-height:1.85}.article-prose h2,.article-prose h3{scroll-margin-top:110px}.article-back{display:inline-block;margin-top:28px;color:#08766c;text-underline-offset:4px}.article-prose:empty+.article-cta{margin-top:0}@media(max-width:1050px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-reading-layout{grid-template-columns:minmax(0,700px);gap:28px}.article-toc{position:static;grid-row:1;max-height:none}.article-toc ol{columns:2;column-gap:24px}.article-toc li{break-inside:avoid}}@media(max-width:600px){.articles-page .page-hero{padding:42px 0 32px}.articles-toolbar{align-items:stretch;flex-direction:column;gap:14px}.article-grid{grid-template-columns:1fr;gap:16px}.article-card{padding:24px}.article-card h2{font-size:25px}.articles-note{align-items:stretch;flex-direction:column;padding:24px}.article-toc{padding:20px}.article-toc ol{columns:1}.article-prose{font-size:17px;line-height:1.8}.article-prose .ql-align-justify{text-align:left}.article-hero h1{font-size:clamp(30px,8vw,38px)}.article-cta .btn{width:100%}}@media(prefers-reduced-motion:reduce){.article-card{transition:none}.article-card:hover{transform:none}}

.articles-search[hidden],.article-toc[hidden]{display:none}.article-reading-layout:not(.has-toc){grid-template-columns:minmax(0,740px)}