/* Beginner Run-Walk Plan Builder. Reuses /gel-calculator/calc.css and /race-planner/planner.css; extras only. */
.rw-week{background:rgba(250,243,232,.08);border-radius:12px;padding:4px 14px 10px;margin:0 0 12px}
.rw-week h3{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;align-items:baseline;margin:12px 0 8px}
.rw-week h3 .dt{font-family:Inter,sans-serif;font-weight:600;font-size:.9rem;opacity:.9}
.results .rw-week p.note{font-size:.92rem;opacity:1;margin:0 0 10px;background:#FAF3E8;color:#2B2B2B;border-left:4px solid #B5482F;padding:8px 12px;border-radius:8px}
.rw-runs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rw-runs li{background:var(--cream);color:var(--ch);border-radius:10px;padding:10px 12px;border-left:5px solid var(--moss)}
.rw-runs li.done{opacity:.72;border-left-color:#9a9184}
.rw-runs label{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.rw-runs input{width:24px;height:24px;flex:0 0 24px;margin:2px 0 0;accent-color:var(--rust)}
.rw-runs .day{display:block;font-weight:700}
.rw-runs .ses{display:block;font-size:.98rem;line-height:1.4}
.rw-runs .tot{display:block;font-size:.88rem;color:#5a534b;margin-top:2px}
.rw-runs li.done .ses{text-decoration:line-through}
.rw-bar{height:12px;background:rgba(250,243,232,.2);border-radius:999px;overflow:hidden;margin:6px 0 4px}
.rw-bar span{display:block;height:100%;background:var(--moss);width:0;transition:width .3s}
.ratio{background:#fff;color:var(--ch);border-radius:10px;padding:10px 14px;margin:0 0 14px;border-left:6px solid var(--rust)}
.ratio b.big{font-family:Bungee,sans-serif;font-weight:400;font-size:1.25rem;display:block;margin:2px 0}
.pacerow{display:flex;gap:8px}
.pacerow input{flex:1 1 auto;min-width:0}
.pacerow select{flex:0 0 6.5rem;width:6.5rem!important}
.how dl dt{font-weight:700;margin-top:.8em}
.how dl dd{margin:.2em 0 0}
@media print{
  .rw-week{break-inside:avoid;background:#fff!important;border:1px solid #bbb}
  .rw-runs li{background:#fff!important;border:1px solid #ccc;border-left:5px solid #555}
  .rw-week h3,.rw-week .note,.results p{color:#000!important}
  .card-form,.callout,.lead,.how,.kicker,.nudge{display:none!important}
  .rw-bar{display:none}
}

/* Stack the paired fields on narrow screens: the native date input has a wide
   intrinsic width, so two columns on a phone pinch and overlap. */
.row2{gap:0 16px}
.row2>.field{margin-bottom:18px}
@media(max-width:600px){
  .row2{grid-template-columns:1fr;gap:0}
  .rw-runs .ses{font-size:.95rem}
}
.row2>.field{min-width:0}
.row2 .field input,.row2 .field select{min-width:0;max-width:100%}