/* Grading turnaround times page (2026-11-06 redesign). Builds on /assets/pages.css + /assets/redesign.css. */
.tt-page { --c-psa:#ff5a36; --c-cgc:#e8b931; --c-bgs:#5cc8ff; }
.tt-off td { color:var(--faint); }
.tt-src { font-size:13px; color:var(--muted); margin:10px 0 0; }
.tt-page .table-wrap td { white-space:nowrap; }
.tt-stage { width:min(440px,100%); }
.tt-clock { position:relative; z-index:1; width:44%; margin:0 auto -34px; color:var(--text); }
.tt-clock svg { display:block; width:100%; height:auto; }
.tt-hero-rows { position:relative; z-index:2; display:grid; gap:10px; background:rgba(7,13,31,.92); border:1px solid var(--line); border-radius:24px; padding:46px 18px 18px; box-shadow:0 40px 80px -30px rgba(0,0,0,.85); }
.tt-hero-rows div { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:14px; background:var(--surface); border-radius:14px; padding:12px 14px; border-left:4px solid var(--muted); }
.tt-hero-rows .psa { border-left-color:var(--c-psa); } .tt-hero-rows .cgc { border-left-color:var(--c-cgc); } .tt-hero-rows .bgs { border-left-color:var(--c-bgs); }
.tt-hero-rows span { color:var(--soft); font-size:14px; } .tt-hero-rows span b { color:var(--text); }
.tt-hero-rows strong { font:800 22px var(--mono); letter-spacing:-.03em; } .tt-hero-rows strong small { font:600 12px var(--sans); color:var(--muted); }
.tt-hero-rows em { font:700 14px var(--mono); font-style:normal; color:var(--accent-2); min-width:58px; text-align:right; }
.tt-picks { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:30px; }
.tt-pick { background:var(--surface); border:1px solid var(--line); border-top:4px solid var(--muted); border-radius:22px; padding:22px; }
.tt-pick.psa { border-top-color:var(--c-psa); } .tt-pick.cgc { border-top-color:var(--c-cgc); } .tt-pick.bgs { border-top-color:var(--c-bgs); }
.tt-pick strong { display:block; font-size:24px; margin:8px 0 14px; color:var(--text); }
.tt-pick .nums { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.tt-pick .nums span { background:var(--bg); border-radius:12px; padding:10px 12px; font-size:12.5px; color:var(--muted); }
.tt-pick .nums b { display:block; font:800 20px var(--mono); color:var(--text); letter-spacing:-.02em; }
.tt-pick p { margin:12px 0 0; font-size:14px; color:var(--muted); }
.tt-legend { display:flex; justify-content:center; gap:18px; margin-top:20px; font-size:14px; color:var(--soft); }
.tt-legend span::before { content:""; display:inline-block; width:12px; height:12px; border-radius:4px; margin-right:7px; vertical-align:-1px; }
.tt-legend .psa::before { background:var(--c-psa); } .tt-legend .cgc::before { background:var(--c-cgc); } .tt-legend .bgs::before { background:var(--c-bgs); }
.tt-chart { display:grid; gap:8px; max-width:860px; margin:20px auto 0; background:var(--surface); border:1px solid var(--line); border-radius:22px; padding:20px; }
.tt-bar { display:grid; grid-template-columns:170px 1fr 92px 70px; align-items:center; gap:14px; font-size:14px; color:var(--soft); }
.tt-bar .l b { color:var(--text); }
.tt-bar .t { height:16px; background:var(--surface-2); border-radius:999px; overflow:hidden; }
.tt-bar .t i { display:block; height:100%; border-radius:999px; background:var(--muted); }
.tt-bar.psa .t i { background:var(--c-psa); } .tt-bar.cgc .t i { background:var(--c-cgc); } .tt-bar.bgs .t i { background:var(--c-bgs); }
.tt-bar .d { font:700 14px var(--mono); color:var(--text); text-align:right; white-space:nowrap; } .tt-bar .d small { font:500 11px var(--sans); color:var(--muted); }
.tt-bar .p { font:700 14px var(--mono); color:var(--accent-2); text-align:right; }
.tt-tables .tt-co { background:var(--surface); border:1px solid var(--line); border-radius:24px; padding:22px; margin-top:20px; }
.tt-co-h { display:flex; gap:16px; align-items:flex-start; margin-bottom:14px; }
.tt-co-h .mark { flex:none; min-width:64px; height:64px; padding:0 10px; box-sizing:border-box; border-radius:16px; display:grid; place-items:center; font:900 18px var(--sans); color:#0b1330; background:var(--muted); }
.tt-co.psa .mark { background:var(--c-psa); color:#fff; } .tt-co.cgc .mark { background:var(--c-cgc); } .tt-co.bgs .mark { background:var(--c-bgs); }
.tt-co-h h2 { margin:0; font-size:22px; } .tt-co-h p { margin:6px 0 0; color:var(--muted); font-size:14.5px; }
.tt-st { display:inline-block; font:600 12px var(--sans); padding:3px 9px; border-radius:999px; border:1px solid var(--line-2); color:var(--muted); }
.tt-st.on { border-color:var(--pass); color:var(--pass); }
.tt-tables .ad-slot { margin-top:20px; }
@media (max-width:760px) {
  .tt-picks { grid-template-columns:1fr; gap:10px; }
  .tt-bar { grid-template-columns:1fr 64px 58px; gap:4px 10px; } .tt-bar .l { grid-column:1/-1; } .tt-bar .t { grid-column:1; }
  .tt-chart { padding:16px; }
  .tt-co-h .mark { min-width:48px; height:48px; font-size:14px; border-radius:12px; }
  .tt-tables .tt-co { padding:16px; }
}
@media (max-width:560px) { .tt-stage { width:94%; } .tt-hero-rows { padding:40px 12px 12px; } .tt-hero-rows strong { font-size:18px; } .tt-hero-rows div { gap:8px; padding:10px 12px; } }