/* News uses the existing site's type, spacing and color tokens. */
.news-page { padding:calc(var(--header-h) + 64px) 32px 80px; min-width:0; width:100%; }
.news-heading { max-width:760px; margin-bottom:48px; }
.news-eyebrow { font-family:var(--font-mono,monospace); font-size:13px; letter-spacing:.03em; margin:0 0 20px; }
.news-heading h1 { font-size:clamp(34px,5vw,60px); line-height:1.25; letter-spacing:-.045em; margin:0 0 24px; }
.news-heading h1 em { font-style:normal; background:linear-gradient(transparent 66%,var(--ds-brand) 66%); }
.news-heading>p:last-child { color:var(--ds-text-3); font-size:17px; line-height:1.7; }
.news-categories { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding-block:20px; margin-bottom:32px; border-block:1px solid var(--ds-line); }
.news-categories a { padding:10px 18px; border-radius:40px; font-size:14px; font-weight:550; }
.news-categories a.is-active { background:var(--ds-bg-strong); color:var(--ds-bg); }
.news-categories a:hover { background:var(--ds-brand); color:var(--ds-text); }
.news-categories .news-rss { margin-left:auto; font-size:13px; }
.news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; list-style:none; padding:0; margin:0; }
.news-card { border:1px solid var(--ds-line); border-radius:var(--r-md,16px); overflow:hidden; background:var(--ds-bg-card); }
.news-card>a { display:flex; flex-direction:column; height:100%; }
.news-card-image { aspect-ratio:16/9; overflow:hidden; background:var(--ds-bg-subtle); }
.news-card-image img { width:100%; height:100%; object-fit:cover; transition:transform 180ms; }
.news-card:hover img { transform:scale(1.025); }
.news-card-copy { display:flex; flex-direction:column; padding:28px; gap:16px; flex:1; }
.news-category { display:inline-block; align-self:flex-start; font-size:12px; font-weight:700; padding:5px 10px; border:1px solid var(--ds-line); border-radius:5px; }
.news-card h2 { font-size:23px; letter-spacing:-.035em; line-height:1.5; margin:0; overflow-wrap:anywhere; }
.news-card p { margin:0; color:var(--ds-text-3); line-height:1.8; font-size:14px; overflow-wrap:anywhere; }
.news-read { margin-top:auto; padding-top:24px; display:flex; justify-content:space-between; font-size:13px; font-weight:650; }
.news-empty { background:var(--ds-bg-subtle); border:1px solid var(--ds-line); padding:52px 28px; border-radius:14px; text-align:center; }
.news-empty h2 { font-size:22px; line-height:1.5; }
.news-empty p { color:var(--ds-text-3); margin-bottom:24px; }
.news-empty a { font-weight:650; }
.news-pagination { display:flex; gap:28px; justify-content:center; margin-top:40px; font-size:14px; }
.news-detail { max-width:1000px; }
.news-breadcrumb { display:flex; gap:12px; margin-bottom:40px; font-size:14px; color:var(--ds-text-3); }
.news-article-heading h1 { font-size:clamp(30px,4.3vw,48px); line-height:1.4; letter-spacing:-.045em; overflow-wrap:anywhere; margin:22px 0; }
.news-lead { font-size:19px; line-height:1.85; color:var(--ds-text-3); margin-block:0 28px; }
.news-byline { display:flex; flex-wrap:wrap; gap:10px; font-size:13px; color:var(--ds-text-3); padding-bottom:28px; border-bottom:1px solid var(--ds-line); margin-bottom:40px; }
.news-cover { margin:0 0 44px; }
.news-cover img { width:100%; height:auto; border-radius:12px; }
.news-body { max-width:780px; margin-inline:auto; font-size:17px; line-height:1.95; overflow-wrap:anywhere; }
.news-body h2,.news-body h3 { line-height:1.5; margin:42px 0 18px; letter-spacing:-.025em; }
.news-body p,.news-body ul,.news-body ol { margin-block:20px; }
.news-body img { max-width:100%; height:auto; }
.news-body pre { max-width:100%; overflow:auto; padding:20px; background:var(--ds-bg-subtle); border-radius:8px; }
.news-body table { display:block; overflow:auto; border-collapse:collapse; max-width:100%; }
.news-body td,.news-body th { padding:10px 14px; border:1px solid var(--ds-line); }
.news-body blockquote { margin-inline:0; padding-left:24px; border-left:3px solid var(--ds-brand); }
.news-body a,.news-article-footer a { text-decoration:underline; text-underline-offset:4px; }
.news-article-footer { max-width:780px; margin:48px auto 0; border-top:1px solid var(--ds-line); padding-top:28px; font-size:14px; }
.news-tags { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:24px; color:var(--ds-text-3); }
.news-related { margin-top:64px; border-top:1px solid var(--ds-line); padding-top:28px; }
.news-related h2 { font-size:22px; }
.news-related a { display:flex; justify-content:space-between; gap:20px; padding-block:20px; border-bottom:1px solid var(--ds-line); }
@media(max-width:1050px) { .news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .news-page { padding:calc(var(--header-h) + 36px) 20px 56px; } .news-grid { grid-template-columns:1fr; } .news-categories a { padding:9px 11px; } .news-categories .news-rss { margin-left:0; } .news-card-copy { padding:24px; } .news-lead { font-size:17px; } .news-body { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { .news-card-image img { transition:none; } .news-card:hover img { transform:none; } }