.articles-page{padding:54px 0 80px}
.articles-page-head{max-width:780px;margin-bottom:34px}
.articles-page-head h1{font-size:3.8rem;margin:4px 0 12px;line-height:.95}
.page-lead{font-size:1.05rem;color:var(--muted)}
.all-articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.all-article-card{display:grid;grid-template-columns:210px 1fr;border:2px solid var(--ink);background:var(--paper);color:inherit}
.all-article-card:hover{transform:translateY(-2px)}
.all-article-image{height:100%;min-height:210px;background:#111;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:1000;overflow:hidden}
.all-article-image img{width:100%;height:100%;object-fit:cover}
.all-article-body{padding:22px;display:flex;flex-direction:column}
.all-article-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.72rem;text-transform:uppercase}
.all-article-body h2{font-size:1.45rem;line-height:1.08;margin:13px 0 10px}
.all-article-body p{color:var(--muted);line-height:1.45;margin:0 0 20px}
.read-more{margin-top:auto;color:var(--orange);font-size:.78rem}
.article-detail-main{padding:48px 0 80px;max-width:1050px}
.article-detail-header{max-width:900px;margin:0 auto 30px}
.article-detail-header h1{font-size:clamp(2.8rem,6vw,5.3rem);line-height:.95;margin:8px 0 18px;letter-spacing:-.04em}
.article-detail-lead{font-size:1.35rem;line-height:1.4;color:var(--muted);max-width:820px}
.article-detail-meta{display:flex;gap:24px;border-top:2px solid var(--orange);padding-top:12px;margin-top:24px;font-weight:800;font-size:.82rem}
.article-detail-image{border:2px solid var(--ink);background:#111;margin:0 auto 38px;max-width:1050px}
.article-detail-image img{display:block;width:100%;max-height:720px;object-fit:contain}
.article-detail-content{max-width:760px;margin:0 auto;font-size:1.08rem;line-height:1.72}
.article-detail-content p{margin:0 0 1.45em}
.article-detail-back{max-width:760px;margin:42px auto 0;padding-top:24px;border-top:1px solid var(--soft)}
.article-dynamic-loading{padding:26px;color:var(--muted)}
.article-thumb-image{overflow:hidden}
.article-thumb-image img{width:100%;height:100%;object-fit:cover}
.article-live-image{height:220px;background:#111;overflow:hidden}
.article-live-image img{width:100%;height:100%;object-fit:cover}
.dynamic-article-card{text-decoration:none;color:inherit}
.article-card-lead{color:var(--muted);font-size:.85rem;line-height:1.4;margin:.7em 0 0}
@media(max-width:900px){
  .all-articles-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .articles-page{padding:28px 0 50px}
  .articles-page-head h1{font-size:2.7rem}
  .all-article-card{grid-template-columns:1fr}
  .all-article-image{min-height:0;height:auto;aspect-ratio:16/10}
  .all-article-body{padding:18px}
  .article-detail-main{padding:25px 0 50px}
  .article-detail-header h1{font-size:2.5rem}
  .article-detail-lead{font-size:1.08rem}
  .article-detail-meta{flex-direction:column;gap:5px}
  .article-detail-content{font-size:1rem}
}