.pace-planner{padding:3rem 0;background:#f4f1e8;color:#183b37}.pace-planner header{max-width:720px}.pace-planner header>span{font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#a6532b}.pace-planner h2{font-size:clamp(1.8rem,4vw,3rem);margin:.35rem 0}.pace-planner-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:1.5rem;margin-top:1.5rem}.pace-controls,.pace-result,.pace-stages{background:#fff;border:1px solid #d9d4c8;border-radius:22px;padding:1.4rem}.pace-controls>label{display:grid;gap:.4rem;font-weight:700}.pace-controls input[type=time],.oe-pace input{min-height:44px;border:1px solid #aaa69c;border-radius:10px;padding:.6rem}.pace-controls fieldset{border:0;padding:0;margin:1.25rem 0 0;display:grid;gap:.65rem}.pace-controls legend{font-weight:800;margin-bottom:.6rem}.pace-controls fieldset label{display:flex;gap:.75rem;align-items:flex-start;border:1px solid #dedbd1;border-radius:14px;padding:.8rem;cursor:pointer}.pace-controls fieldset label:has(input:checked){border-color:#11675f;background:#eff8f6}.pace-controls small{display:block;color:#5d6865;margin-top:.15rem}.pace-result{display:flex;flex-direction:column;justify-content:center;text-align:center}.pace-result>strong{font-size:3.2rem;line-height:1;margin:.65rem 0 .2rem}.pace-result dl{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1.4rem 0 0}.pace-result dl div{background:#f4f7f6;border-radius:12px;padding:.65rem}.pace-result dt{font-size:.8rem}.pace-result dd{font-weight:800;margin:.25rem 0 0}.pace-stages{margin-top:1rem}.pace-stages ol{list-style:none;padding:0;margin:0}.pace-stages li{display:grid;grid-template-columns:70px 1fr auto;gap:1rem;padding:.75rem 0;border-bottom:1px solid #e6e2da}.pace-stages time{font-weight:800}.pace-private{font-size:.85rem;color:#66716e;margin:1rem 0 0}.oe-pace{margin-top:1.5rem}.oe-pace-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:1rem}.oe-pace-grid label{display:grid;gap:.4rem;font-weight:700}.oe-pace-help{color:#68716f}@media(max-width:800px){.pace-planner-grid{grid-template-columns:1fr}.oe-pace-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.oe-pace-grid{grid-template-columns:1fr}.pace-stages li{grid-template-columns:62px 1fr}.pace-stages small{grid-column:2}}