:root{--article-ink:#13231d;--article-muted:#617169;--article-green:#166534;--article-mint:#eaf6ef;--article-line:#dce7e1;--article-paper:#fff}
.articles-shell,.article-page,.related-articles{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.articles-shell{padding:42px 0 72px}.articles-hero{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#123b2e,#176b4a);color:#fff;padding:clamp(28px,6vw,68px);box-shadow:0 24px 60px rgba(18,59,46,.17)}
.articles-hero:after{content:"";position:absolute;right:-70px;top:-100px;width:310px;height:310px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.045),0 0 0 110px rgba(255,255,255,.03)}
.articles-kicker{margin:0 0 10px;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:800;color:#b8ecd0}.articles-hero h1{position:relative;max-width:760px;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1.02;letter-spacing:-.04em}.articles-hero p:last-child{position:relative;max-width:640px;margin:18px 0 0;font-size:clamp(1rem,2vw,1.25rem);color:#d9eee2}
.articles-categories{display:flex;gap:9px;overflow:auto;padding:24px 2px 10px;scrollbar-width:thin}.articles-categories a{flex:none;border:1px solid var(--article-line);border-radius:999px;background:#fff;padding:9px 15px;color:#33453d;text-decoration:none;font-size:.92rem;font-weight:750}.articles-categories a:hover,.articles-categories a.is-active{border-color:#1c7c55;background:var(--article-mint);color:#125638}
.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}.article-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--article-line);border-radius:22px;background:var(--article-paper);box-shadow:0 9px 30px rgba(25,55,42,.07);transition:transform .2s ease,box-shadow .2s ease}.article-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(25,55,42,.12)}.article-card__media{display:flex;aspect-ratio:16/9;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#d9eee2,#f3f7f5);color:#176b4a;font-size:1.4rem;font-weight:900;text-decoration:none}.article-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.article-card:hover .article-card__media img{transform:scale(1.025)}.article-card__body{display:flex;flex:1;flex-direction:column;padding:20px}.article-meta{display:flex;flex-wrap:wrap;gap:7px 14px;color:var(--article-muted);font-size:.8rem;font-weight:700}.article-meta span:first-child{color:var(--article-green)}.article-card h2{margin:12px 0 8px;font-size:1.28rem;line-height:1.23;letter-spacing:-.015em}.article-card h2 a{color:var(--article-ink);text-decoration:none}.article-card__body>p{display:-webkit-box;overflow:hidden;margin:0;color:#526159;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.article-card__footer{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px;color:var(--article-muted);font-size:.86rem}.article-card__footer a{color:var(--article-green);font-weight:800;text-decoration:none}.articles-empty{margin-top:24px;border:1px dashed var(--article-line);border-radius:18px;padding:42px;text-align:center;color:var(--article-muted)}.articles-more{text-align:center;margin-top:30px}.articles-more a{display:inline-block;border-radius:12px;background:#176b4a;padding:12px 20px;color:#fff;font-weight:800;text-decoration:none}
.article-page{max-width:880px;padding:34px 0 64px;color:var(--article-ink)}.article-breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px;color:var(--article-muted);font-size:.88rem}.article-breadcrumbs a{color:inherit;text-decoration:none}.article-breadcrumbs a:hover{color:var(--article-green)}.article-header h1{margin:14px 0;font-size:clamp(2.2rem,6vw,4.7rem);line-height:1.02;letter-spacing:-.045em}.article-lead{max-width:760px;margin:20px 0;color:#485a51;font-size:clamp(1.12rem,2.6vw,1.45rem);line-height:1.55}.article-author{margin:18px 0 0;color:var(--article-muted);font-size:.92rem}.article-cover{margin:34px 0}.article-cover img{display:block;width:100%;max-height:620px;border-radius:24px;object-fit:cover}.article-cover figcaption,.article-body figcaption{margin-top:9px;color:var(--article-muted);font-size:.84rem;text-align:center}
.article-body{font-size:1.08rem;line-height:1.78}.article-body>p,.article-body>ul,.article-body>ol,.article-body>blockquote,.article-body>.article-table-wrap,.article-body>figure,.article-body>aside{margin:1.25em 0}.article-body h2{margin:2.1em 0 .65em;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.18;letter-spacing:-.025em}.article-body h3{margin:1.7em 0 .55em;font-size:1.32rem;line-height:1.28}.article-body a{color:#0f6a45;text-decoration-thickness:1px;text-underline-offset:3px}.article-body ul,.article-body ol{padding-left:1.45em}.article-body li+li{margin-top:.42em}.article-body blockquote{border-left:4px solid #2b8a61;background:#f3f8f5;border-radius:0 14px 14px 0;padding:18px 22px;color:#33473d}.article-body figure img{display:block;width:100%;border-radius:18px}.article-video{position:relative;padding-top:56.25%;overflow:hidden;border-radius:18px;background:#07130e}.article-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.article-video figcaption{position:absolute;right:0;bottom:0;left:0;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;padding:28px 12px 10px}.article-callout{border-radius:16px;padding:18px 20px}.article-callout strong{display:block;margin-bottom:5px}.article-callout p{margin:0}.article-callout--info{background:#eaf4ff;color:#163e63}.article-callout--warning{background:#fff4da;color:#6b4812}.article-callout--success{background:#e9f8ef;color:#195c37}.article-table-wrap{overflow:auto;border:1px solid var(--article-line);border-radius:14px}.article-table-wrap table{width:100%;border-collapse:collapse;min-width:520px}.article-table-wrap th,.article-table-wrap td{border-bottom:1px solid var(--article-line);padding:11px 13px;text-align:left}.article-table-wrap th{background:#f4f8f6}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.article-tags span{border-radius:999px;background:var(--article-mint);padding:7px 11px;color:#17613f;font-size:.84rem;font-weight:700}.article-sources{margin-top:38px;border-top:1px solid var(--article-line);padding-top:28px}.article-sources h2{font-size:1.35rem}.article-sources li+li{margin-top:8px}.article-sources a{color:var(--article-green)}
.related-articles{max-width:980px;padding:0 0 76px}.related-articles h2{font-size:1.7rem}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.related-grid a{display:flex;flex-direction:column;gap:7px;border:1px solid var(--article-line);border-radius:17px;background:#fff;padding:18px;color:var(--article-ink);text-decoration:none}.related-grid span{color:var(--article-muted);font-size:.9rem;line-height:1.45}
@media(max-width:900px){.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.articles-shell,.article-page,.related-articles{width:min(100% - 24px,1180px)}.articles-shell{padding-top:18px}.articles-hero{border-radius:20px;padding:28px 22px}.articles-grid,.related-grid{grid-template-columns:1fr}.article-card__body{padding:17px}.article-page{padding-top:22px}.article-header h1{font-size:2.35rem}.article-body{font-size:1rem;line-height:1.7}.article-cover{margin-inline:-12px}.article-cover img{border-radius:16px}.article-meta{gap:5px 10px}}
.article-comments{width:min(880px,calc(100% - 32px));margin:0 auto 64px;border-top:1px solid var(--article-line);padding-top:28px;color:var(--article-ink)}.article-comments h2{font-size:1.5rem}.article-comment{border:1px solid var(--article-line);border-radius:16px;background:#fff;padding:14px 16px;margin:12px 0}.article-comment header{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;font-size:.9rem}.article-comment time{color:var(--article-muted);font-size:.82rem}.article-comment p{margin:8px 0 0;line-height:1.6;overflow-wrap:anywhere}.article-comments__notice{border-radius:12px;background:var(--article-mint);padding:10px 14px;color:#17613f;font-weight:700}.article-comments__empty,.article-comments__rules{color:var(--article-muted);font-size:.9rem}.article-comment-form{display:grid;gap:8px;margin-top:18px}.article-comment-form label{font-weight:800}.article-comment-form textarea{width:100%;border:1px solid var(--article-line);border-radius:12px;padding:10px 12px;font:inherit}.article-comment-form button{justify-self:start;border:0;border-radius:12px;background:#176b4a;padding:11px 20px;color:#fff;font-weight:800;cursor:pointer}.article-comments__login a{color:var(--article-green);font-weight:700}
.articles-search{display:flex;gap:10px;margin-top:20px}.articles-search input{flex:1;min-width:0;border:1px solid var(--article-line);border-radius:14px;padding:12px 16px;font:inherit;background:#fff}.articles-search button{border:0;border-radius:14px;background:#176b4a;padding:12px 20px;color:#fff;font-weight:800;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.articles-empty a{color:var(--article-green);font-weight:700}.article-views{color:var(--article-muted)}