:root{
  --ink:#12160F; --ink2:#3B4238; --muted:#6B7268; --faint:#939A8F;
  --line:#D9DED4; --line2:#C2C9BC;
  --paper:#EFF2EB; --card:#FFFFFF; --sunk:#F6F8F3;
  --accent:#1B5E3F; --accent-soft:#E0EDE5; --accent-line:#A8CFB8;
  --warn:#8A5200; --warn-soft:#FAEFDA; --warn-line:#E3C387;
  --crit:#9B1239; --crit-soft:#F9E2E8; --crit-line:#E0A3B4;
  --blue:#14538C; --blue-soft:#DCEAF8; --blue-line:#9CC4E8;
  --shadow:0 1px 2px rgba(18,22,15,.06), 0 8px 24px -16px rgba(18,22,15,.28);
}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){
  --ink:#E9EEE6; --ink2:#B4BDB0; --muted:#828B7E; --faint:#6A7366;
  --line:#2A312A; --line2:#3A433A;
  --paper:#0D110C; --card:#161C15; --sunk:#11160F;
  --accent:#74C494; --accent-soft:#18271D; --accent-line:#2E4A38;
  --warn:#E2AB63; --warn-soft:#241C10; --warn-line:#4A3A1D;
  --crit:#EC8AA0; --crit-soft:#26141A; --crit-line:#4C2733;
  --blue:#86BCEC; --blue-soft:#15263C; --blue-line:#2E4A6E;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -16px rgba(0,0,0,.7);
}}
:root[data-theme="dark"]{
  --ink:#E9EEE6; --ink2:#B4BDB0; --muted:#828B7E; --faint:#6A7366;
  --line:#2A312A; --line2:#3A433A;
  --paper:#0D110C; --card:#161C15; --sunk:#11160F;
  --accent:#74C494; --accent-soft:#18271D; --accent-line:#2E4A38;
  --warn:#E2AB63; --warn-soft:#241C10; --warn-line:#4A3A1D;
  --crit:#EC8AA0; --crit-soft:#26141A; --crit-line:#4C2733;
  --blue:#86BCEC; --blue-soft:#15263C; --blue-line:#2E4A6E;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -16px rgba(0,0,0,.7);
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px; line-height:1.45; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:1180px; margin:0 auto; padding-inline:16px; padding-block:0 64px}
h1,h2,h3{font-family:Archivo,"IBM Plex Sans",sans-serif; margin:0; text-wrap:balance}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace; font-variant-numeric:tabular-nums}

/* ── header ── */
header{
  position:sticky; top:env(safe-area-inset-top,0px); z-index:20;
  background:color-mix(in srgb, var(--paper) 88%, transparent);
  backdrop-filter:blur(10px); border-bottom:1px solid var(--line);
}
.hbar{max-width:1180px; margin:0 auto; padding:14px 16px; display:flex; align-items:baseline; gap:14px; flex-wrap:wrap}
h1{font-size:19px; font-weight:700; letter-spacing:-.015em}
.tag{
  font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--accent); border:1px solid var(--accent-line); background:var(--accent-soft);
  padding:3px 7px; border-radius:3px;
}
.hnote{color:var(--muted); font-size:12.5px; margin-left:auto}
.themebtn{
  font:inherit; font-size:12px; color:var(--ink2); background:var(--card);
  border:1px solid var(--line2); border-radius:5px; padding:4px 9px; cursor:pointer;
}
.themebtn:hover{border-color:var(--accent-line); color:var(--accent)}

/* ── layout ── */
.cols{display:grid; grid-template-columns:1fr; gap:28px; margin-top:22px}
@media(min-width:960px){ .cols{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:32px; align-items:start} }

.sechead{display:flex; align-items:baseline; gap:10px; margin-bottom:10px; flex-wrap:wrap}
h2{font-size:12px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; color:var(--muted)}
.rule{flex:1; height:1px; background:var(--line); min-width:20px}
.linkbtn{font:inherit; font-size:12px; color:var(--muted); background:none; border:0; cursor:pointer; padding:0; text-decoration:underline; text-underline-offset:3px}
.linkbtn:hover{color:var(--accent)}

