/* ──────────────────────────────────────────────────────────────────────────
   Ticket-cost page (/car-insurance-traffic-school/) — design handoff 2026-09-10.
   Loaded only on a post that carries [llm_insurance_table]; see functions.php.
   Fonts come from fonts/site-fonts.css, self-hosted (no Google Fonts request).
   ────────────────────────────────────────────────────────────────────────── */

.tc {
  --tc-ink:#282828; --tc-ink-2:#404040; --tc-ink-3:#585858; --tc-ink-4:#707070; --tc-ink-5:#888888;
  --tc-line:#E8E8E8; --tc-line-2:#D0D0D0; --tc-track:#F2F2F2; --tc-rule:#F4F4F4;
  --tc-panel:#F7FAFC; --tc-bg:#FCFEFF;
  --tc-teal:#12C0C5; --tc-teal-d:#0E9EA2; --tc-blue:#48B0F7; --tc-blue-d:#3A8FC8;
  --tc-tint:#E2F3FF; --tc-band:#CFE7F8; --tc-coral:#FE8B7B; --tc-coral-d:#C7604F;
  --tc-sans:'Work Sans','Helvetica Neue',Arial,sans-serif;
  --tc-body:'Roboto','Helvetica Neue',Arial,sans-serif;
  --tc-serif:'Lora',Georgia,'Times New Roman',serif;
  --tc-card:0 1px 3px rgba(0,0,0,.04);
  --tc-drop:0 14px 36px rgba(0,0,0,.14);
  --tc-cta:0 6px 18px rgba(254,139,123,.35);
  --tc-tip:0 6px 18px rgba(0,0,0,.22);
  font-family:var(--tc-body); color:var(--tc-ink-3); background:var(--tc-bg);
  -webkit-font-smoothing:antialiased; text-align:left;
}
.tc *,.tc *::before,.tc *::after { box-sizing:border-box; }
.tc a { color:var(--tc-teal); text-decoration:none; }
.tc a:hover { color:var(--tc-teal-d); text-decoration:underline; }
.tc p { margin:0; }
.tc [hidden] { display:none !important; }
.tc .screen-reader-text { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap; }
.tc button { font-family:inherit; cursor:pointer; }
.tc :focus-visible { outline:2px solid var(--tc-blue-d); outline-offset:2px; border-radius:4px; }
.tc__wrap { max-width:1170px; margin:0 auto; padding:0 24px; }
.tc__sect { padding-top:60px; }
.tc h2 { font:700 clamp(26px,3.2vw,36px)/1.15 var(--tc-sans); color:var(--tc-ink); margin:0 0 10px; letter-spacing:-.01em; }
.tc h3 { font:600 17px/1.3 var(--tc-sans); color:var(--tc-ink); margin:0 0 10px; }
.tc .tc__lede { font:400 17px/1.6 var(--tc-body); color:var(--tc-ink-4); margin:0 0 26px; max-width:720px; }
.tc__eyebrow { font:600 10.5px/1 var(--tc-sans); letter-spacing:.13em; text-transform:uppercase; color:var(--tc-blue-d); }
.tc-num { font-variant-numeric:tabular-nums; }

