/*
 * Temperature Zero — Landing Redesign (additive override) — v1.9
 *
 * Layered ON TOP of landing-modules.1.3.css, front-page only. Holds ONLY the
 * .tz-landing-scoped layout (ticker, hero, matrix restyle, midrow, metrics,
 * pillars, subscribe bar). The shared design-system layer it depends on —
 * --tz-c-* palette + --tzr-* tokens, the tz-rotate/shimmer/pulse/ambiance
 * keyframes, @property --tz-angle, .tz-conic, the header/nav treatment, and the
 * multi-column footer — was extracted to assets/css/tz-system.1.0.css
 * (enqueued SITE-WIDE) on 2026-05-29 so interior pages share it. This file no
 * longer defines those; it consumes them.
 *
 * Enqueued front-page only, AFTER tz-system + tz-landing-modules.
 * Rollback = restore landing-redesign.1.8 enqueue + dequeue tz-system.
 * Versioned filename bypasses CF ?ver= stripping.
 *
 * 1.0 — first dashboard pass (mostly-cyan).
 * 1.1 — multi-color palette + shimmer + tightened modular layout + conic btn.
 * 1.5–1.8 — alignment, signals wiring, 5-card grid (see homepage-redesign memory).
 * 1.9 — token/component layer extracted to tz-system.1.0.css; this file slimmed
 *        to .tz-landing-scoped rules only. Homepage renders byte-identical.
 */

/* ── Width + tight uniform rhythm ───────────────────────────────── */
.tz-landing .tz-section__inner { max-width: 1240px; }
.tz-landing .tz-section { padding: 2.25rem 0; border-bottom: none; }
.tz-landing .tz-section--ticker { padding: 0 !important; }

/* ── Ambient shimmer behind the whole landing column ────────────── */
.tz-landing { position: relative; background: var(--tz-bg); }
.tz-landing::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(820px 460px at 10% 2%,  rgba(74,240,200,0.075), transparent 60%),
        radial-gradient(760px 460px at 90% 1%,  rgba(171,81,231,0.075), transparent 60%),
        radial-gradient(900px 700px at 70% 38%, rgba(85,171,234,0.05),  transparent 65%),
        radial-gradient(700px 600px at 20% 72%, rgba(154,108,240,0.045),transparent 65%);
    animation: tz-ambiance 13s ease-in-out infinite alternate;
}
.tz-landing > * { position: relative; z-index: 1; }

/* ── Site-wide shimmer: animated multi-hue gradient kickers ─────── */
.tz-landing .tz-module-kicker,
.tz-hero__kicker,
.tz-subscribe-copy__kicker {
    background: var(--tzr-grad);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    animation: tz-shimmer 7s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
    .tz-landing::before,
    .tz-landing .tz-module-kicker,
    .tz-hero__kicker,
    .tz-subscribe-copy__kicker { animation: none; }
}

/* ── Shared dashboard section header (left-aligned + action link) ─ */
.tz-landing .tz-module-header {
    position: relative;
    text-align: left;
    max-width: none;
    margin: 0 0 1.5rem;
    padding: 0 0 0.95rem;
    border-bottom: 1px solid var(--tz-border);
    display: block;
}
.tz-landing .tz-module-kicker {
    display: block;
    font-size: 11px;
    letter-spacing: 0.16em;
    margin: 0 0 0.5rem;
}
.tz-landing .tz-module-title {
    display: inline;
    font-size: clamp(1.1rem, 1.7vw, 1.4rem);
    letter-spacing: -0.005em;
    margin: 0;
    vertical-align: baseline;
}
.tz-landing .tz-module-source {
    display: inline;
    margin-left: 0.85rem;
    font-size: 12px;
    color: var(--tz-muted);
}
.tz-module-action {
    position: absolute;
    right: 0;
    bottom: 0.95rem;
    font-family: var(--tz-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--tz-c-cyan);
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 200ms ease, transform 200ms ease;
}
.tz-module-action:hover { opacity: 0.8; transform: translateX(2px); }
/* Methodology link in the matrix source line */
.tz-landing .tz-module-source .tz-matrix__methodology {
    color: var(--tz-c-cyan);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 200ms ease;
}
.tz-landing .tz-module-source .tz-matrix__methodology:hover { border-bottom-color: var(--tz-c-cyan); }

