/* Updates index and homepage strip, index only. Site tokens only, light mode only. */
.updates-hero{background:var(--color-frost);border-bottom:1px solid var(--color-border);padding:28px 0 30px}
/* Categories 48px standard, Nov 10, 2026: match the category hero block at 760px and below, 16px top plus 8px gap. */
@media(max-width:760px){
  .updates-hero{padding-top:var(--space-4)}
  .updates-hero .breadcrumbs{margin-bottom:var(--space-2)}
}
.updates-lede{font-size:var(--text-lead);color:var(--color-detail);max-width:680px;margin:0}
.updates-disclosure{margin:var(--space-4) 0 0;color:var(--color-muted);font-size:var(--text-card);line-height:var(--leading-relaxed)}
.updates-sidecard{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-5)}
.updates-sidecard h2{font-size:var(--text-lead);line-height:var(--leading-snug);margin:0 0 var(--space-3)}
.updates-how-row{display:flex;gap:var(--space-3);align-items:flex-start;margin:var(--space-3) 0}
.updates-how-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid var(--color-pine-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-pine)}
.updates-how-icon svg{width:18px;height:18px}
.updates-how-row p{margin:0;font-size:var(--text-body);color:var(--color-detail)}
.updates-how-row strong{color:var(--color-ink)}
.updates-how-meta{font-size:var(--text-card);color:var(--color-muted);margin:var(--space-3) 0 0}
.updates-browse-note{font-size:var(--text-card);color:var(--color-muted)}
.updates-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0}
.updates-chip{border:1px solid var(--color-border);background:var(--color-canvas);color:var(--color-ink)}
.updates-chip[aria-pressed="true"]{background:var(--color-pine);color:var(--color-inverse);border-color:var(--color-pine)}
.updates-chip:focus-visible{outline:2px solid var(--color-pine);outline-offset:2px}
.updates-result{font-size:var(--text-card);color:var(--color-muted)}
#updates-cards{display:grid;gap:var(--space-5)}
.updates-card{border:1px solid var(--color-border);border-radius:var(--radius-button);overflow:hidden;background:var(--color-canvas)}
.updates-card img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;background:var(--color-frost)}
.updates-card-body{padding:var(--space-5);max-width:var(--deal-width);margin-inline:auto}
.updates-card h3{font-size:var(--text-h3);line-height:var(--leading-snug);margin:var(--space-3) 0 var(--space-2)}
.updates-card h3 a{color:var(--color-ink)}
.updates-card h3 a:hover{color:var(--color-pine)}
.updates-title-chevron{display:inline-block;width:18px;height:18px;vertical-align:-2.75px;color:var(--color-pine)}
.updates-title-chevron svg{width:18px;height:18px}
.updates-excerpt{font-size:var(--text-lead);color:var(--color-detail)}
.updates-expiry{margin:var(--space-3) 0 0;font-size:var(--text-card);color:var(--color-muted)}
.updates-expiry [data-days-left]{white-space:nowrap}
.updates-meta{font-size:var(--text-card);color:var(--color-muted);margin-bottom:0}
.updates-meta a{color:var(--color-pine);font-weight:700}
.updates-strip-head{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:baseline;justify-content:space-between;margin-bottom:var(--space-4)}
.updates-strip-head h2{margin-bottom:0}
.updates-strip-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}
@media(min-width:720px){.updates-strip-grid{grid-template-columns:repeat(3,1fr)}}

.updates-facts{background:var(--color-frost);border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-4);margin:var(--space-4) 0}
.updates-facts p{margin:var(--space-1-5) 0;font-size:var(--text-body);color:var(--color-detail)}
.updates-facts strong{color:var(--color-ink)}
.updates-continue{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-5)}
.updates-continue a{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);font-weight:700;color:var(--color-ink)}
.updates-continue a:last-child{border-bottom:0;padding-bottom:0}
.updates-continue a:first-child{padding-top:0}
.updates-continue span{color:var(--color-pine)}

.updates-card-image-link{display:block}
.updates-card-image-link:focus-visible{outline:2px solid var(--color-pine);outline-offset:2px}
.updates-meta-time{white-space:nowrap}

.updates-card-image-link:hover img{opacity:.95}

.updates-main .updates-result{margin:0 0 var(--space-4)}
.updates-sidecard .updates-continue{background:none;border:0;padding:0}
.updates-layout{display:grid;grid-template-columns:1fr;gap:var(--space-5);padding-top:var(--space-8);padding-bottom:var(--space-12);grid-template-areas:"main" "sidebar"}
.updates-sidebar{display:flex;flex-direction:column;gap:var(--space-5);grid-area:sidebar}
.updates-main{grid-area:main}
@media(min-width:720px) and (max-width:1023px){.updates-layout{grid-template-columns:1fr 1fr;grid-template-areas:"main main" "sidebar sidebar"}.updates-sidebar{display:grid;grid-template-columns:1fr 1fr}.updates-continue-card{grid-column:1/-1}.updates-sidebar:has(.updates-browse-card[hidden]) .updates-how{grid-column:1/-1}}
@media(min-width:1024px){.updates-layout{grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:clamp(var(--space-5),3vw,40px);align-items:start;grid-template-areas:"main sidebar"}.updates-main .updates-card img{height:290px;aspect-ratio:auto;object-position:50% 64%}.updates-sidecard .updates-chips{flex-direction:column;flex-wrap:nowrap}.updates-sidecard .updates-chip{width:100%;text-align:left}}
@media(max-width:720px){.updates-layout{padding-bottom:var(--space-4)}}
.updates-card .badge-status svg{transform:translateY(0.25px)}