/* Project Pumper — Workout Plans page styles.
 *
 * Page-specific rules whose declaration bodies did not exactly match a shared
 * class in pumper.css. Bodies are verbatim copies of the template's former
 * inline styles; shared chrome (nav, buttons, pills, scanline, footer bits)
 * lives in pumper.css and is reused there.
 */

.nav__link--current{color:#ff2fa0;border-bottom:0.3em solid #ff2fa0;padding-bottom:0.4em}

.plans-header{text-align:center;padding:2.75em 2.5em 2.5em;background:var(--scanline),linear-gradient(180deg,#0d0517 0%,#2c0a24 100%);overflow:hidden;border-bottom:0.15em solid #ff2fa0}
.plans-title{margin:0.3em 0 0;font-family:'Archivo Black',sans-serif;font-style:italic;font-weight:900;font-size:min(4.75em,11vw);line-height:.95;transform:skewX(-8deg);background:linear-gradient(180deg,#fff0f8 0%,#ffb1dc 40%,#8a1458 50%,#fff 54%,#ff2fa0 70%,#7a0e4c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0.05em 0 #2c0018)}

.plans-banner{background:#59133e;color:#fff;text-align:center;padding:0.75em;font-family:'Press Start 2P',monospace;font-size:0.625em;border-bottom:0.15em solid #ff2fa0}

.plans-section{padding:2.75em 2.5em 3.4em;background:#0d0517}
.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5em),1fr));gap:1.25em;max-width:78em;margin:0 auto}

.plan-card{flex:1 1 28%;min-width:0;display:flex;flex-direction:column;gap:0.75em;background:#140a26;border:0.19em solid #ff2fa0;padding:1em;box-shadow:0 0 1em #ff2fa022}
.plan-card__head{display:flex;justify-content:space-between;align-items:center;gap:0.5em}
.plan-card__name{font-family:'Press Start 2P',monospace;font-size:0.7em;color:#ff2fa0;line-height:1.5}
.plan-card__status{font-family:'Press Start 2P',monospace;font-size:0.56em;color:#8d7fae}
.level-art{aspect-ratio:10/3.2;border:0.13em dashed #7a3d63;background:repeating-linear-gradient(45deg,#220e1c 0 0.5em,#2c1226 0.5em 1em);display:flex;align-items:center;justify-content:center;font-family:ui-monospace,monospace;font-size:0.625em;color:#c76fa7;text-align:center}
.plan-card__copy{font-size:0.8em;color:#d7cfe8;line-height:1.5}
.plan-card__locked{font-family:'Press Start 2P',monospace;font-size:0.625em;color:#fff;background:#59133e;text-align:center;padding:0.9em;margin-top:auto}

.plans-note{text-align:center;font-size:0.875em;color:#8d7fae;max-width:48em;margin:2.25em auto 0;line-height:1.6}

.plans-footer{text-align:center;padding:2.25em 2.5em 2.75em;background:#080312;border-top:0.15em solid #ff2fa0}

/* live plan cards (generated from the catalog's workouts/) */
a.plan-card{text-decoration:none;color:inherit}
.plan-card--live{transition:transform .12s ease,box-shadow .12s ease}
.plan-card--live:hover{transform:translateY(-0.2em);box-shadow:0 0 1.4em #ff2fa055}
.plan-card--live .plan-card__status{color:#39ff5a}
.plan-card__cta{font-family:'Press Start 2P',monospace;font-size:0.625em;color:#25e8e0;text-align:center;padding:0.9em;margin-top:auto;border:0.15em dashed #25e8e055}
.plan-card--live:hover .plan-card__cta{border-color:#25e8e0}

/* workout detail: the program readout (accessible-mockup integration) */
.wk-crumb{color:#8d7fae;text-decoration:none}
.wk-crumb:hover{text-decoration:underline}
.plans-title--plan{font-size:min(3.4em,9vw);max-width:16em;margin-left:auto;margin-right:auto}
.wk-hero-pills{display:flex;justify-content:center;gap:0.5em;flex-wrap:wrap;margin-top:1.4em}
.hpill{font-family:ui-monospace,monospace;font-weight:700;font-size:0.7em;padding:0.35em 0.9em;border:0.18em solid}
.hpill--cyan{border-color:#25e8e0;color:#25e8e0}
.hpill--gold{border-color:#ffd23e;color:#ffd23e}
.hpill--pink{border-color:#ff2fa0;color:#ff2fa0}
.hpill--green{border-color:#39ff5a;color:#39ff5a}
.wk-tagline{font-family:'Shojumaru',system-ui,cursive;font-size:0.85em;color:#ffd23e;text-shadow:0 0 0.8em #ffd23e44;margin:1.4em 0 0}
.wk-track{margin-top:1.5em}
.btn-track{display:inline-block;font-family:'Press Start 2P',monospace;font-size:0.8em;background:#c2187c;color:#fff;padding:1.2em 2em;box-shadow:0.35em 0.35em 0 #7a0e4c}
.btn-track:hover{color:#fff;background:#ff2fa0}
.wk-blink{animation:blink 1.1s steps(1) infinite}
.wk-weeknav{display:flex;flex-wrap:wrap;justify-content:center;gap:0.5em;padding:1em clamp(0.8em,4vw,2.5em);background:#080312;border-bottom:0.15em solid #2c1a4a}
.wk-chip{font-family:'Press Start 2P',monospace;font-size:0.6em;color:#cfc4e6;border:0.18em solid #2c1a4a;padding:0.7em 0.9em;background:#140a26}
.wk-chip:hover{border-color:#ff2fa0;color:#ff2fa0}
.wk-desc{max-width:52em;margin:2em auto 0;padding:0 2.5em;color:#d7cfe8;font-size:0.95em;line-height:1.65}
.wk-program{max-width:68em;margin:0 auto;display:flex;flex-direction:column;gap:2.2em}
.wk-week{display:flex;flex-direction:column;gap:1.4em;min-width:0}
.wk-week__label{margin:0;display:flex;align-items:center;gap:0.4em;font-family:'Archivo Black',sans-serif;font-style:italic;font-weight:900;font-size:1.7em;color:#fff;background:linear-gradient(90deg,#59133e,#2c0a24);border-left:0.35em solid #ff2fa0;padding:0.55em 0.9em;transform:skewX(-4deg)}
.wk-week__word{color:#ffb3dd}
.wk-table{width:100%;border-collapse:collapse;background:#140a26;border:0.19em solid #2c1a4a;min-width:0}
.wk-table caption{text-align:left;padding:0}
.wk-day__label{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:1em;background:#1c1030;border-bottom:0.15em solid #25e8e0;padding:0.9em 1.1em;font-family:'Press Start 2P',monospace;font-weight:400;font-size:0.75em;color:#25e8e0}
.wk-day__meta{font-size:0.75em;color:#8d7fae}
.wk-table caption .wk-note{padding:0.7em 1.5em 0}
.wk-table thead th{text-align:left;font-family:'Press Start 2P',monospace;font-weight:400;font-size:0.6em;color:#8d7fae;padding:1.1em 1.8em;border-bottom:0.12em solid #2c1a4a}
.wk-table thead th.wk-col-sets{text-align:center;padding:1.1em 1em;width:12%}
.wk-table thead th.wk-col-reps{text-align:right;width:26%}
.wk-row{border-bottom:0.06em solid #1c1030}
.wk-cell-ex{padding:0.75em 1.1em}
.wk-move{font-weight:500;color:#e6def5}
.wk-move:hover{color:#ff2fa0}
.wk-vchip{font-family:ui-monospace,monospace;font-size:0.66em;color:#8d7fae;border:0.14em solid #2c1a4a;padding:0.1em 0.45em;margin-left:0.5em;white-space:nowrap}
.wk-num{font-family:'Press Start 2P',monospace;font-size:0.7em;padding:0.75em 0.6em}
.wk-num--sets{text-align:center;color:#25e8e0}
.wk-num--reps{text-align:right;color:#ffd23e;padding-right:1.6em;white-space:nowrap}
.wk-row--rest td,.wk-row--combine td,.wk-row--tech td{padding:0.6em 1.1em;border-bottom:0.06em solid #1c1030;font-family:'Press Start 2P',monospace;font-size:0.66em}
.wk-row--combine td{background:#20081a;border-left:0.35em solid #ff2fa0;color:#ffb3dd}
.wk-row--rest td{background:#0e1a22;border-left:0.35em solid #25e8e0;color:#25e8e0;font-style:normal}
.wk-row--tech td{background:#221c08;border-left:0.35em solid #ffd23e;color:#ffd23e}
.wk-table tfoot td{padding:1em 1.1em;background:#0a1408;border-top:0.19em solid #39ff5a;font-family:'Press Start 2P',monospace}
.wk-clear{font-size:0.75em;color:#39ff5a;text-shadow:0 0 0.7em #39ff5a55}
.wk-vol-label{font-size:0.6em;color:#8d7fae;margin-left:0.8em}
.wk-vol{font-size:0.85em;color:#39ff5a}
.wk-vol-unit{font-size:0.6em;color:#8d7fae}
.wk-note{margin:0.35em 0 0;font-size:0.82em;color:#8d7fae;line-height:1.5;font-family:'Oswald','Archivo',system-ui,sans-serif;font-style:normal}

/* live plan cards: outline pills per the pack-card design */
.plan-card .pill{background:transparent;font-family:ui-monospace,monospace;font-weight:700;border:0.18em solid}
.plan-card .pill.c-cyan{border-color:#25e8e0;color:#25e8e0}
.plan-card .pill.c-yellow{border-color:#ffd23e;color:#ffd23e}
.plan-card .pill.c-green{border-color:#39ff5a;color:#39ff5a}
.wk-row--read td{padding:0.6em 1.1em;border-bottom:0.06em solid #1c1030;border-left:0.35em solid #cfc4e6;background:#17122a;font-family:'Press Start 2P',monospace;font-size:0.66em;color:#cfc4e6}
.wk-read-link{color:#cfc4e6;text-decoration:underline}
.wk-read-link:hover{color:#fff}
