/* PROGRESSION SPECIFIC CSS */
.prog-cards { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); margin-bottom: 24px; }
.prog-card { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 24px; position: relative; overflow: hidden; }
.prog-card::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--accent); }
.prog-card:nth-child(2)::before { background: var(--accent3); }
.prog-card:nth-child(3)::before { background: var(--accent2); }
.prog-card .num { font-family: 'Black Ops One', cursive; font-size: 42px; color: var(--border); line-height: 1; margin-bottom: 10px; }
.prog-card h3 { font-family: 'Black Ops One', cursive; font-size: 17px; margin-bottom: 6px; }
.prog-card .weeks { font-family: 'Space Mono', monospace; font-size: 10px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 12px; }
.prog-card p { font-size: 13.5px; color: var(--muted); line-height: 1.6; }
.prog-card .goal { margin-top: 14px; font-size: 13px; font-weight: 700; color: var(--text); }

.prog-table { background: var(--card); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; font-size: 13.5px; }
.prog-hrow, .prog-row { display: grid; grid-template-columns: 140px 1fr 1fr 120px; gap: 16px; padding: 16px 22px; align-items: center; }
.prog-hrow { background: var(--surface); border-bottom: 1px solid var(--border); font-family: 'Space Mono', monospace; font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--muted); }
.prog-row { border-bottom: 1px solid var(--border); transition: background 0.15s; }
.prog-row:last-child { border: none; }
.prog-row:hover { background: rgba(232,255,71,0.03); }
.prog-ex { font-family: 'Space Mono', monospace; font-weight: 700; color: var(--accent); }
.prog-val { color: var(--muted); }
.prog-val.adv { color: var(--moss); }

@media (max-width: 768px) {
  .prog-hrow, .prog-row { grid-template-columns: 100px 1fr 1fr; }
  .prog-hrow span:last-child, .prog-row span:last-child { display: none; }
}