/* ── juice rows ── */
.list{background:var(--card); border:1px solid var(--line); border-radius:8px; overflow:hidden; box-shadow:var(--shadow)}
.row{display:grid; grid-template-columns:1fr auto; gap:10px 14px; padding:11px 14px; border-bottom:1px solid var(--line); align-items:center}
.row:last-child{border-bottom:0}
.row.on{background:var(--accent-soft)}
.row.dead{opacity:.55}
.rname{font-family:Archivo,sans-serif; font-weight:600; font-size:14.5px; letter-spacing:-.005em; display:flex; align-items:baseline; gap:8px; flex-wrap:wrap}
.rmeta{font-size:11.5px; color:var(--muted); margin-top:2px; display:flex; gap:8px; flex-wrap:wrap; align-items:center}
.chip{
  font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.06em; text-transform:uppercase;
  padding:2px 5px; border-radius:3px; border:1px solid var(--line2); color:var(--muted); white-space:nowrap;
}
.chip.warn{color:var(--warn); border-color:var(--warn-line); background:var(--warn-soft)}
.chip.crit{color:var(--crit); border-color:var(--crit-line); background:var(--crit-soft)}
.ctrls{display:flex; align-items:center; gap:6px}
.step{display:flex; align-items:center; border:1px solid var(--line2); border-radius:6px; overflow:hidden; background:var(--card)}
.step button{
  font:inherit; font-size:17px; line-height:1; width:32px; height:34px; border:0; cursor:pointer;
  background:var(--card); color:var(--ink2);
}
.step button:hover:not(:disabled){background:var(--accent-soft); color:var(--accent)}
.step button:disabled{opacity:.3; cursor:default}
.step input{
  font-family:"IBM Plex Mono",monospace; font-variant-numeric:tabular-nums; font-size:15px; font-weight:600;
  width:52px; height:34px; text-align:center; border:0; border-inline:1px solid var(--line2);
  background:var(--card); color:var(--ink); -moz-appearance:textfield;
}
.step input::-webkit-outer-spin-button,.step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.step input:focus{outline:2px solid var(--accent); outline-offset:-2px}
.seg{display:flex; border:1px solid var(--line2); border-radius:6px; overflow:hidden}
.seg button{
  font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.06em; text-transform:uppercase;
  padding:0 8px; height:34px; border:0; background:var(--card); color:var(--muted); cursor:pointer;
}
.seg button+button{border-left:1px solid var(--line2)}
.seg button[aria-pressed="true"]{background:var(--accent); color:var(--card)}
.seg button:disabled{opacity:.35; cursor:default}
.yieldpick{font:inherit; font-size:11.5px; color:var(--ink2); background:var(--sunk); border:1px solid var(--line2); border-radius:4px; padding:1px 4px}
.resolve{grid-column:1/-1; font-family:"IBM Plex Mono",monospace; font-size:11.5px; color:var(--accent); padding-top:2px}
.resolve b{font-weight:600}
.resolve .over{color:var(--warn)}

/* ── results ── */
@media(min-width:960px){ .results{position:sticky; top:calc(env(safe-area-inset-top,0px) + 74px)} }
.panel{background:var(--card); border:1px solid var(--line); border-radius:8px; box-shadow:var(--shadow); overflow:hidden}
.ptop{padding:14px 16px; border-bottom:1px solid var(--line); background:var(--sunk); display:flex; gap:18px; flex-wrap:wrap}
.stat{display:flex; flex-direction:column; gap:1px}
.stat .k{font-family:"IBM Plex Mono",monospace; font-size:9.5px; letter-spacing:.11em; text-transform:uppercase; color:var(--muted)}
.stat .v{font-family:Archivo,sans-serif; font-size:21px; font-weight:700; letter-spacing:-.02em; font-variant-numeric:tabular-nums}
.grp{padding:4px 0}
.grphead{
  font-family:"IBM Plex Mono",monospace; font-size:9.5px; letter-spacing:.13em; text-transform:uppercase;
  color:var(--muted); padding:11px 16px 5px; display:flex; align-items:center; gap:8px;
}
.grphead::after{content:""; flex:1; height:1px; background:var(--line)}
.ing{display:grid; grid-template-columns:1fr auto; gap:2px 12px; padding:7px 16px; align-items:baseline}
.ing:hover{background:var(--sunk)}
.iname{font-size:14px; font-weight:500}
.iqty{font-family:"IBM Plex Mono",monospace; font-size:14.5px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap}
.ifrom{grid-column:1/-1; font-size:11.5px; color:var(--faint); line-height:1.35}
.ijuice{grid-column:1/-1; font-family:"IBM Plex Mono",monospace; font-size:11px; color:var(--accent)}
.empty{padding:34px 16px; text-align:center; color:var(--muted); font-size:13.5px}

