/* cusp42.com v2.0 additions: AI risk and the human future. Uses the design tokens of styles.css. */

.nav-links a[aria-current="page"] { color: var(--text); background: rgba(255,255,255,.06); }

/* CARI today */
.live-strip { padding-top: 26px; padding-bottom: 26px; }
.cari-live { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 16px; padding: 18px 22px; border-radius: 16px;
  border: 1px solid rgba(237,161,0,.35); background: linear-gradient(90deg, rgba(237,161,0,.10), rgba(255,255,255,.02));
  color: var(--text); text-decoration: none; transition: border-color .2s; }
a.cari-live:hover { border-color: rgba(237,161,0,.7); }
.cl-k { font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); }
.cl-v { font-size: clamp(34px, 5vw, 48px); font-weight: 800; color: #f2b84b; line-height: 1; }
.cl-of { color: var(--muted); }
.cl-band { font-weight: 700; color: #f2b84b; }
.cl-note { color: var(--muted); font-size: 14px; flex: 1 1 320px; }
.cl-go { font-size: 22px; color: var(--muted); }

/* two questions and pillars */
.feature.question h3 { font-size: clamp(20px, 2.2vw, 26px); line-height: 1.25; }
.feature.question { border-top: 2px solid rgba(90,200,250,.45); }
.feature.pillar .eyebrow { margin-bottom: 6px; }

/* image + text */
.split-v2 { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 36px; align-items: center; }
.split-v2 img { width: 100%; border-radius: 14px; border: 1px solid rgba(255,255,255,.08); display: block; }
.copy.small { font-size: 14px; color: var(--muted); }
@media (max-width: 860px) { .split-v2 { grid-template-columns: 1fr; } }

/* CARI history */
.cari-hist { display: flex; align-items: flex-end; gap: 14px; height: 150px; margin: 10px 0 18px; padding: 0 4px; }
.cari-bar { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; height: 100%; }
.cari-bar i { display: block; width: 100%; max-width: 54px; border-radius: 6px 6px 2px 2px;
  background: linear-gradient(180deg, #f2b84b, rgba(90,200,250,.55)); }
.cari-bar span { font-size: 12px; color: var(--muted); }
.cari-bar b { font-size: 13px; }

/* tables */
.v2-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.v2-table th, .v2-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid rgba(255,255,255,.08); vertical-align: top; }
.v2-table th { color: var(--muted); font-weight: 600; }

/* library */
.lib-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.lib-item { padding: 16px 18px; border-radius: 14px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.02); }
.lib-item h4 { margin: 0 0 4px; font-size: 16px; line-height: 1.35; }
.lib-item h4 a { color: var(--text); text-decoration: none; border-bottom: 1px solid rgba(90,200,250,.35); }
.lib-item h4 a:hover { border-color: rgba(90,200,250,.9); }
.lib-item .lib-by { margin: 0 0 8px; font-size: 13px; color: var(--muted); }
.lib-item p { margin: 0; font-size: 14px; line-height: 1.5; }

/* until cari.cusp42.com is live */
.soon { color: var(--muted); font-size: 14px; }
.soon-btn { opacity: .6; cursor: default; }