/* Vesti/category archive and the shared default post template. */

.news-hub-header h1{color:var(--blue);overflow-wrap:anywhere}
.news-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.news-feed-has-lead .news-story-lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);align-items:center}
.news-feed-has-lead .news-story:last-child:nth-child(even){grid-column:1/-1;max-width:calc(50% - var(--space-7)/2);margin-inline:auto}
.news-story-media{display:block;overflow:hidden;aspect-ratio:16/10;border-radius:var(--radius-lg);background:var(--soft-2)}
.news-story-media img,.news-story-placeholder{width:100%;height:100%;object-fit:cover;transition:transform 500ms cubic-bezier(.16,1,.3,1)}
.news-story-placeholder{display:grid;place-items:center;background:var(--blue);color:#fff}
.news-story-placeholder span{font-size:var(--fs-section);font-weight:850;letter-spacing:var(--tracking-heading);opacity:.9}
.news-story-lead .news-story-body{padding:0}
.news-story-meta,.news-article-meta{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:var(--fs-meta);font-weight:700}
.news-story-meta > span[aria-hidden],.news-article-meta > span[aria-hidden]{width:3px;height:3px;border-radius:50%;background:var(--red)}
.news-story h2 a{transition:color 180ms ease-out}
.news-story-excerpt{max-width:var(--content-measure);color:var(--text-secondary);font-size:var(--fs-body);line-height:var(--lh-body)}
.news-story-excerpt p{margin:0}
.news-story-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--red);font-size:var(--fs-body-sm);font-weight:800}
.news-story-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform 180ms ease-out}
.news-pagination{border-top:1px solid var(--line)}
.news-pagination .nav-links{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}
.news-pagination .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--fs-body-sm);font-weight:750}
.news-pagination .page-numbers.current{background:var(--blue);color:#fff}
.news-pagination .prev{margin-right:auto}.news-pagination .next{margin-left:auto}
.news-empty{max-width:620px;border-radius:var(--radius-lg);background:var(--soft)}
.news-empty p{margin:0;color:var(--text-secondary)}

.news-article-header{max-width:1050px;text-align:center}
.news-article-category{display:inline-block;color:var(--red);font-size:var(--fs-label);font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.news-article-header h1{max-width:1000px;color:var(--blue);overflow-wrap:anywhere}
.news-article-header .news-article-meta{justify-content:center}
.news-article-hero img{width:100%;max-height:720px;object-fit:cover;border-radius:var(--radius-xl)}
.news-article-hero figcaption{max-width:900px;margin:10px auto 0;color:var(--text-secondary);font-size:var(--fs-meta);line-height:1.5}
.news-article-layout{display:grid;grid-template-columns:110px minmax(0,720px) 110px;justify-content:center;gap:var(--space-7)}
.news-article-content{grid-column:2;max-width:none;min-width:0;overflow-wrap:anywhere}
.news-article-content > p:first-child{font-size:var(--fs-body-lg);color:#30333b}
.news-article-content blockquote{margin:var(--space-8) 0;padding:var(--space-2) 0 var(--space-2) var(--space-6);border-left:1px solid var(--red);color:var(--blue);font-size:var(--fs-subhead);font-weight:650;line-height:var(--lh-title);letter-spacing:var(--tracking-title)}
.news-article-content img{height:auto;border-radius:var(--radius-md)}
.news-article-content figure{margin:var(--space-8) 0}
.news-article-content figcaption{margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--fs-meta)}
.news-share{grid-column:1;grid-row:1;position:sticky;top:130px;align-self:start;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}
.news-share > span{margin-bottom:var(--space-1);color:var(--text-secondary);font-size:var(--fs-meta);font-weight:800;text-transform:uppercase;letter-spacing:.08em;writing-mode:vertical-rl;transform:rotate(180deg)}
.news-share a,.news-share button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;color:var(--blue);cursor:pointer;transition:color 180ms ease-out,border-color 180ms ease-out,transform 180ms ease-out}
.news-share svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.news-share a:first-of-type svg{fill:currentColor;stroke:none}
.news-article-footer{max-width:930px}
.news-article-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.news-article-tags a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--soft-2);color:var(--text-secondary);font-size:var(--fs-meta);font-weight:750}
.news-article-footer .post-navigation{padding-top:var(--space-7);border-top:1px solid var(--line)}
.news-article-footer .nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}
.news-article-footer .nav-next{text-align:right}
.news-article-footer .nav-links a{display:block}
.news-article-footer .nav-links span{display:block;margin-bottom:var(--space-2);color:var(--text-secondary);font-size:var(--fs-meta);font-weight:750}
.news-article-footer .nav-links strong{display:block;font-size:var(--fs-card-title-sm);line-height:1.3;letter-spacing:var(--tracking-title)}
.news-related{background:var(--soft)}
.news-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.news-related-media{display:block;overflow:hidden;aspect-ratio:16/10;margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--blue)}
.news-related-media img,.news-related-media .news-story-placeholder{width:100%;height:100%;object-fit:cover;transition:transform 500ms cubic-bezier(.16,1,.3,1)}
.news-related-story time{color:var(--text-secondary);font-size:var(--fs-meta);font-weight:700}

@media (hover:hover) and (pointer:fine){
  .news-story:hover .news-story-media img,.news-related-story:hover .news-related-media img{transform:scale(1.035)}
  .news-story h2 a:hover,.news-related-story h3 a:hover{color:var(--red)}
  .news-story-link:hover svg{transform:translateX(4px)}
  .news-share a:hover,.news-share button:hover{color:var(--red);border-color:rgba(var(--red-rgb),.35);transform:translateY(-2px)}
}
@media (max-width:900px){
  .news-feed-has-lead .news-story-lead{grid-template-columns:1fr;gap:var(--space-5)}
  .news-story-lead .news-story-body{padding:0}
  .news-article-layout{grid-template-columns:1fr;padding-top:var(--space-8)}
  .news-article-content{grid-column:1}
  .news-share{grid-column:1;position:static;flex-direction:row;justify-content:flex-start}
  .news-share > span{writing-mode:initial;transform:none;margin:0 var(--space-2) 0 0}
}
@media (max-width:680px){
  .news-feed{grid-template-columns:1fr}
  .news-feed-has-lead .news-story:last-child:nth-child(even){max-width:none;margin-inline:0}
  .news-story-excerpt{font-size:var(--fs-body-sm)}
  .news-pagination .prev,.news-pagination .next{font-size:0}
  .news-pagination .prev:after{content:"\2190";font-size:var(--fs-body-lg)}.news-pagination .next:after{content:"\2192";font-size:var(--fs-body-lg)}
  .news-article-header{text-align:left}
  .news-article-header .news-article-meta{justify-content:flex-start}
  .news-article-hero{width:100%}
  .news-article-hero img{border-radius:0}
  .news-article-hero figcaption{padding:0 var(--container-gutter)}
  .news-article-footer .nav-links,.news-related-grid{grid-template-columns:1fr}
  .news-article-footer .nav-next{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  .news-story-media img,.news-related-media img,.news-story-link svg,.news-share a,.news-share button{transition:none}
}