/* Lintl — /news (list + article).
   Chrome (nav, footer, tokens, buttons, layout) comes from main.css; this file
   styles only the news list and article content, inside a narrower reading column. */

.news-wrap{max-width:820px;margin:0 auto;padding:56px 28px}
.page-eyebrow{font-family:"JetBrains Mono";font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:14px}
h1.page-title{font-family:"Saira Condensed";text-transform:uppercase;font-size:clamp(34px,5vw,52px);font-weight:800;line-height:1.05;letter-spacing:.01em;margin-bottom:14px}
.news-muted{color:var(--ink2)}
.news-intro{color:var(--ink2);margin-bottom:36px}
.news-intro.tight{margin-bottom:14px}

/* list */
.post-card{display:block;background:var(--white);border:1px solid var(--line);border-radius:10px;text-decoration:none;color:inherit;margin-bottom:20px;overflow:hidden;transition:.15s}
.post-card:hover{border-color:var(--steel);box-shadow:0 3px 14px rgba(0,0,0,.06)}
.post-card img{width:100%;height:200px;object-fit:cover;display:block}
.post-card .body{padding:22px 24px}
.post-card h2{font-family:"Saira Condensed";text-transform:uppercase;font-size:24px;font-weight:700;margin-bottom:8px;line-height:1.1}
.post-card .date{font-family:"JetBrains Mono";font-size:11px;letter-spacing:.06em;color:var(--ink2);margin-bottom:10px}
.cat-pill{display:inline-block;font-family:"JetBrains Mono";font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--steel);background:var(--paper2);border-radius:99px;padding:3px 10px;margin-bottom:10px;text-decoration:none}
.filter-bar{font-size:13px;color:var(--ink2);margin-bottom:24px}
.filter-bar a{color:var(--steel)}
.post-card p{color:var(--ink2);font-size:15px}
.empty{padding:60px 20px;text-align:center;color:var(--ink2);background:var(--white);border:1px solid var(--line);border-radius:10px}

/* article */
.article-date{font-family:"JetBrains Mono";font-size:12px;letter-spacing:.06em;color:var(--ink2);margin-bottom:26px}
.article-hero{width:100%;max-height:420px;object-fit:cover;border:1px solid var(--line);border-radius:8px;margin-bottom:30px}
.article-body{font-size:17px;line-height:1.7}
.article-body p{margin-bottom:18px}
.article-body h2{font-family:"Saira Condensed";text-transform:uppercase;font-size:26px;line-height:1.1;margin:32px 0 12px}
.article-body h3{font-family:"Saira Condensed";text-transform:uppercase;font-size:20px;line-height:1.1;margin:26px 0 10px}
.article-body ul,.article-body ol{margin:0 0 18px 22px}
.article-body li{margin-bottom:7px}
.article-body img{max-width:100%;height:auto;border:1px solid var(--line);margin:18px 0}
.article-body blockquote{border-left:3px solid var(--amber);padding:6px 0 6px 20px;margin:20px 0;color:var(--ink2);font-style:italic}
.article-body a{color:var(--steel);text-decoration:underline}
.back{display:inline-block;margin-top:40px;font-size:14px;color:var(--steel)}

/* article CTA */
.article-cta{margin-top:44px;background:var(--steel);color:var(--white);border-radius:10px;padding:30px 32px}
.article-cta h3{font-family:"Saira Condensed";text-transform:uppercase;font-size:24px;font-weight:800;letter-spacing:.01em;margin-bottom:10px;color:var(--white)}
.article-cta p{color:rgba(255,255,255,.8);font-size:15px;margin-bottom:20px;max-width:48ch}
.article-cta .cta-btn{display:inline-block;background:var(--amber);color:#fff;font-weight:700;font-size:15px;text-decoration:none;padding:12px 26px;border-radius:7px;transition:.15s}
.article-cta .cta-btn:hover{background:var(--amber2,#C2761E)}
.article-cta .cta-alt{display:inline-block;margin-left:18px;font-size:14px;color:rgba(255,255,255,.65);text-decoration:underline}
.article-cta .cta-alt:hover{color:var(--white)}

@media(max-width:600px){
  .news-wrap{padding:40px 16px}
  .article-cta .cta-alt{display:block;margin-left:0;margin-top:14px}
}