.pack{grid-column:1/-1; display:flex; align-items:center; gap:8px; margin-top:4px;
  font-family:"IBM Plex Mono",monospace; font-size:11px; color:var(--muted)}
.pack b{font-weight:600; color:var(--ink2)}
.pbar{flex:0 0 58px; height:6px; border-radius:3px; background:var(--line); overflow:hidden}
.pbar i{display:block; height:100%; background:var(--accent); border-radius:3px}
.pbar.over i{background:var(--warn)}
.pnote{display:inline-block; width:13px; height:13px; line-height:12px; text-align:center;
  border-radius:50%; background:var(--warn-soft); color:var(--warn); border:1px solid var(--warn-line);
  font-size:9px; cursor:help}
.cases{margin-top:1px; border:1px solid var(--line); border-top:0; border-radius:0 0 8px 8px;
  background:var(--card); overflow:hidden}
.ctitle{font-family:"IBM Plex Mono",monospace; font-size:9.5px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--muted); padding:11px 15px 6px}
.crow{display:grid; grid-template-columns:1fr auto auto; gap:3px 12px; align-items:center;
  padding:7px 15px; border-top:1px solid var(--line)}
.crow .cn{font-size:13.5px; font-weight:500}
.crow .cq{font-family:"IBM Plex Mono",monospace; font-size:13px; font-variant-numeric:tabular-nums; color:var(--ink2)}
.crow .cc{font-family:"IBM Plex Mono",monospace; font-size:12.5px; font-weight:600; white-space:nowrap; min-width:132px; text-align:right}
.crow .cc.over{color:var(--warn)}
.ing.sub{border-top:1px dashed var(--line2); margin-top:4px; padding-top:8px}
.ing.sub .iname{font-family:"IBM Plex Mono",monospace; font-size:10.5px; letter-spacing:.09em; text-transform:uppercase; color:var(--muted)}
.confirm{grid-column:1/-1; display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  margin-top:8px; padding-top:9px; border-top:1px dashed var(--accent-line)}
.confirm .act{font-family:"IBM Plex Mono",monospace; font-variant-numeric:tabular-nums;
  font-size:15px; font-weight:600; width:64px; height:34px; text-align:center;
  border:1px solid var(--accent); border-radius:6px; background:var(--card); color:var(--ink);
  -moz-appearance:textfield}
.confirm .act::-webkit-outer-spin-button,.confirm .act::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.confirm .act:focus{outline:2px solid var(--accent); outline-offset:-1px}
.est{font-family:"IBM Plex Mono",monospace; font-size:11.5px; color:var(--muted); display:flex; gap:6px; align-items:center}
.est b{color:var(--ink2)}
.fillbtn{font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.05em; text-transform:uppercase;
  color:var(--ink2); background:var(--sunk); border:1px solid var(--line2); border-radius:4px;
  padding:3px 7px; cursor:pointer}
.fillbtn:hover{border-color:var(--accent-line); color:var(--accent)}
.vartag{font-family:"IBM Plex Mono",monospace; font-size:11.5px; font-weight:600}
.vartag.up{color:var(--accent)} .vartag.dn{color:var(--warn)} .vartag.eq{color:var(--muted)}
.measured{font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.05em;
  text-transform:uppercase; padding:2px 5px; border-radius:3px;
  border:1px solid var(--accent-line); background:var(--accent-soft); color:var(--accent); white-space:nowrap}
