/* workout-planner: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.eb-top, .mpl-top, .wp-top { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; }
.wp-progress { flex: 1 1 220px; display: grid; gap: 6px; font-weight: 600; color: var(--ink); }
.wp-progress i { display: block; height: 8px; border-radius: 999px; background: var(--mist); overflow: hidden; }
.wp-progress b { display: block; height: 100%; background: var(--good); }
.wp-days { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.wp-day { padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); }
.wp-day.is-rest { background: var(--mist); }
.wp-day h2 { margin: 0 0 8px; font-size: 1rem; }
.wp-day h2 small { color: var(--slate); font-weight: 500; }
.wp-day ul { margin: 0 0 8px; padding: 0; list-style: none; display: grid; gap: 6px; }
.wp-day li { display: flex; align-items: center; gap: 6px; }
.wp-day li.is-done .wp-name { text-decoration: line-through; color: var(--slate-2); }
.wp-name { flex: 1; min-width: 0; padding: 5px 7px; font-size: 0.88rem; }
.wp-amount { width: 96px; padding: 5px 7px; font-size: 0.85rem; }
.wp-day input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--good); }
.wp-del { width: 26px; height: 26px; border: 0; background: none; color: var(--slate); cursor: pointer; border-radius: 6px; }
.wp-del:hover { background: var(--mist); color: var(--bad); }