/* The public 2028 Investment Banking Summer Analyst Tracker (src/tracker.ts; Yang, Nov 13, 2026, approved mock). Palette v5 only:
   Near Black #131B1E, Emerald #11806A, Emerald Deep #0E6A58, Tinted Frost #EBF2F4, Warm Sand #C4A882 (closing soon), Oxblood #6B2E3A on #F2E4E6 (deadline passed), Slate Teal #41626E. */
.trk{ max-width:1180px; }
.trk-eb{ margin:0 0 10px; font-size:12.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--accent-ink); }
.trk .lead{ margin-bottom:22px; }
.trk-short{ background:#EBF2F4; color:#131B1E; border-radius:12px; padding:18px 22px; margin:0 0 24px; }
.trk-sl{ display:block; font-size:11.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#0E6A58; margin-bottom:6px; }
.trk-short p{ margin:0; font-size:16.5px; line-height:1.55; }
.trk-tiles{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0 0 28px; }
.trk-tile{ background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:16px 18px; display:flex; flex-direction:column; gap:4px; min-width:0; }
.trk-tl{ font-size:12.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-dim); }
.trk-tile b{ font-family:'Lora',Georgia,serif; font-weight:600; font-size:28px; line-height:1.2; color:var(--ink); }
.trk-ts{ font-size:13.5px; color:var(--ink-dim); }
.trk-tbl{ background:var(--surface); border:1px solid var(--border); border-radius:12px; overflow-x:auto; margin:0 0 28px; }
.trk-tbl table{ width:100%; min-width:0; border-collapse:collapse; font-size:14.5px; }   /* not the 1180px of the postings table (style.css) */
.trk-cap, .trk-sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.trk-tbl thead th{ text-align:left; font-size:12.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-dim); background:var(--surface-2); padding:11px 12px; }
.trk-tbl td, .trk-tbl tbody th{ text-align:left; padding:12px 12px; border-top:1px solid var(--border); vertical-align:middle; }
.trk-tbl tbody th{ font-weight:700; color:var(--ink); }
.trk-tbl .trk-num{ text-align:right; font-variant-numeric:tabular-nums; }
.trk-more{ color:var(--ink-dim); white-space:nowrap; }
.trk-wait th, .trk-wait td{ color:var(--ink-dim); }
.trk-tbl .trk-act{ text-align:right; white-space:nowrap; } .trk-act a{ color:var(--accent); font-weight:700; text-decoration:none; } .trk-act a:hover{ text-decoration:underline; }
.trk-tbl .trk-none{ color:var(--ink-dim); text-align:center; }
.trk-pill{ display:inline-block; padding:3px 10px; border-radius:999px; font-size:13px; font-weight:700; white-space:nowrap; border:1px solid transparent; }
.trk-pill.open{ background:#E3F1EE; color:#0E6A58; border-color:#9ACFC2; }
.trk-pill.closing{ background:#EEDFC6; color:#6A522E; border-color:#C4A882; }
.trk-pill.passed{ background:#F2E4E6; color:#6B2E3A; }
.trk-pill.wait{ background:#EBF2F4; color:#41626E; }
.trk-cta{ background:#131B1E; color:#F9F9F9; border-radius:14px; padding:26px 28px; display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 28px; }
.trk-cta h2{ font-family:'Lora',Georgia,serif; font-weight:600; font-size:24px; margin:0 0 6px; color:#F9F9F9; }
.trk-cta p{ margin:0; color:#C9D9DF; }
.trk-cta .btn-pri{ flex:none; }
.trk-how{ border-top:1px solid var(--border); padding-top:18px; margin-bottom:24px; }
.trk-how h2{ font-size:15px; font-weight:800; margin:0 0 6px; }
.trk-how p{ margin:0; color:var(--ink-dim); font-size:14.5px; line-height:1.6; max-width:860px; }
@media (min-width:761px){ .trk-tbl td[data-label="Offices"]{ min-width:180px; } .trk-tbl td[data-label="Opened"], .trk-tbl td[data-label="Next deadline"]{ white-space:nowrap; } }
@media (max-width:900px){ .trk-tiles{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px){
  .trk-tbl{ background:none; border:0; border-radius:0; }
  .trk-tbl table, .trk-tbl tbody, .trk-tbl tr, .trk-tbl td, .trk-tbl tbody th{ display:block; }
  .trk-tbl thead{ display:none; }
  .trk-tbl tbody tr{ background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:12px 14px; margin-bottom:12px; }
  .trk-tbl td, .trk-tbl tbody th{ border:0; padding:4px 0; display:flex; justify-content:space-between; gap:12px; text-align:right; }
  .trk-tbl tbody th{ font-size:17px; padding-bottom:8px; text-align:left; }
  .trk-tbl td[data-label]::before{ content:attr(data-label); color:var(--ink-dim); font-weight:600; text-align:left; flex:none; }
  .trk-tbl .trk-act{ justify-content:flex-start; padding-top:10px; }
  .trk-cta{ flex-direction:column; align-items:flex-start; padding:22px 20px; }
}