/* TryHired W1 decision hubs (S038): the stage rules the W1 pages use; loaded only by those pages. */
.dg-prog .label { color: var(--gold); }
.dg-filters { display: flex; flex-wrap: wrap; gap: 10px; }
.dg-disc-panel .label { color: var(--gold); }
.dg-disc-panel .fx-search input { width: 100%; min-width: 0; border-color: transparent; color: var(--ink); }
.pth-from .label { color: var(--gold); }
.tl-card .sal-f, .tl-f5 { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
.tl-offers .fam-2 { gap: 14px !important; }
.ep-sub { font-size: 13.5px; color: var(--mute-2); }
.ai-not { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; } .ai-not li { padding: 12px 16px 12px 42px; position: relative; border-radius: var(--r); background: var(--card); border: 1px solid var(--rule); font-size: 15px; }
.ai-not li::before { content: "≠"; position: absolute; left: 14px; top: 9px; font-size: 20px; font-weight: 800; color: var(--gold-deep); }
.ai-dist { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 16px; } .ai-dist > div { padding: 14px; border-radius: var(--r-lg); background: var(--card); border: 1px solid var(--rule); display: flex; flex-direction: column; }
.ai-dist b { font-size: 28px; letter-spacing: -0.03em; } .ai-dist span:last-child { font-size: 12.5px; color: var(--mute); }
@media (max-width: 760px) { .ai-dist { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ai-scale span { font-size: 12px; padding: 8px 2px; } }
/* Sprint 005C · regional price levels (BEA RPP) */
.rp-card { padding: 22px; display: flex; flex-direction: column; gap: 8px; align-self: center; } .rp-card > strong { font-size: 48px; letter-spacing: -0.04em; line-height: 1; }
.rp-gauge { margin: 6px 0 4px; } .rp-track { position: relative; height: 14px; border-radius: 999px; background: linear-gradient(90deg, var(--ok-bg), var(--paper-deep) 40%, var(--hi) 70%, var(--gold)); }
.rp-us { position: absolute; top: -4px; width: 2px; height: 22px; background: var(--ink); transform: translateX(-1px); }
.rp-pin { position: absolute; top: -6px; width: 26px; height: 26px; border-radius: 50%; background: var(--ink); border: 3px solid var(--gold); transform: translateX(-13px); }
.rp-scale { display: flex; justify-content: space-between; margin-top: 10px; font-family: var(--mono); font-size: 11px; color: var(--mute); }
.rp-calc { margin-top: 10px; } .rp-comp b small { font-weight: 400; color: var(--mute); margin-left: 6px; font-size: 12px; }
.rp-def { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 10px; margin: 14px 0 0; }
.rp-def > div { padding: 14px 16px; border-radius: var(--r-lg); background: var(--card); border: 1px solid var(--rule); } .rp-def p { margin: 6px 0 0; font-size: 14.5px; color: var(--mute-2); }
/* S038 W1 (same rule as W3 th-degree.css): guarantee footnote inside the HIRED panel */
.th-continue .th-terms { margin: 10px 0 0; font-size: 12.5px; color: rgba(251, 250, 247, 0.62); }