/* Articles extension. Existing approved page styles remain unchanged. */
header .articles-nav{white-space:nowrap}
.articles-hero h1{max-width:950px}
.articles-list h2{font-size:clamp(30px,3vw,42px)}
.article-empty{max-width:960px}
.article-empty>p{max-width:680px;font-size:18px}
.article-empty .related-grid{margin-top:30px}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.article-card{border:1px solid var(--line);background:#191e17;padding:32px;min-width:0;display:flex;flex-direction:column}
.article-card .eyebrow{margin-bottom:22px}
.article-card h3{font-size:30px;line-height:1.2;overflow-wrap:anywhere}
.article-card h3 a:hover{color:var(--gold)}
.article-card .text-link{align-self:flex-start;margin-top:auto;padding-top:12px}
.article-meta{font-size:12px;color:#b8c1af;line-height:1.8;margin:20px 0 0}
.article-meta span{padding-inline:8px}
.article-page .detail-hero h1{overflow-wrap:anywhere}
.article-page .breadcrumbs{overflow-wrap:anywhere}
.article-content{max-width:800px;padding-block:56px 72px}
.article-section{margin-bottom:40px}
.article-section h2{font-size:30px;line-height:1.2}
.article-section p,.article-section li{font-size:18px;line-height:1.8;color:#c0c7b9;overflow-wrap:anywhere}
.article-section ul{padding-left:24px}
.article-section li{margin-bottom:12px}
.article-section a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.article-sources{border-top:1px solid var(--line);padding-top:30px}
.article-sources li{font-size:15px}
.article-end{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:30px}
@media(max-width:760px){
 header .header-inner{gap:14px}
 header .header-inner>nav{width:100%;justify-content:space-between;flex-wrap:wrap;gap:12px}
 header .nav-panel{left:0;right:auto;max-width:calc(100vw - 40px)}
 header nav>a.articles-nav{display:inline-flex;align-items:center;min-height:44px}
 .article-grid{grid-template-columns:1fr}
 .article-card{padding:25px}
 .article-content{padding-block:38px 50px}
 .article-section h2{font-size:27px}
 .article-section p,.article-section li{font-size:16px}
 .article-empty>p{font-size:16px}
 .article-page .detail-hero h1{font-size:clamp(34px,8vw,42px)}
 .article-meta span{padding-inline:4px}
}