/* Home + advisories index page styles. Builds on shellproof.css tokens only. */

/* ---------- home hero (text + terminal, SpaceXAI split) ---------- */
.home-hero { padding: 72px 0 40px; }
.home-hero-grid {
  display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 48px; align-items: center;
}
.home-hero .lede { max-width: 540px; }
.home-hero-term { min-width: 0; }
@media (max-width: 920px) {
  .home-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .home-hero { padding: 48px 0 24px; }
}

/* ---------- fixed-version chips ---------- */
.fixed-versions { margin-top: 30px; }
.fixed-versions .label { margin-bottom: 10px; }
.version-chip { display: inline-flex; align-items: baseline; gap: 7px; }
.version-chip b { font-weight: 600; letter-spacing: -0.01em; }
.version-chip .vc-branch {
  font: 600 10px/1 var(--font-sans); letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--ok); background: var(--ok-bg); padding: 3px 6px; border-radius: var(--radius-pill);
}

/* ---------- "what Shellproof checks" cards ---------- */
.check-grid .card-link h3 { display: flex; align-items: center; gap: 10px; }

/* ---------- incident-response timeline ---------- */
.timeline cite { display: block; font-style: normal; font-size: 12px; color: var(--fg-faint); margin-top: 4px; }
.timeline cite a { color: var(--fg-faint); text-decoration: underline; text-underline-offset: 2px; }
.timeline cite a:hover { color: var(--fg-muted); }

/* ---------- crypto callout ---------- */
.crypto-callout { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 18px; align-items: center; }
.crypto-callout .ci { width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--border); background: var(--bg); display: grid; place-items: center; }
.crypto-callout .ci svg { width: 22px; height: 22px; }
@media (max-width: 640px) {
  .crypto-callout { grid-template-columns: minmax(0, 1fr); text-align: left; }
  .crypto-callout .btn { justify-self: start; }
}

/* ---------- install / CLI strip ---------- */
.install-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 760px) { .install-grid { grid-template-columns: minmax(0, 1fr); } }

/* ---------- references ---------- */
.refs { font-size: 13px; color: var(--fg-muted); }
.refs ol { margin: 10px 0 0; padding-left: 1.3em; }
.refs li { margin: 4px 0; overflow-wrap: anywhere; }

/* ---------- advisories index ---------- */
.adv-table th.sortable { cursor: pointer; user-select: none; }
.adv-table th.sortable:hover { color: var(--fg); }
.adv-table th .sortarrow { opacity: 0; margin-left: 5px; font-size: 10px; }
.adv-table th[aria-sort="ascending"] .sortarrow,
.adv-table th[aria-sort="descending"] .sortarrow { opacity: 1; }
.adv-table th[aria-sort="ascending"] .sortarrow::after { content: "\2191"; }
.adv-table th[aria-sort="descending"] .sortarrow::after { content: "\2193"; }
.adv-table td .cve { font-weight: 500; }
.adv-table td .aka { display: block; font-size: 12px; color: var(--fg-muted); margin-top: 2px; }
.adv-table td.num { font-variant-numeric: tabular-nums; }