/* ── 1. hero ─────────────────────────────────────────────────────────────── */
.tc-hero { background:var(--tc-ink); color:#fff; padding:70px 24px 84px; }
.tc-hero__in { max-width:1170px; margin:0 auto; }
.tc-hero__eyebrow { font:600 12px/1 var(--tc-sans); letter-spacing:.2em; text-transform:uppercase; color:var(--tc-blue); margin-bottom:26px; }
.tc-hero .tc-hero__h1 { font:800 clamp(40px,6.6vw,84px)/.98 var(--tc-sans); color:#fff; margin:0 0 28px; letter-spacing:-.025em; max-width:940px; text-wrap:balance; }
.tc .tc-hero__stand { font:400 clamp(19px,2.1vw,25px)/1.5 var(--tc-serif); color:rgba(255,255,255,.78); margin:0 0 44px; max-width:720px; }
.tc-hero__bars { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:30px; align-items:end; max-width:900px; }
.tc-hero__label { font:600 11px/1 var(--tc-sans); letter-spacing:.14em; text-transform:uppercase; margin-bottom:16px; }
.tc-hero__bar { height:16px; border-radius:3px; margin-bottom:14px; min-width:8px; }
.tc-hero__figs { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px; }
.tc-hero__big { font:800 clamp(30px,3.4vw,44px)/1 var(--tc-sans); color:#fff; font-variant-numeric:tabular-nums; }
.tc-hero__mid { font:800 clamp(22px,2.4vw,30px)/1 var(--tc-sans); color:#fff; font-variant-numeric:tabular-nums; }
.tc-hero__unit { font:400 17px/1.3 var(--tc-body); color:rgba(255,255,255,.6); }
.tc-hero__plus { font:300 22px/1 var(--tc-sans); color:rgba(255,255,255,.35); }
.tc .tc-hero__note { font:400 15px/22px var(--tc-body); color:rgba(255,255,255,.6); margin-top:10px; }
.tc-hero__foot { margin-top:44px; padding-top:28px; border-top:1px solid rgba(255,255,255,.14); display:flex; flex-wrap:wrap; gap:26px 56px; align-items:baseline; }
.tc-hero__mult { font:800 clamp(34px,4vw,52px)/1 var(--tc-sans); color:var(--tc-blue); font-variant-numeric:tabular-nums; }
.tc .tc-hero__multtext { font:400 16px/1.5 var(--tc-body); color:rgba(255,255,255,.7); max-width:420px; }
.tc .tc-hero__prov { font:400 13px/1.6 var(--tc-body); color:rgba(255,255,255,.45); }

/* ── 2. lookup ───────────────────────────────────────────────────────────── */
.tc-search { position:relative; max-width:560px; margin:0 0 26px; }
.tc-search__input { width:100%; height:56px; border:1.5px solid var(--tc-line-2); border-radius:10px; padding:0 18px; font:400 18px/1 var(--tc-body); color:var(--tc-ink); background:#fff; }
.tc-search__input::placeholder { color:#A8A8A8; }
.tc-search__input:focus { outline:none; border-color:var(--tc-teal); box-shadow:0 0 0 4px rgba(18,192,197,.12); }
.tc-sug { position:absolute; top:62px; left:0; right:0; background:#fff; border:1px solid var(--tc-line); border-radius:10px; box-shadow:var(--tc-drop); z-index:30; overflow:hidden; }
.tc-sug__row { display:flex; align-items:center; gap:8px 18px; width:100%; text-align:left; background:none; border:0; border-bottom:1px solid var(--tc-rule); padding:11px 16px; }
.tc-sug__row:last-child { border-bottom:0; }
.tc-sug__row > span:first-child { min-width:0; }
.tc-sug__row:hover,.tc-sug__row[aria-selected="true"] { background:#F5FBFF; }
.tc-sug__name { display:block; font:600 16px/1.35 var(--tc-sans); color:var(--tc-ink); }
.tc-sug__sub { display:block; font:400 13px/1.35 var(--tc-body); color:var(--tc-ink-4); margin-top:3px; }
.tc-sug__inc { margin-left:auto; font:600 15px/1 var(--tc-sans); color:var(--tc-blue-d); font-variant-numeric:tabular-nums; white-space:nowrap; }

.tc-card { border:1px solid var(--tc-line); border-radius:16px; background:#fff; box-shadow:var(--tc-card); overflow:hidden; }
.tc-card__body { display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:32px 40px; padding:30px; }
.tc-card__head { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:10px; }
.tc-card__name { font:800 clamp(26px,3.2vw,36px)/1.05 var(--tc-sans); color:var(--tc-ink); letter-spacing:-.015em; }
.tc-pill { font:600 12px/1 var(--tc-sans); color:var(--tc-blue-d); background:var(--tc-tint); border-radius:5px; padding:6px 10px; white-space:nowrap; }
.tc .tc-card__rank { font:400 16px/1.5 var(--tc-body); color:var(--tc-ink-5); margin-bottom:22px; }
.tc-figs { display:flex; flex-wrap:wrap; align-items:flex-end; gap:20px 26px; }
.tc-figs__pair { display:flex; align-items:flex-end; gap:18px; }
.tc-fig__k { font:400 13px/1 var(--tc-body); color:var(--tc-ink-4); margin-bottom:8px; }
.tc-fig__v { font:400 30px/1 var(--tc-sans); color:var(--tc-ink-5); font-variant-numeric:tabular-nums; }
.tc-fig__v--now { color:var(--tc-ink); }
.tc-figs__arrow { font:400 26px/1 var(--tc-sans); color:var(--tc-line-2); padding-bottom:2px; }
.tc-figs__extra { border-left:3px solid var(--tc-coral); padding-left:22px; }
.tc-figs__extra .tc-fig__k { color:var(--tc-coral-d); font-weight:500; }
.tc-fig__big { font:800 42px/1 var(--tc-sans); color:var(--tc-ink); font-variant-numeric:tabular-nums; letter-spacing:-.02em; }
.tc-fig__sub { font:400 14px/1.4 var(--tc-body); color:var(--tc-ink-4); margin-top:7px; }
.tc .tc-basis { font:400 14px/1.55 var(--tc-body); color:var(--tc-ink-4); margin-top:20px; }

.tc-strip { margin-top:26px; }
.tc-strip__title { font:600 11px/1 var(--tc-sans); letter-spacing:.13em; text-transform:uppercase; color:var(--tc-blue-d); margin-bottom:6px; }
.tc .tc-strip__lede { font:400 14px/1.5 var(--tc-body); color:var(--tc-ink-4); margin-bottom:10px; }
.tc-strip__plot { position:relative; height:96px; }
.tc-strip__axis { position:absolute; left:0; right:0; bottom:26px; height:1px; background:var(--tc-line); }
.tc-strip__med { position:absolute; bottom:18px; width:2px; height:17px; background:var(--tc-ink); }
.tc-strip__medlab { position:absolute; bottom:0; font:600 9.5px/1 var(--tc-sans); letter-spacing:.1em; color:var(--tc-ink); transform:translateX(-50%); white-space:nowrap; }
.tc-dot { position:absolute; width:11px; height:11px; border-radius:50%; background:var(--tc-blue-d); opacity:.5; border:0; padding:0; transform:translate(-50%,50%); transition:transform .12s ease; }
.tc-dot:hover,.tc-dot:focus-visible { transform:translate(-50%,50%) scale(1.5); opacity:.85; z-index:3; }
.tc-dot.is-locked { background:var(--tc-coral); opacity:1; width:15px; height:15px; z-index:4; }
.tc-strip__ends { display:flex; justify-content:space-between; gap:16px; margin-top:4px; font:400 12px/1.4 var(--tc-body); color:var(--tc-ink-4); }
.tc-tip { position:absolute; background:var(--tc-ink); color:#fff; border-radius:7px; padding:8px 11px; box-shadow:var(--tc-tip); pointer-events:none; z-index:10; transform:translate(-50%,-100%); white-space:nowrap; }
.tc-tip__n { font:600 13px/1.3 var(--tc-sans); }
.tc-tip__v { font:400 13px/1.3 var(--tc-body); color:rgba(255,255,255,.75); }
.tc-lock { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; background:var(--tc-tint); border-radius:8px; padding:11px 14px; margin-top:14px; font:400 14px/1.45 var(--tc-body); color:var(--tc-ink-2); }
.tc-lock__reset { background:none; border:0; padding:0; color:var(--tc-teal-d); font:500 14px/1.45 var(--tc-body); text-decoration:underline; }

.tc-quote { background:var(--tc-panel); border-radius:12px; padding:22px; }
.tc .tc-quote__s { font:italic 400 16px/1.6 var(--tc-serif); color:var(--tc-ink-2); margin:0 0 14px; }
.tc-quote__acts { display:flex; flex-wrap:wrap; gap:8px 20px; margin-bottom:18px; }
.tc-copy { background:none; border:0; padding:0; font:500 14px/1 var(--tc-body); color:var(--tc-teal); }
.tc-copy:hover { color:var(--tc-teal-d); text-decoration:underline; }
.tc a.tc-cta,
.tc-cta { display:block; text-align:center; background:var(--tc-coral); color:#fff; font:600 16px/1 var(--tc-sans); padding:15px 20px; border-radius:999px; box-shadow:var(--tc-cta); }
.tc a.tc-cta:hover,
.tc-cta:hover { background:#F57A68; color:#fff; text-decoration:none; }
.tc .tc-quote__fine { font:400 13px/1.5 var(--tc-body); color:var(--tc-ink-4); text-align:center; margin-top:9px; }

.tc-charts { border-top:1px solid var(--tc-line); display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:32px 40px; padding:30px; }
.tc-chart__t { font:600 15px/1.3 var(--tc-sans); color:var(--tc-ink); margin-bottom:4px; }
.tc .tc-chart__l { font:400 13.5px/1.5 var(--tc-body); color:var(--tc-ink-4); margin-bottom:14px; }
.tc-chart svg { display:block; width:100%; }
.tc-chart__axis { display:flex; justify-content:space-between; font:400 11px/1 var(--tc-body); color:var(--tc-ink-5); margin-top:7px; }
.tc .tc-chart__cap { font:400 13px/1.5 var(--tc-body); color:var(--tc-ink-4); margin-top:11px; }
.tc-hist { display:flex; align-items:flex-end; gap:3px; height:150px; }
.tc-hist__b { flex:1; background:var(--tc-band); border-radius:2px 2px 0 0; min-height:2px; }
.tc-hist__b.is-mine { background:var(--tc-coral); }

.tc-method { background:var(--tc-panel); padding:20px 30px; display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:20px 30px; }
.tc-method__k { font:600 10.5px/1 var(--tc-sans); letter-spacing:.13em; text-transform:uppercase; color:var(--tc-blue-d); margin-bottom:7px; }
.tc .tc-method__v { font:400 13.5px/1.55 var(--tc-body); color:var(--tc-ink-4); }
.tc-method__full { grid-column:1/-1; }
.tc-chips { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:9px; }
.tc-chip { background:#fff; border:1px solid var(--tc-line); border-radius:5px; padding:6px 9px; font:400 12px/1.2 var(--tc-body); color:var(--tc-ink-3); }

/* ── 3. factors ──────────────────────────────────────────────────────────── */
.tc-two { display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:40px 52px; }
.tc-fact { border-top:1px solid var(--tc-line); padding:16px 0; }
.tc-fact:first-of-type { border-top:0; }
.tc-fact__k { font:600 16px/1.4 var(--tc-sans); color:var(--tc-ink); margin-bottom:4px; }
.tc .tc-fact__v { font:400 15.5px/1.6 var(--tc-body); color:var(--tc-ink-4); }
.tc-side { border:1px solid var(--tc-line); border-radius:14px; padding:22px; background:#fff; margin-bottom:20px; }
.tc-side--soft { background:var(--tc-panel); border-color:transparent; }
.tc-vrow { display:grid; grid-template-columns:1fr auto; gap:4px 14px; align-items:center; padding:7px 0; }
.tc-vrow__n { font:400 14px/1.35 var(--tc-body); }
.tc-vrow__bar { grid-column:1/-1; height:7px; background:var(--tc-track); border-radius:4px; overflow:hidden; }
.tc-vrow__bar i { display:block; height:100%; border-radius:4px; }
.tc-vrow__a { font:600 14px/1 var(--tc-sans); color:var(--tc-ink); font-variant-numeric:tabular-nums; }

/* ── 4. map ──────────────────────────────────────────────────────────────── */
.tc-map { border:1px solid var(--tc-line); border-radius:14px; padding:20px; background:#fff; overflow:hidden; }
.tc-map svg { display:block; width:100%; height:auto; }
.tc-map path { fill:var(--tc-tint); stroke:#fff; stroke-width:1.4; cursor:pointer; transition:fill .12s ease; }
.tc-map path:hover,.tc-map path:focus-visible { stroke:var(--tc-ink); stroke-width:3; outline:none; }
.tc-map path.q1 { fill:#E2F3FF; } .tc-map path.q2 { fill:#BFE3FB; } .tc-map path.q3 { fill:#93CEF8; }
.tc-map path.q4 { fill:#63B8F4; } .tc-map path.q5 { fill:#3A8FC8; }
.tc-legend { display:flex; flex-wrap:wrap; gap:10px 14px; margin-top:14px; }
.tc-legend__i { display:flex; align-items:center; gap:6px; font:400 11.5px/1 var(--tc-body); color:var(--tc-ink-4); }
.tc-legend__sw { width:14px; height:14px; border-radius:3px; }
.tc .tc-rank__h { font:600 11px/1 var(--tc-sans); letter-spacing:.11em; text-transform:uppercase; color:var(--tc-ink-3); margin:0 0 8px; }
.tc-rank__row { display:grid; grid-template-columns:1fr 80px auto; gap:12px; align-items:center; width:100%; background:none; border:0; border-bottom:1px solid var(--tc-rule); padding:8px 0; text-align:left; }
.tc-rank__row:hover { background:#F5FBFF; }
.tc-rank__n { font:400 14.5px/1.3 var(--tc-body); color:var(--tc-ink-2); }
.tc-rank__bar { height:8px; background:var(--tc-track); border-radius:4px; overflow:hidden; }
.tc-rank__bar i { display:block; height:100%; border-radius:4px; }
.tc-rank__v { font:600 14px/1 var(--tc-sans); color:var(--tc-ink); font-variant-numeric:tabular-nums; }

/* ── 5. tables ───────────────────────────────────────────────────────────── */
.tc-tabsbar { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; margin-bottom:16px; }
.tc-tabs { display:inline-flex; flex-wrap:wrap; gap:4px; background:#F0F4F7; border-radius:999px; padding:4px; }
.tc-tab { border:0; background:none; border-radius:999px; padding:9px 16px; font:600 13.5px/1 var(--tc-sans); color:var(--tc-ink-4); }
.tc-tab[aria-selected="true"] { background:#fff; color:var(--tc-ink); box-shadow:var(--tc-card); }
.tc-tfilter { width:200px; height:44px; border:1.5px solid var(--tc-line-2); border-radius:10px; padding:0 14px; font:400 15px/1 var(--tc-body); color:var(--tc-ink); background:#fff; }
.tc-tfilter:focus { outline:none; border-color:var(--tc-teal); box-shadow:0 0 0 4px rgba(18,192,197,.12); }
.tc-tablewrap { border:1px solid var(--tc-line); border-radius:14px; overflow:hidden; background:#fff; }
.tc-scroll { overflow-x:auto; }
.tc-table { width:100%; border-collapse:collapse; table-layout:fixed; min-width:520px; }
.tc-table thead th { background:var(--tc-panel); padding:0; border-bottom:1px solid var(--tc-line); }
.tc-sort { width:100%; background:none; border:0; padding:12px 14px; text-align:left; font:600 11px/1.3 var(--tc-sans); letter-spacing:.09em; text-transform:uppercase; color:var(--tc-ink-3); }
.tc-table th:nth-child(1),.tc-table td:nth-child(1) { width:36%; }
.tc-table th:nth-child(2),.tc-table td:nth-child(2),
.tc-table th:nth-child(3),.tc-table td:nth-child(3) { width:15%; }
.tc-table th:nth-child(4),.tc-table td:nth-child(4) { width:34%; }
.tc-table td,.tc-table tbody th { padding:11px 14px; border-bottom:1px solid var(--tc-rule); vertical-align:middle; text-align:left; }
.tc-table tbody tr:nth-child(even) { background:var(--tc-bg); }
.tc-table tbody tr:hover { background:#F5FBFF; cursor:pointer; }
.tc-row__n { font:600 15px/1.35 var(--tc-sans); color:var(--tc-ink); }
.tc-row__s { font:400 12px/1.3 var(--tc-body); color:var(--tc-ink-4); margin-top:2px; }
.tc-row__num { font:400 15px/1 var(--tc-body); color:var(--tc-ink-3); font-variant-numeric:tabular-nums; }
.tc-row__track { position:relative; height:8px; background:var(--tc-track); border-radius:4px; overflow:hidden; }
.tc-row__track i { position:absolute; top:0; bottom:0; border-radius:4px; }
.tc-row__dot { position:absolute; top:-2px; width:3px; height:12px; background:var(--tc-ink); border-radius:1px; }
.tc-row__v { font:700 15px/1 var(--tc-sans); color:var(--tc-ink); font-variant-numeric:tabular-nums; margin-top:7px; }
.tc-row__p { font:400 12px/1 var(--tc-body); color:var(--tc-ink-4); margin-left:7px; }
.tc-more { display:flex; flex-wrap:wrap; gap:12px; padding:16px; border-top:1px solid var(--tc-line); }
.tc-btn { background:#fff; border:1px solid var(--tc-line-2); border-radius:999px; padding:10px 18px; font:600 13.5px/1 var(--tc-sans); color:var(--tc-ink-2); }
.tc-btn:hover { border-color:var(--tc-blue); color:var(--tc-ink); }
.tc-empty { padding:34px 20px; text-align:center; }
.tc-empty__t { font:700 17px/1.4 var(--tc-sans); color:var(--tc-ink); margin-bottom:6px; }
.tc .tc-empty__b { font:400 14.5px/1.6 var(--tc-body); color:var(--tc-ink-4); max-width:460px; margin:0 auto 14px; }
.tc .tc-foot { background:var(--tc-panel); padding:14px 16px; font:400 12.5px/1.6 var(--tc-body); color:var(--tc-ink-4); border-top:1px solid var(--tc-line); }
.tc .tc-note { font:400 14px/1.6 var(--tc-body); color:var(--tc-ink-4); max-width:760px; margin:0 0 18px; }

/* ── 6. unwind ───────────────────────────────────────────────────────────── */
.tc-panel { background:var(--tc-panel); border-radius:16px; padding:36px; }
.tc .tc-cause { display:flex; gap:12px; font:400 15.5px/1.6 var(--tc-body); color:var(--tc-ink-4); padding:9px 0; }
.tc-cause::before { content:"■"; color:var(--tc-coral); font-size:11px; line-height:1.7; }
.tc-step { display:grid; grid-template-columns:auto 1fr; gap:14px; padding:10px 0; }
.tc-step__n { font:800 15px/1.5 var(--tc-sans); color:var(--tc-blue); font-variant-numeric:tabular-nums; }
.tc .tc-step__t { font:400 15.5px/1.6 var(--tc-body); color:var(--tc-ink-4); }

/* ── 7. faq + cta ────────────────────────────────────────────────────────── */
.tc-faq { border-top:1px solid var(--tc-line); }
.tc-faq__q { display:flex; align-items:flex-start; gap:16px; width:100%; background:none; border:0; border-bottom:1px solid var(--tc-line); padding:20px 0; text-align:left; font:700 19px/1.4 var(--tc-sans); color:var(--tc-ink); }
.tc-faq__ic { margin-left:auto; font:400 24px/1 var(--tc-sans); color:var(--tc-blue); flex:0 0 auto; }
.tc-faq__a { font:400 17px/1.65 var(--tc-body); color:var(--tc-ink-4); max-width:700px; padding:0 0 22px; border-bottom:1px solid var(--tc-line); }
.tc-end { background:var(--tc-tint); border-radius:16px; padding:40px; margin-top:60px; }
.tc-end h2 { margin-bottom:8px; }
.tc .tc-end__sub { font:400 16px/1.6 var(--tc-body); color:var(--tc-ink-3); margin-bottom:20px; }
.tc-end__chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.tc-end__chip { background:rgba(255,255,255,.7); border-radius:999px; padding:8px 14px; font:400 13.5px/1 var(--tc-body); color:var(--tc-ink-2); }
.tc-end__cta { max-width:360px; }
.tc-links { margin-top:34px; }
.tc .tc-links__h { font:600 11px/1 var(--tc-sans); letter-spacing:.11em; text-transform:uppercase; color:var(--tc-ink-3); margin-bottom:12px; }
.tc-links__l { display:flex; flex-wrap:wrap; gap:8px; }
.tc a.tc-links__a,
.tc-links__a { background:#fff; border:1px solid var(--tc-line); border-radius:999px; padding:9px 15px; font:400 13.5px/1 var(--tc-body); color:var(--tc-ink-2); }
.tc a.tc-links__a:hover,
.tc-links__a:hover { border-color:var(--tc-blue); color:var(--tc-ink); text-decoration:none; }

/* ── responsive ──────────────────────────────────────────────────────────── */
@media (max-width:700px) {
  .tc-hero { padding:48px 20px 56px; }
  .tc__wrap { padding:0 20px; }
  .tc-card__body,.tc-charts { padding:22px; gap:26px; }
  .tc-method { padding:20px 22px; }
  .tc-panel { padding:24px; }
  .tc-end { padding:28px; }
  .tc-fig__big { font-size:36px; }
  .tc-tfilter { width:100%; }
  .tc-faq__q { font-size:17px; }
  .tc-faq__a { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) { .tc *,.tc *::before { transition:none !important; } }

/* No JavaScript: the interactive controls are inert, so hide the affordances
   that would mislead rather than leaving dead buttons on the page. */
.tc-nojs .tc-search,.tc-nojs .tc-tabsbar,.tc-nojs .tc-more,.tc-nojs .tc-quote__acts,
.tc-nojs .tc-lock { display:none; }
/* the dots carry the spread on their own, so without JS they stay, inert */
.tc-nojs .tc-dot { pointer-events:none; }
.tc-nojs .tc-table tbody tr:hover { cursor:default; }

/* ── eligibility + four steps (after the survey tables) ──────────────────── */
.tc-elig { background:var(--tc-ink); border-radius:14px; padding:28px; margin-bottom:20px; }
.tc-elig h3 { font:700 21px/1.35 var(--tc-sans); color:#fff; margin:0 0 8px; }
.tc .tc-elig__lede { font:400 15px/1.55 var(--tc-body); color:rgba(255,255,255,.6); margin:0 0 20px; }
.tc-check { display:flex; gap:14px; align-items:flex-start; width:100%; background:none; border:0;
  border-top:1px solid rgba(255,255,255,.12); padding:13px 0; text-align:left; }
.tc-check__box { flex:0 0 22px; height:22px; border-radius:5px; border:1.5px solid rgba(255,255,255,.3);
  color:var(--tc-ink); font:700 13px/19px var(--tc-sans); text-align:center; }
.tc-check[aria-pressed="true"] .tc-check__box { border-color:var(--tc-teal); background:var(--tc-teal); }
.tc-check[aria-pressed="true"] .tc-check__box::after { content:"\2713"; }
.tc-check__t { font:400 15px/1.47 var(--tc-body); color:rgba(255,255,255,.86); }
.tc .tc-elig__verdict { margin-top:18px; padding-top:16px; border-top:1px solid rgba(255,255,255,.12);
  font:400 15px/1.53 var(--tc-body); color:rgba(255,255,255,.6); }
.tc-elig.is-all .tc-elig__verdict { color:var(--tc-teal); }
.tc-step--card { border-top:1px solid var(--tc-rule); gap:16px; padding:13px 0; }
.tc-step--card:first-of-type { border-top:0; }
.tc-step__title { display:block; font:600 16px/1.4 var(--tc-sans); color:var(--tc-ink); margin-bottom:4px; }
.tc-step--card .tc-step__t { display:block; font-size:14.5px; }

/* ── in-post layout ──────────────────────────────────────────────────────────
   loop-single.php renders a data page outside .article__entry, so the
   single-post typography rules never reach it. What is left is to let the page
   use the full column and to keep the article furniture out of its way. */
.article--data .article__body { padding: 0; }
.article--data .article__databody { max-width: none; }
/* loop-single.php does not render the article header on a data page; this
   only catches any other title markup a plugin might inject. */
.article--data .article__header { display: none; }
.article--data .lwptoc { display: none; }
.article--data .tc { margin-top: 0; }
/* the hero is a full-bleed band, so it escapes the column's padding */
.article--data .tc-hero { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }