/* News pages extend the shared fuelxhub.com visual system in style.css. */
header.nav nav.links a[aria-current="page"]{background:var(--blue-soft);color:var(--blue)}
.news-page{min-height:calc(100vh - 46px)}
.news-hero{padding-bottom:12px}
.news-hero h1,.news-article-hero h1{max-width:18ch}
.news-section{padding-top:8px}
.news-list{display:grid;gap:10px;margin-top:12px}
.news-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:10px;padding:14px;transition:background-color .35s ease,border-color .35s ease,box-shadow .25s ease}
.news-card:hover{border-color:color-mix(in srgb,var(--blue) 35%,var(--line));box-shadow:0 18px 42px rgba(14,42,76,.16)}
.news-list-item{grid-template-columns:minmax(0,1fr) auto;align-items:start}
.news-list-item .news-meta,.news-list-item h2,.news-list-item p,.news-list-item .source-strip,.news-list-item .tag-row{grid-column:1}
.news-list-item .btn{grid-column:2;grid-row:1 / span 4;align-self:center}
.news-card h2{font-family:"Space Grotesk",sans-serif;font-size:23px;letter-spacing:0;line-height:1.16;margin:0}
.news-card h2 a{color:var(--ink);text-decoration:none}
.news-card h2 a:hover{color:var(--blue)}
.news-card p{color:var(--muted);font-size:13.5px;line-height:1.58;margin:0}
.news-card .btn{width:fit-content;white-space:nowrap}
.news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.news-meta span{background:var(--paper);border:1px solid var(--line);border-radius:100px;padding:5px 8px}
.source-notice{align-items:flex-start;background:var(--amber-soft);border:1px solid color-mix(in srgb,var(--amber) 35%,transparent);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--v-c-fg);display:grid;gap:4px;margin:0;padding:12px 14px}
.source-notice strong{font-family:"Space Grotesk",sans-serif;font-size:15px;letter-spacing:0}
.source-notice span{font-size:13px;line-height:1.55}
.source-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;color:var(--muted);font-size:11.5px;font-weight:700;text-transform:uppercase}
.source-strip span{background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 28%,transparent);border-radius:100px;color:var(--v-ok-fg);padding:5px 8px}
.source-strip a{background:var(--paper);border:1px solid var(--line);border-radius:100px;color:var(--ink-2);max-width:100%;overflow-wrap:anywhere;padding:5px 8px;text-decoration:none;text-transform:none}
.source-strip a:hover,.external-source:hover{border-color:var(--blue);color:var(--blue)}
.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}
.tag-row span{background:var(--blue-soft);border:1px solid color-mix(in srgb,var(--blue) 20%,transparent);border-radius:100px;color:var(--blue);font-size:11.5px;font-weight:700;padding:5px 8px}
.article-wrap{max-width:820px}
.news-reader-head{display:grid;gap:10px}
.news-reader-head .btn{width:fit-content}
.news-reader-head p{color:var(--muted);font-size:15.5px;line-height:1.62;margin:0;max-width:66ch}
.featured-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin:0 0 12px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.reader-body{display:grid;gap:16px;margin-top:12px;color:var(--ink);font-size:15px;line-height:1.78}
.reader-body h2,.reader-body h3{letter-spacing:0;margin:6px 0 0}
.reader-body h2{font-size:22px}.reader-body h3{font-size:17px}.reader-body p{margin:0}
.source-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:12px;margin-top:12px;padding:14px}
.source-panel h2{font-family:"Space Grotesk",sans-serif;font-size:22px;letter-spacing:0;margin:0}
.source-list{display:grid;gap:10px}
.source-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:7px;padding:11px}
.source-card h3{font-family:"Space Grotesk",sans-serif;font-size:17px;letter-spacing:0;margin:0}
.source-card h3 a{color:var(--ink);overflow-wrap:anywhere;text-decoration:none}
.source-card h3 a:hover{color:var(--blue)}
.source-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}
.source-card-meta{font-size:11.5px!important;font-weight:700;text-transform:uppercase}
.external-source{align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-2);display:inline-flex;font-size:12.5px;font-weight:700;justify-content:center;min-height:34px;padding:0 10px;text-decoration:none;width:fit-content}
.source-empty{color:var(--muted);margin:0}
.reader-footer{color:var(--muted);font-size:13px;margin-top:12px}
.reader-footer p{margin:10px 0 0}
.empty-updates{display:grid;gap:10px;max-width:760px}
.empty-updates h1,.empty-updates h2{font-size:26px;letter-spacing:0;margin:0}
.empty-updates p{color:var(--muted);font-size:14px;line-height:1.6;margin:0;max-width:64ch}
.empty-updates .btn{width:fit-content}
@media(max-width:860px){
  .news-list-item{grid-template-columns:1fr}
  .news-list-item .btn{grid-column:1;grid-row:auto;justify-self:start}
  .article-wrap{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
  .news-card:hover{box-shadow:var(--shadow)}
}