/* ════════════════════════════════════════════════════════════
   Rotating conic-gradient border (Subscribe buttons)
   Multi-hue ring, brand cyan is the bright stop; dark interior
   so the rotating border reads clearly.
   ════════════════════════════════════════════════════════════ */
/* ════════════════════════════════════════════════════════════
   2. Ticker → "LATEST BRIEFINGS" marquee
   ════════════════════════════════════════════════════════════ */
.tz-landing .tz-section--ticker {
    background: #07070d;
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid var(--tz-border);
}
.tz-ticker__label {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 1.1rem;
    font-family: var(--tz-mono);
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--tz-c-cyan);
    background: rgba(74,240,200,0.06);
    border-right: 1px solid var(--tz-border);
    white-space: nowrap;
}
.tz-ticker__label::before {
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--tz-c-cyan);
    box-shadow: 0 0 8px var(--tz-c-cyan);
    animation: tz-pulse 2s ease-in-out infinite;
}
.tz-ticker { flex: 1 1 auto; height: 42px; min-width: 0; }
.tz-ticker__track { animation-duration: 140s; }
.tz-ticker:hover .tz-ticker__track { animation-play-state: paused; }
.tz-ticker__item { gap: 0.6rem; padding: 0 1.6rem; }
.tz-ticker__item a { display: inline-flex; align-items: center; gap: 0.6rem; text-decoration: none; color: var(--tz-text); transition: color 180ms ease; }
.tz-ticker__item a:hover { color: var(--tz-c-cyan); }
.tz-ticker__date { font-family: var(--tz-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tz-c-blue); flex: 0 0 auto; }
.tz-ticker__headline { font-family: var(--tz-sans); font-size: 13px; color: inherit; white-space: nowrap; }
.tz-ticker__sep { color: var(--tz-border); }

/* ════════════════════════════════════════════════════════════
   3. Hero — CONTAINED, tight module (not full-bleed)
   ════════════════════════════════════════════════════════════ */
.tz-landing .tz-section--hero { padding: 2.25rem 1.5rem !important; }
.tz-hero {
    /* match .tz-section__inner content width (1240 − 2×1.5rem padding) so the hero
       card's edges align with every other module below it */
    max-width: calc(1240px - 3rem);
    margin: 0 auto;
    grid-template-columns: minmax(0,1.4fr) minmax(0,1.15fr) minmax(0,0.8fr);
    min-height: 0;
    background: var(--tzr-card);
    border: 1px solid var(--tz-border);
    border-radius: var(--tzr-radius);
    overflow: hidden;
    box-shadow: 0 30px 90px -50px rgba(85,171,234,0.35);
}
.tz-hero__content { padding: 2.25rem 2.25rem; gap: 1rem; }
.tz-hero__title { font-size: clamp(1.7rem, 2.9vw, 2.7rem); line-height: 1.12; }
.tz-hero__blurb { font-size: 0.96rem; }
.tz-hero__image { order: 2; min-height: 280px; position: relative; }
.tz-hero__image::after {
    content: '';
    position: absolute; inset: 0;
    background: radial-gradient(130% 100% at 75% 55%, transparent 38%, rgba(13,13,22,0.6) 100%);
    pointer-events: none;
}
.tz-hero__meta-extra { font-family: var(--tz-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tz-muted); }
.tz-hero__cta-row { display: flex; align-items: center; gap: 1.25rem; margin-top: 0.4rem; }
.tz-hero__cta { color: var(--tz-c-cyan); }

/* numbered article rail */
.tz-hero__rail { order: 3; border-left: 1px solid var(--tz-border); background: var(--tzr-card-2); padding: 1.4rem 1.4rem 1.1rem; display: flex; flex-direction: column; }
.tz-hero__rail-title { font-family: var(--tz-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tz-muted); margin: 0 0 0.4rem; }
.tz-hero__rail-list { list-style: none; margin: 0; padding: 0; flex: 1 1 auto; }
.tz-hero__rail-item { border-bottom: 1px solid var(--tz-border); }
.tz-hero__rail-item:last-child { border-bottom: none; }
.tz-hero__rail-link { display: grid; grid-template-columns: 1.75rem 1fr; gap: 0.55rem; align-items: start; padding: 0.7rem 0; text-decoration: none; }
.tz-hero__rail-num { font-family: var(--tz-mono); font-size: 11px; font-variant-numeric: tabular-nums; padding-top: 1px;
    background: var(--tzr-grad); background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: tz-shimmer 7s linear infinite; }