.confirm label{font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.11em;
  text-transform:uppercase; color:var(--muted)}
.dt{font:inherit; font-family:"IBM Plex Mono",monospace; font-size:12.5px; color:var(--ink);
  background:var(--card); border:1px solid var(--line2); border-radius:6px; padding:5px 8px}
.dt:focus{outline:2px solid var(--accent); outline-offset:-1px}
.okbtn{font-family:Archivo,sans-serif; font-size:12px; font-weight:600; letter-spacing:.04em;
  text-transform:uppercase; color:var(--card); background:var(--accent); border:0;
  border-radius:6px; padding:8px 15px; cursor:pointer}
.okbtn:hover{filter:brightness(1.12)}
.okbtn:disabled{opacity:.5; cursor:default}
.saidrow{display:flex; align-items:center; gap:10px; flex-wrap:wrap; grid-column:1/-1; font-family:"IBM Plex Mono",monospace; font-size:12px;
  margin-top:7px; padding:6px 9px; border-radius:5px;
  background:var(--accent-soft); border:1px solid var(--accent-line); color:var(--accent)}
.saidrow.bad{background:var(--crit-soft); border-color:var(--crit-line); color:var(--crit)}
.undobtn{font-family:Archivo,sans-serif; font-size:11px; font-weight:600; letter-spacing:.06em;
  text-transform:uppercase; color:var(--accent); background:var(--card);
  border:1px solid var(--accent-line); border-radius:5px; padding:4px 10px; cursor:pointer; margin-left:auto}
.undobtn:hover:not(:disabled){background:var(--card); filter:brightness(.97); text-decoration:underline}
.undobtn:disabled{opacity:.5; cursor:default}
.said{font-family:"IBM Plex Mono",monospace; font-size:11.5px; color:var(--accent)}
.said.bad{color:var(--crit)}

.used{background:var(--card); border:1px solid var(--line); border-radius:8px;
  box-shadow:var(--shadow); overflow:hidden; margin-bottom:18px}
.usedtop{padding:14px 16px; background:var(--sunk); border-bottom:1px solid var(--line);
  display:flex; gap:20px; flex-wrap:wrap; align-items:flex-end}
.usedbody{display:grid; grid-template-columns:1fr; gap:0}
@media(min-width:720px){ .usedbody{grid-template-columns:1fr 1fr} .usedbody .grp:nth-child(odd){border-right:1px solid var(--line)} }
.usedfoot{padding:10px 16px 13px; border-top:1px solid var(--line); font-size:12px; color:var(--faint); line-height:1.5}
.exportbar{display:flex; gap:9px; align-items:center; flex-wrap:wrap; margin-left:auto}
.exbtn{font-family:Archivo,sans-serif; font-size:11.5px; font-weight:600; letter-spacing:.05em;
  text-transform:uppercase; color:var(--accent); background:var(--card);
  border:1px solid var(--accent-line); border-radius:6px; padding:7px 13px; cursor:pointer}
.exbtn:hover:not(:disabled){background:var(--accent-soft)}
.exbtn:disabled{opacity:.55; cursor:default}
.exmsg{font-family:"IBM Plex Mono",monospace; font-size:11.5px; color:var(--accent); max-width:340px; line-height:1.45}
.exmsg.bad{color:var(--crit)}
.exmsg a{color:inherit}
.rangebtns{display:flex; border:1px solid var(--line2); border-radius:6px; overflow:hidden; margin-left:auto}
.rangebtns button{font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.06em;
  text-transform:uppercase; padding:0 9px; height:28px; border:0; background:var(--card);
  color:var(--muted); cursor:pointer}
