/* latest.css — page styles for /latest-predictions.html.
   Linked after /styles.css by `{% set page_css = "latest" %}` in pipeline/templates/latest-predictions.html.j2.
   Shared tokens/components live in styles.css; keep only what is unique to this page here. */
.hub-hero{text-align:center;padding:8px 0 28px;border-bottom:1px solid var(--border);margin-bottom:28px}
.hub-kicker{font-size:0.74em;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--orange);margin-bottom:10px}
.hub-hero h1{font-size:var(--t-h1);line-height:1.08;margin:0 0 12px;letter-spacing:-0.025em}
.hub-sub{color:var(--text-muted);font-size:1.02em;line-height:1.6;max-width:640px;margin:0 auto 20px}
.hub-capture{display:flex;gap:8px;max-width:440px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.hub-capture input{flex:1;min-width:200px;padding:11px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:0.95em}
.hub-capture .cta-btn{padding:11px 20px;border-radius:8px;border:none;background:var(--accent);color:var(--bg);font-weight:600;font-size:0.95em;cursor:pointer;white-space:nowrap}
.hub-capture .cta-btn:hover{opacity:0.9}
.hub-trust{font-size:0.86em;color:var(--text-muted);margin:14px 0 0}
.hub-trust a{color:var(--accent)}

.cal-band{margin:0 0 30px}
.cal-year{display:flex;align-items:baseline;gap:12px;font-size:1.3em;font-weight:600;color:var(--accent);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.cal-year .cal-count{font-size:0.6em;font-weight:600;color:var(--text-muted);letter-spacing:0.03em;text-transform:uppercase}
.cal-list{display:flex;flex-direction:column;gap:8px}
.cal-row{display:grid;grid-template-columns:130px 1fr auto;gap:14px;align-items:start;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;border-left:3px solid var(--orange);text-decoration:none;color:inherit;transition:border-color 0.2s,transform 0.2s}
.cal-row:hover{border-color:var(--accent);transform:translateY(-1px);text-decoration:none}
.cal-when{color:var(--orange);font-weight:600;font-size:0.84em;line-height:1.4}
.cal-text{display:block;line-height:1.5;font-size:0.96em}
.cal-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:7px}
.cal-cat{font-size:0.74em;font-weight:600;color:var(--accent);background:rgba(var(--accent-rgb),0.1);border-radius:999px;padding:2px 9px}
.cal-id{font-family:monospace;font-size:0.78em;color:var(--text-muted);white-space:nowrap}
.cal-more{margin:10px 0 0;font-size:0.9em}
.cal-more a{color:var(--accent);font-weight:600}
@media(max-width:600px){
  .cal-row{grid-template-columns:1fr;gap:6px}
  .cal-id{display:none}
  .cal-when{font-size:0.8em}
}
.cal-note{color:var(--text-muted);line-height:1.6;margin:0}
.hub-foot{color:var(--text-muted);font-size:0.9em;margin-top:8px}