.tz-hero__rail-text { font-family: var(--tz-sans); font-size: 12.5px; line-height: 1.35; color: var(--tz-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 180ms ease; }
.tz-hero__rail-link:hover .tz-hero__rail-text { color: var(--tz-c-cyan); }
.tz-hero__rail-all { margin-top: 0.7rem; font-family: var(--tz-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tz-c-cyan); text-decoration: none; }
@media (max-width: 980px) {
    .tz-hero { grid-template-columns: 1fr 1fr; }
    .tz-hero__rail { grid-column: 1 / -1; order: 4; border-left: none; border-top: 1px solid var(--tz-border); }
    .tz-hero__rail-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
}
@media (max-width: 640px) {
    .tz-hero { grid-template-columns: 1fr; }
    .tz-hero__rail-list { grid-template-columns: 1fr; }
}

/* ════════════════════════════════════════════════════════════
   4. Benchmark Matrix — RESTYLE ONLY. Multi-color bars per column.
   ════════════════════════════════════════════════════════════ */
.tz-landing .tz-module-header--matrix { max-width: none; padding-bottom: 0.95rem; }
.tz-landing .tz-module-header--matrix .tz-matrix__note { display: block; text-align: left; margin: 0.5rem 0 0; max-width: 68ch; }
.tz-landing .tz-matrix__view-toggle { position: absolute; right: 0; bottom: 0.95rem; margin: 0; }
/* Narrow headers (<=720px): the Raw score / Rank toggle is absolutely positioned
   bottom-right and overlapped the note paragraph once the note spanned the full
   width. Drop it into normal flow below the note on phones/small tablets. 2026-06-20. */
@media (max-width: 720px) {
    .tz-landing .tz-module-header--matrix { padding-bottom: 0; }
    .tz-landing .tz-matrix__view-toggle { position: static; right: auto; bottom: auto; margin: 0.85rem 0 0; }
}
.tz-matrix {
    background: var(--tzr-card);
    border: 1px solid var(--tz-border);
    border-radius: var(--tzr-radius);
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: 0 24px 70px -50px rgba(154,108,240,0.4);
}
.tz-matrix__scroll { margin-top: 0; border-radius: var(--tzr-radius); }
.tz-matrix__th { background: rgba(255,255,255,0.015); padding: 0.9rem 0.8rem; border-bottom: 1px solid var(--tz-border); }
.tz-matrix__row:nth-child(even) { background: rgba(255,255,255,0.012); }
.tz-matrix__row:hover { background: rgba(74,240,200,0.05); }
.tz-matrix__row--top { background: rgba(74,240,200,0.04); }
.tz-matrix__cell-bar { height: 4px; border-radius: 2px; background: var(--tz-c-cyan); }
/* per-column hue ramp: cyan → teal → blue → indigo → violet → purple */
.tz-matrix__cell[data-col="gpqa"]              .tz-matrix__cell-bar { background: linear-gradient(90deg, rgba(74,240,200,0.35),  var(--tz-c-cyan)); }
.tz-matrix__cell[data-col="hle"]               .tz-matrix__cell-bar { background: linear-gradient(90deg, rgba(70,214,208,0.35),  var(--tz-c-teal)); }
.tz-matrix__cell[data-col="scicode"]           .tz-matrix__cell-bar { background: linear-gradient(90deg, rgba(85,171,234,0.35),  var(--tz-c-blue)); }
.tz-matrix__cell[data-col="ifbench"]           .tz-matrix__cell-bar { background: linear-gradient(90deg, rgba(109,143,238,0.35), var(--tz-c-indigo)); }
.tz-matrix__cell[data-col="tau2"]              .tz-matrix__cell-bar { background: linear-gradient(90deg, rgba(154,108,240,0.35), var(--tz-c-violet)); }
.tz-matrix__cell[data-col="terminalbenchHard"] .tz-matrix__cell-bar { background: linear-gradient(90deg, rgba(171,81,231,0.35),  var(--tz-c-purple)); }
.tz-matrix__row--top .tz-matrix__cell-bar { filter: brightness(1.12); box-shadow: 0 0 8px rgba(74,240,200,0.35); }
.tz-matrix__rank { font-size: 13px; }
.tz-matrix__cell-raw { font-size: 13px; }
.tz-matrix__footnote { max-width: none; }

/* ════════════════════════════════════════════════════════════
   5. Midrow — 3 uniform columns
   ════════════════════════════════════════════════════════════ */
.tz-midrow { display: grid; grid-template-columns: 1fr 1.15fr 1fr; gap: 1.5rem; align-items: start; }
.tz-midrow > .tz-section { padding: 0 !important; border: none !important; }
.tz-midrow > .tz-section > .tz-section__inner { padding: 0; max-width: none; }
.tz-midrow .tz-module-header { margin-bottom: 1.1rem; padding-bottom: 0.75rem; }
.tz-midrow .tz-module-title { font-size: 1rem; }

/* 5a. What's Moving (spotlight) — list */
.tz-midrow .tz-spotlight { max-width: none; }
.tz-spotlight__themes { gap: 0; }
.tz-spotlight__theme { grid-template-columns: 2.25rem 1fr; gap: 0.85rem; padding: 0.9rem 0; align-items: start; }
.tz-spotlight__theme:first-child { border-top: none; }
.tz-spotlight__theme-num { font-size: 12px; font-weight: 600;
    background: var(--tzr-grad); background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: tz-shimmer 7s linear infinite; }
.tz-spotlight__theme-text { font-size: 0.9rem; line-height: 1.5; }
.tz-spotlight__attribution { text-align: left; background: none; border-top: 1px solid var(--tz-border); margin-top: 1rem; }
.tz-spotlight__attribution-link { justify-content: flex-start; }

/* 5b. Today's Briefing (center card) */
.tz-midrow .tz-section--briefing .tz-module-kicker { display: none; }
.tz-midrow .tz-section--briefing .tz-module-source { display: none; }
.tz-badge-signal {
    position: absolute; right: 0; bottom: 0.95rem;
    font-family: var(--tz-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase;
    color: #051010; background: var(--tz-c-cyan); padding: 3px 9px; border-radius: 999px; font-weight: 600;
    box-shadow: 0 0 14px rgba(74,240,200,0.4);
}
.tz-midrow .tz-briefing-featured { grid-template-columns: 1fr; border: 1px solid var(--tz-border); border-radius: var(--tzr-radius); margin-bottom: 1rem; background: var(--tzr-card); }
.tz-midrow .tz-briefing-featured__image { aspect-ratio: 16/9; min-height: 0; }
.tz-midrow .tz-briefing-featured__content { padding: 1.4rem; }
.tz-midrow .tz-briefing-featured__title { font-size: 1.3rem; }
.tz-midrow .tz-briefing-featured__cta { color: var(--tz-c-cyan); }
.tz-midrow .tz-briefing-secondary { grid-template-columns: 1fr; gap: 0; }
.tz-midrow .tz-briefing-card { border: none; border-top: 1px solid var(--tz-border); background: none; padding: 0.8rem 0; border-radius: 0; }
.tz-midrow .tz-briefing-card:hover { transform: none; border-color: transparent; }
.tz-midrow .tz-briefing-card h4 { font-size: 0.9rem; -webkit-line-clamp: 2; }
@media (max-width: 980px) { .tz-midrow { grid-template-columns: 1fr; gap: 2.25rem; } }

/* ════════════════════════════════════════════════════════════
   6. Metrics sidebar — placeholder, multi-hue sparklines
   ════════════════════════════════════════════════════════════ */
.tz-metrics { display: grid; gap: 0.9rem; }
.tz-metric-card {
    position: relative; background: var(--tzr-card); border: 1px solid var(--tz-border);
    border-radius: var(--tzr-radius); padding: 0.8rem 0.9rem; overflow: hidden;
    transition: border-color 200ms ease, box-shadow 200ms ease, opacity 200ms ease;
}
.tz-metric-card:nth-child(1) { --m: var(--tz-c-cyan); }
.tz-metric-card:nth-child(2) { --m: var(--tz-c-blue); }
.tz-metric-card:nth-child(3) { --m: var(--tz-c-violet); }
.tz-metric-card:nth-child(4) { --m: var(--tz-c-green); }
.tz-metric-card:nth-child(5) { --m: var(--tz-c-teal); }
.tz-metric-card.is-dim { opacity: 0.6; }
.tz-metric-card.is-dim:hover { opacity: 0.85; }
.tz-metric-card:hover { border-color: var(--m); box-shadow: 0 0 22px -6px var(--m); }
.tz-metric-card__label { font-family: var(--tz-mono); font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tz-muted); margin: 0 0 0.3rem; display: block; max-width: 72%; }
.tz-metric-card__soon { position: absolute; top: 0.7rem; right: 0.75rem; font-family: var(--tz-mono); font-size: 8px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--m); border: 1px solid currentColor; border-radius: 999px; padding: 1px 6px; opacity: 0.75; }
.tz-metric-card[data-state="stale"] .tz-metric-card__soon { color: #f0a64a; }
.tz-metric-card__row { display: flex; align-items: baseline; gap: 0.5rem; flex-wrap: wrap; }
.tz-metric-card__value { font-family: var(--tz-sans); font-size: 1.4rem; font-weight: 600; color: var(--tz-heading); line-height: 1; font-variant-numeric: tabular-nums; }
.tz-metric-card__delta { font-family: var(--tz-mono); font-size: 11px; color: var(--tz-muted); }
.tz-metric-card__delta--good { color: var(--tz-c-green); }
.tz-metric-card__delta--bad  { color: #f06464; }
.tz-metric-card__sub { display: block; font-family: var(--tz-mono); font-size: 9px; letter-spacing: 0.04em; color: var(--tz-muted); opacity: 0.8; margin-top: 0.25rem; }
.tz-metric-card__spark { display: block; width: 100%; height: 28px; margin: 0.45rem 0 0.1rem; }
.tz-metric-card__spark path { fill: none; stroke: var(--m); stroke-width: 1.5; }
.tz-metric-card__spark .tz-spark-fill { fill: url(#tz-spark-grad); stroke: none; }
.tz-metric-card__trendnote { display: block; font-family: var(--tz-mono); font-size: 9px; color: var(--tz-muted); opacity: 0.6; margin: 0.45rem 0 0.1rem; font-style: italic; }
.tz-metric-card__src { display: block; font-family: var(--tz-mono); font-size: 8.5px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--tz-muted); opacity: 0.7; }
.tz-metric-card__src a { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; transition: color 180ms ease, border-color 180ms ease; }
.tz-metric-card__src a:hover { color: var(--m); border-bottom-color: var(--m); }
.tz-metrics__fresh { display: block; width: 100%; font-family: var(--tz-mono); font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tz-muted); margin-top: 0.35rem; }

/* ════════════════════════════════════════════════════════════
   7. The Pillars — 6-up icon grid, one hue each
   ════════════════════════════════════════════════════════════ */
.tz-pillars { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.9rem; }
.tz-pillar {
    display: flex; flex-direction: column; gap: 0.6rem;
    background: var(--tzr-card); border: 1px solid var(--tz-border);
    border-radius: var(--tzr-radius); padding: 1.3rem 1.1rem;
    text-decoration: none; color: inherit;
    transition: border-color 200ms ease, transform 200ms ease, box-shadow 200ms ease;
}
.tz-pillar:nth-child(1) { --p: var(--tz-c-cyan); }
.tz-pillar:nth-child(2) { --p: var(--tz-c-teal); }
.tz-pillar:nth-child(3) { --p: var(--tz-c-blue); }
.tz-pillar:nth-child(4) { --p: var(--tz-c-indigo); }
.tz-pillar:nth-child(5) { --p: var(--tz-c-violet); }
.tz-pillar:nth-child(6) { --p: var(--tz-c-green); }
.tz-pillar:hover { border-color: var(--p); transform: translateY(-3px); box-shadow: 0 0 26px -6px var(--p); }
.tz-pillar__icon { width: 30px; height: 30px; color: var(--p); filter: drop-shadow(0 0 6px color-mix(in srgb, var(--p) 45%, transparent)); }
.tz-pillar__icon svg { width: 100%; height: 100%; display: block; }
.tz-pillar__title { font-family: var(--tz-sans); font-size: 0.9rem; font-weight: 600; color: var(--tz-heading); margin: 0.2rem 0 0; line-height: 1.25; }
.tz-pillar__desc { font-family: var(--tz-serif); font-size: 0.8rem; line-height: 1.5; color: var(--tz-muted); margin: 0; flex: 1 1 auto; }
.tz-pillar__count { font-family: var(--tz-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--p); }
@media (max-width: 1100px) { .tz-pillars { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px)  { .tz-pillars { grid-template-columns: repeat(2, 1fr); } }

/* ════════════════════════════════════════════════════════════
   8. Subscribe bar — CONTAINED module, centered content,
      green/white plate + rotating conic Subscribe button
   ════════════════════════════════════════════════════════════ */
.tz-landing .tz-section--newsletter-bottom { padding: 2.25rem 0 !important; }
.tz-subscribe-bar {
    position: relative; overflow: hidden; display: block; padding: 0;
    border: 1px solid var(--tz-border); border-radius: var(--tzr-radius);
    background: radial-gradient(130% 150% at 78% 92%, #11463a 0%, #0c241f 40%, #0b0b13 74%);
    background-size: cover; background-position: center;
    box-shadow: 0 28px 80px -52px rgba(74,240,200,0.45);
}
.tz-subscribe-bar--img {
    background-image:
        linear-gradient(180deg, rgba(8,10,12,0.5) 0%, rgba(8,10,12,0.72) 100%),
        url('../img/subscribe-bg.1.1.jpg');
}
.tz-subscribe-inner { max-width: 720px; margin: 0 auto; padding: 3rem 1.5rem; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.45rem; }
.tz-subscribe-copy__kicker { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; }
.tz-subscribe-copy__title { font-family: var(--tz-sans); font-size: clamp(1.7rem, 3vw, 2.5rem); line-height: 1.1; letter-spacing: -0.01em; color: var(--tz-heading); margin: 0.5rem 0 0.6rem; }
.tz-subscribe-copy__blurb { color: var(--tz-text); margin: 0; max-width: 44ch; }
.tz-subscribe-copy__readers { display: inline-block; margin-top: 0.85rem; font-family: var(--tz-mono); font-size: 11px; letter-spacing: 0.06em; color: var(--tz-muted); }
.tz-subscribe-form-wrap { width: 100%; }
.tz-subscribe-row { display: flex; gap: 0.6rem; }
.tz-subscribe-row .tz-sf-email { flex: 1 1 auto; border-radius: var(--tzr-radius-sm); }

/* rotating conic-gradient BORDER button — border-box conic + opaque padding-box interior
   (same robust technique as the nav CTA), with a soft cyan glow for prominence. */
.tz-subscribe-row .tz-sf-btn {
    position: relative; flex: 0 0 auto; width: auto; padding: 0.85rem 1.7rem;
    border: 2px solid transparent; border-radius: var(--tzr-radius-sm);
    background:
        linear-gradient(#0c0b14, #0c0b14) padding-box,
        conic-gradient(from var(--tz-angle),
            var(--tz-c-violet) 0deg, var(--tz-c-blue) 65deg, var(--tz-c-cyan) 140deg,
            var(--tz-c-green) 205deg, var(--tz-c-purple) 290deg, var(--tz-c-violet) 360deg) border-box;
    color: #ffffff; font-weight: 700;
    animation: tz-rotate 4s linear infinite;
    box-shadow: 0 0 20px -6px rgba(74,240,200,0.6);
}
.tz-subscribe-row .tz-sf-btn::before,
.tz-subscribe-row .tz-sf-btn::after { display: none; }
.tz-subscribe-row .tz-sf-btn:hover { color: var(--tz-c-cyan); box-shadow: 0 0 26px -5px rgba(74,240,200,0.85); }
@media (prefers-reduced-motion: reduce) {
    .tz-subscribe-row .tz-sf-btn { animation: none; }
}
.tz-subscribe-form-wrap .tz-sf-lists { gap: 1.1rem; margin: 0.8rem 0 0; }
.tz-subscribe-badges { display: flex; flex-wrap: wrap; gap: 1.1rem; margin-top: 0.85rem; font-family: var(--tz-mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tz-muted); }
.tz-subscribe-badges span::before { content: '✓ '; color: var(--tz-c-cyan); }
@media (max-width: 820px) {
    .tz-subscribe-inner { grid-template-columns: 1fr; gap: 1.5rem; }
    .tz-subscribe-bar--img { background-image:
        linear-gradient(180deg, rgba(10,10,18,0.85) 0%, rgba(12,11,24,0.55) 100%),
        url('../img/subscribe-bg.1.0.jpg'); }
}

/* ════════════════════════════════════════════════════════════
   10. v1.1.1 — centered subscribe + equal-height midrow panels
   ════════════════════════════════════════════════════════════ */
/* subscribe: center copy + form within the contained bar */
.tz-subscribe-copy__blurb { margin: 0 auto; max-width: 48ch; }
.tz-subscribe-form-wrap { max-width: 480px; margin: 0.9rem auto 0; }
.tz-subscribe-row { justify-content: center; }
.tz-subscribe-form-wrap .tz-sf-lists { justify-content: center; }
.tz-subscribe-badges { justify-content: center; }
@media (max-width: 820px) {
    .tz-subscribe-bar--img {
        background-image:
            linear-gradient(180deg, rgba(8,10,12,0.55) 0%, rgba(8,10,12,0.8) 100%),
            url('../img/subscribe-bg.1.1.jpg');
    }
}

/* midrow: three equal-height, aligned panels */
.tz-midrow { align-items: stretch; }
.tz-midrow > .tz-section { display: flex; }
.tz-midrow > .tz-section > .tz-section__inner { display: flex; flex-direction: column; flex: 1; }
.tz-midrow .tz-section--spotlight .tz-section__inner,
.tz-midrow .tz-section--briefing .tz-section__inner {
    background: var(--tzr-card);
    border: 1px solid var(--tz-border);
    border-radius: var(--tzr-radius);
    padding: 1.4rem;
}
/* What's Moving fills its panel */
.tz-midrow .tz-spotlight { display: flex; flex-direction: column; flex: 1; }
.tz-midrow .tz-spotlight__themes { flex: 1 1 auto; }
.tz-midrow .tz-spotlight__theme { padding: 1rem 0; }
/* Today's Briefing: flatten the inner card (panel is the card now) + fill */
.tz-midrow .tz-briefing-featured {
    border: none; background: none; border-radius: 0; margin: 0;
    display: flex; flex-direction: column; flex: 1;
}
.tz-midrow .tz-briefing-featured:hover { border-color: transparent; }
.tz-midrow .tz-briefing-featured__image { border-radius: var(--tzr-radius-sm); overflow: hidden; }
.tz-midrow .tz-briefing-featured__content { padding: 1.1rem 0 0; flex: 1 1 auto; }
/* Metrics: header + 5 cards filling the equal column height as even rows */
.tz-metrics-col { display: flex; flex-direction: column; height: 100%; }
.tz-metrics { flex: 1 1 auto; display: grid; grid-template-rows: repeat(5, auto); gap: 0.7rem; align-content: space-between; }
.tz-metric-card { display: flex; flex-direction: column; justify-content: flex-start; gap: 0.1rem; }
.tz-metric-card__spark { flex: 0 0 auto; height: 26px; min-height: 26px; }

/* Today's Briefing header: title + Daily Signal badge + View archive link, one row */
.tz-midrow .tz-section--briefing .tz-module-header { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0.45rem 0.65rem; }
.tz-midrow .tz-section--briefing .tz-badge-signal { position: static; bottom: auto; right: auto; }
.tz-midrow .tz-section--briefing .tz-module-action { position: static; bottom: auto; margin-left: auto; }

/* Compact list of the next briefings, filling the briefing panel */
.tz-briefing-more { list-style: none; margin: 1.1rem 0 0; padding: 0.9rem 0 0; border-top: 1px solid var(--tz-border); }
.tz-briefing-more__item { border-bottom: 1px solid var(--tz-border); }
.tz-briefing-more__item:last-child { border-bottom: none; }
.tz-briefing-more__item a { display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; align-items: baseline; padding: 0.62rem 0; text-decoration: none; }
.tz-briefing-more__date { font-family: var(--tz-mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tz-c-blue); white-space: nowrap; font-variant-numeric: tabular-nums; }
.tz-briefing-more__title { font-family: var(--tz-sans); font-size: 0.85rem; line-height: 1.35; color: var(--tz-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 180ms ease; }
.tz-briefing-more__item a:hover .tz-briefing-more__title { color: var(--tz-c-cyan); }