.rangebtns button+button{border-left:1px solid var(--line2)}
.rangebtns button[aria-pressed="true"]{background:var(--accent); color:var(--card)}
.log{margin-top:32px; border-top:2px solid var(--ink)}
.log .cap{font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--muted); padding:11px 0 12px; display:flex; gap:10px; align-items:baseline}
.day{background:var(--card); border:1px solid var(--line); border-radius:8px; margin-bottom:11px; overflow:hidden}
.dayhead{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; padding:11px 15px;
  background:var(--sunk); border-bottom:1px solid var(--line)}
.dayhead .d{font-family:Archivo,sans-serif; font-weight:700; font-size:15px; letter-spacing:-.01em}
.dayhead .m{font-family:"IBM Plex Mono",monospace; font-size:11.5px; color:var(--muted)}
.dayhead .m b{color:var(--accent); font-weight:600}
.ent{display:grid; grid-template-columns:1fr auto auto; gap:2px 12px; align-items:baseline;
  padding:8px 15px; border-bottom:1px solid var(--line)}
.ent:last-child{border-bottom:0}
.ent .nm{font-size:14px; font-weight:500}
.ent .qt{font-family:"IBM Plex Mono",monospace; font-size:13.5px; font-variant-numeric:tabular-nums; white-space:nowrap}
.ent .x{font:inherit; font-size:15px; line-height:1; color:var(--faint); background:none; border:0; cursor:pointer; padding:0 2px}
.ent .x:hover{color:var(--crit)}
.ent.arm{background:var(--crit-soft)}
.ent .x[disabled]{opacity:.35; cursor:default}
.armbar{grid-column:1/-1; display:flex; align-items:center; gap:9px; flex-wrap:wrap;
  margin-top:7px; padding-top:8px; border-top:1px dashed var(--crit-line)}
.armbar .q{font-size:12.5px; color:var(--crit); font-weight:500}
.armbar button{font-family:Archivo,sans-serif; font-size:11px; font-weight:600; letter-spacing:.06em;
  text-transform:uppercase; border-radius:5px; padding:7px 12px; cursor:pointer; border:1px solid}
.armbar .yes{color:var(--card); background:var(--crit); border-color:var(--crit)}
.armbar .yes:hover{filter:brightness(1.12)}
.armbar .no{color:var(--ink2); background:var(--card); border-color:var(--line2)}
.armbar .no:hover{border-color:var(--ink2)}
.yield{background:var(--card); border:1px solid var(--line); border-radius:8px;
  box-shadow:var(--shadow); overflow:hidden; margin-bottom:18px}
.yrow{padding:12px 16px; border-bottom:1px solid var(--line);
  display:grid; grid-template-columns:1fr auto; gap:3px 16px; align-items:baseline}
.yrow:last-child{border-bottom:0}
.yrow .jn{font-family:Archivo,sans-serif; font-weight:600; font-size:15px; letter-spacing:-.01em}
.yrow .runs{font-family:"IBM Plex Mono",monospace; font-size:11px; color:var(--muted); white-space:nowrap}
.yrow .nums{grid-column:1/-1; display:flex; gap:14px; flex-wrap:wrap; align-items:baseline;
  font-family:"IBM Plex Mono",monospace; font-size:12.5px; color:var(--ink2); margin-top:2px}
.yrow .nums b{font-weight:600}
.big{font-family:Archivo,sans-serif; font-size:17px; font-weight:700; letter-spacing:-.02em}
.big.up{color:var(--accent)} .big.dn{color:var(--warn)} .big.eq{color:var(--muted)}
.bar{grid-column:1/-1; height:5px; border-radius:3px; background:var(--line); margin-top:7px;
  position:relative; overflow:hidden}
