.mile-pace-review { margin:0 0 16px; border:1px solid var(--color-border); background:var(--color-surface); }
.mile-pace-editor > summary { display:flex; align-items:center; gap:16px; padding:12px 16px; font-size:13px; cursor:pointer; }
.mile-pace-editor > summary::marker { content:''; }
.mile-pace-summary { color:var(--color-text-2); font-size:12px; font-variant-numeric:tabular-nums; }
.mile-pace-edit { margin-left:auto; color:var(--color-accent); font-size:12px; }
.mile-pace-form { border-top:1px solid var(--color-border); padding:14px 16px 0; }
.mile-pace-phase { color:var(--color-text-2); font-size:12px; margin-bottom:12px; }
.mile-pace-rep { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.mile-pace-rep > label { display:flex; gap:12px; align-items:center; font-size:14px; }
.mile-pace-old { font-variant-numeric:tabular-nums; }
.mile-pace-arrow { color:var(--color-text-3); }
.mile-pace-rep input { width:82px; height:36px; font-size:16px; font-variant-numeric:tabular-nums; }
.mile-pace-rep select { height:36px; max-width:150px; }
.mile-pace-other,.mile-pace-race { margin-top:14px; }
.mile-pace-other > summary,.mile-pace-race > summary,.mile-pace-history > summary { font-size:12px; color:var(--color-text-2); cursor:pointer; }
.mile-pace-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; max-width:440px; }
.mile-pace-field { display:flex; flex-direction:column; gap:5px; color:var(--color-text-2); font-size:12px; }
.mile-pace-field input { width:100%; min-width:0; height:34px; color:var(--color-text); }
.mile-pace-start { display:flex; align-items:center; gap:12px; margin-top:14px; color:var(--color-text-2); font-size:12px; }
.mile-pace-start input { width:152px; height:34px; color:var(--color-text); }
.mile-pace-confirm { display:flex; gap:8px; align-items:center; font-size:12px; margin-top:12px; }
.mile-pace-confirm input { margin:0; }
.mile-pace-actions { display:flex; align-items:center; gap:8px; margin-top:16px; }
.mile-pace-status { margin:10px 0 12px; font-size:12px; color:var(--color-text-2); }
.mile-pace-status:empty { margin:0 0 14px; }
.mile-pace-history { border-top:1px solid var(--color-border); padding:12px 16px; }
.mile-pace-history-row { display:flex; align-items:center; gap:12px; justify-content:space-between; font-size:12px; padding-top:12px; font-variant-numeric:tabular-nums; }
.mile-pace-policy { display:flex; align-items:center; gap:12px; margin-top:14px; font-size:12px; color:var(--color-text-2); }
.mile-pace-policy select { height:34px; max-width:180px; }
.mile-pace-latest { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 16px; border-top:1px solid var(--color-border); color:var(--color-text-2); font-size:12px; font-variant-numeric:tabular-nums; }
@media(max-width:600px) {
  .mile-pace-editor > summary { padding:12px; gap:10px; min-height:44px; }
  .mile-pace-form,.mile-pace-history { padding-left:12px; padding-right:12px; }
  .mile-pace-rep input,.mile-pace-rep select,.mile-pace-field input,.mile-pace-start input,.mile-pace-policy select { font-size:16px; min-height:44px; }
  .mile-pace-actions button,.mile-pace-history-row button,.mile-pace-latest button { min-height:44px; }
  .mile-pace-other > summary,.mile-pace-race > summary,.mile-pace-history > summary { padding:8px 0; }
}
