/* ---- ikhtisar acara ---- */
.mile{list-style:none;margin:0;padding:0}
.mile li{display:grid;grid-template-columns:52px 1fr auto;gap:9px;padding:6px 0;
  border-bottom:1px solid #f4f3ef;font-size:13px;align-items:baseline}
.mile li:last-child{border-bottom:none}
.mile b{font-variant-numeric:tabular-nums;font-size:13.5px}
.mile i{font-style:normal;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}

.chg{list-style:none;margin:0;padding:0}
.chg li{padding:6px 0;border-bottom:1px solid #f4f3ef}
.chg li:last-child{border-bottom:none}
.chg-h{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:11.5px}
.chg-x{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.chg-r{font-size:13px;margin-top:1px}
.chg-r s{color:var(--muted)}
.tahap .chkline input{width:16px;height:16px}

/* pilihan tahap, dengan artinya */
.tahap{display:grid;gap:6px}
.tahap-i{display:grid;grid-template-columns:20px 1fr;gap:4px 9px;align-items:start;
  border:1px solid var(--line);border-radius:9px;padding:9px 11px;cursor:pointer;background:var(--card)}
.tahap-i:hover{border-color:var(--brand)}
.tahap-i.on{border-color:var(--brand);background:var(--brand-l)}
.tahap-i input{width:17px;height:17px;margin:2px 0 0}
.tahap-n{font-weight:700;font-size:14px}
.tahap-n i{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:var(--brand);margin-left:6px}
.tahap-k{grid-column:2;font-size:12px;color:var(--ink2);line-height:1.4}
.tahap-i.mati{opacity:.45;cursor:not-allowed;background:#fbfaf7}
.tahap-i.mati .tahap-k{color:var(--t-bad-fg)}