.bar i{position:absolute; top:0; bottom:0; display:block; border-radius:3px}
.bar i.up{background:var(--accent)} .bar i.dn{background:var(--warn)}
.verdict{grid-column:1/-1; font-size:12.5px; color:var(--muted); margin-top:6px; line-height:1.45}
.verdict b{color:var(--ink2); font-weight:600}
.verdict .flag{color:var(--warn); font-weight:600}
.yfoot{padding:11px 16px; border-top:1px solid var(--line); font-size:12px; color:var(--faint); line-height:1.5}
.logmsg{font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--muted); padding:0 0 9px}
.ent .sub{grid-column:1/-1; font-size:11.5px; color:var(--faint)}
.logempty{color:var(--muted); font-size:13.5px; padding:4px 0 0}
@media(max-width:560px){ .ent{grid-template-columns:1fr auto} .ent .x{grid-row:1; justify-self:end} }
.totals{margin-top:32px; border-top:2px solid var(--ink)}
.totals .cap{font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); padding:11px 0 12px}
.tgrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(148px,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:8px; overflow:hidden}
.tcell{background:var(--card); padding:13px 15px; display:flex; flex-direction:column; gap:2px}
.tcell.hi{background:var(--accent-soft)}
.tcell .k{font-family:"IBM Plex Mono",monospace; font-size:9.5px; letter-spacing:.11em; text-transform:uppercase; color:var(--muted)}
.tcell .v{font-family:Archivo,sans-serif; font-size:23px; font-weight:700; letter-spacing:-.025em; font-variant-numeric:tabular-nums; line-height:1.15}
.tcell.hi .v{color:var(--accent)}
.tcell .s{font-family:"IBM Plex Mono",monospace; font-size:11px; color:var(--faint)}
.tfoot{font-size:12.5px; color:var(--muted); margin-top:12px; line-height:1.55}
.tfoot .bad{color:var(--warn)}
.note{border-radius:8px; padding:12px 14px; font-size:13px; line-height:1.5; margin-top:14px; border:1px solid}
.note.warn{background:var(--warn-soft); border-color:var(--warn-line); color:var(--warn)}
.note.crit{background:var(--crit-soft); border-color:var(--crit-line); color:var(--crit)}
.note b{font-family:Archivo,sans-serif; font-weight:600; display:block; margin-bottom:3px; font-size:12px; letter-spacing:.04em; text-transform:uppercase}
.note ul{margin:5px 0 0; padding-left:17px}
.note li{margin:2px 0}
footer{margin-top:34px; padding-top:16px; border-top:1px solid var(--line); color:var(--faint); font-size:12px; line-height:1.6}
.rxbtn{
  font-family:"IBM Plex Mono",monospace; font-size:10px; font-weight:600; letter-spacing:.07em;
  text-transform:uppercase; color:var(--blue); background:var(--blue-soft);
  border:1px solid var(--blue-line); border-radius:3px; padding:2px 7px; cursor:pointer;
}
.rxbtn:hover{filter:brightness(.96); border-color:var(--blue)}
.rxbtn[aria-expanded="true"]{color:var(--card); background:var(--blue); border-color:var(--blue)}
.rx{grid-column:1/-1; margin-top:7px; border-left:2px solid var(--blue-line); padding:2px 0 2px 11px}
.rxhead{
  font-family:"IBM Plex Mono",monospace; font-size:9.5px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--faint); margin-bottom:3px;
}
.rxline{display:grid; grid-template-columns:1fr auto auto; gap:3px 12px; align-items:baseline; padding:1.5px 0}
.rxline .nm{font-size:13px; color:var(--ink2)}
.rxline .qt{font-family:"IBM Plex Mono",monospace; font-size:13px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap}
.rxline .pb{font-family:"IBM Plex Mono",monospace; font-size:10.5px; color:var(--faint); white-space:nowrap; min-width:74px; text-align:right}
.rxsub{font-size:11.5px; color:var(--faint); padding:0 0 3px 12px; line-height:1.4}
.rxsub.bad{color:var(--crit)}
.rxgap{font-size:11.5px; color:var(--warn); padding:2px 0 0}
@media(max-width:560px){ .rxline{grid-template-columns:1fr auto} .rxline .pb{display:none} }
.row>div{min-width:0}
.rname{overflow-wrap:anywhere}
@media(max-width:560px){
  .row{grid-template-columns:1fr}
  .ctrls{justify-content:flex-start; flex-wrap:wrap}
  .hnote{margin-left:0; flex-basis:100%; order:5}
  .ing{grid-template-columns:1fr auto}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important; transition:none!important}}