.articles-page{background:#101617;color:#f7f3e9}
.articles-intro{padding:clamp(55px,7vw,100px) clamp(21px,6.4vw,108px);background:radial-gradient(circle at 14% 74%,rgba(179,132,84,.18),transparent 42%),#101617;border-bottom:1px solid var(--rule)}
.articles-kicker{color:var(--copper-light);font:700 11px var(--latin);letter-spacing:.12em;direction:ltr;text-align:right}
.articles-intro h1{font-size:clamp(40px,6vw,78px);line-height:1.48;letter-spacing:normal;margin:15px 0}
.articles-intro h1 em{font-style:normal;color:var(--copper)}
.articles-intro>p:last-child{max-width:780px;color:#c9d0cb;font-size:clamp(14px,1.5vw,18px);line-height:2}
.articles-content{min-height:36vh;padding:clamp(40px,5vw,75px) clamp(21px,6.4vw,108px) 100px;background:var(--paper);color:var(--ink)}
.articles-status{max-width:820px;margin:0;line-height:2;font-size:16px}
.articles-status:empty{display:none}
.articles-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:18px;max-width:1200px}
.article-card{display:flex;flex-direction:column;min-width:0;padding:clamp(24px,3vw,38px);border:1px solid var(--rule-dark);background:var(--paper-light);overflow-wrap:anywhere}
.article-card h2{font-size:clamp(22px,2.7vw,34px);line-height:1.55;margin:0 0 18px}
.article-card p{line-height:2;color:#3d4642;margin:0 0 28px;white-space:pre-line}
.article-card a,.articles-back{align-self:flex-start;border-bottom:1px solid #87613e;color:#58412c;font-weight:700;line-height:1.9;text-underline-offset:4px}
.article-card a{margin-top:auto}
.article-detail{max-width:840px;overflow-wrap:anywhere}
.article-detail[hidden],#articles-listing[hidden]{display:none}
.article-detail h2{font-size:clamp(31px,4.5vw,60px);line-height:1.5;margin:35px 0 17px}
.article-summary{font-size:clamp(17px,2vw,21px);line-height:1.9;color:#45504a;border-bottom:1px solid var(--rule-dark);padding-bottom:30px;white-space:pre-line}
.article-body{font-size:17px;line-height:2.1;white-space:pre-line}
.article-body p{margin:25px 0;overflow-wrap:anywhere}
@media(max-width:850px){.articles-page .academy-nav{display:none}.articles-page .academy-header.menu-open .academy-nav{display:flex}}
@media(max-width:600px){.articles-intro{padding-block:45px}.articles-content{padding-block:43px 75px}.article-card{padding:22px}.article-body{font-size:16px}}