.financials,
.gimbal-rail.is-over-money{
  --financial-case:#1c1212;
  --financial-edge:#65454b;
  --financial-stock:#d5cec1;
  --financial-paper:#e0dbd1;
  --financial-ink:#33272a;
  --financial-muted:#70534a;
  --financial-rule:#b69b71;
  --financial-credit:#863b39;
  --financial-key:#e14a16;
}
.financial-console{
  container-type:inline-size;
  min-width:0;
  overflow:hidden;
  border:2px solid var(--financial-edge);
  border-radius:3px;
  background:var(--financial-case);
  color:var(--financial-stock);
  font:500 14px/1.4 var(--sans);
  box-shadow:5px 6px 0 color-mix(in srgb,var(--financial-case) 30%,transparent);
}
.financial-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 18px;
  border-bottom:7px double var(--financial-edge);
}
.financial-brand{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.financial-brand svg{width:30px;height:30px;flex:none}
.financial-brand strong{font:850 25px/.9 var(--font-display);font-stretch:78%;letter-spacing:-.04em}
.financial-brand > span{margin-left:6px;font:11px/1.25 var(--mono);color:var(--financial-paper)}
.financial-console button{
  appearance:none;
  border-radius:1px;
  cursor:pointer;
  font:600 12px/1.2 var(--sans);
}
.financial-console button:focus-visible{outline:3px solid var(--financial-credit);outline-offset:-3px}
.financial-head button:focus-visible{outline-color:var(--financial-paper);outline-offset:3px}
.financial-statement{
  margin:14px;
  padding:0 20px;
  border-inline:9px solid var(--financial-stock);
  background:var(--financial-paper);
  color:var(--financial-ink);
}
.financial-period{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:14px 0 12px;
  border-bottom:2px solid var(--financial-ink);
  font:700 11px/1.4 var(--mono);
}
.financial-readout{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:15px;padding:22px 0 20px}
.financial-readout > div > span{display:block;font:600 12px/1.3 var(--sans)}
.financial-readout > div > strong{
  display:block;
  margin-top:8px;
  font:700 clamp(32px,8.7cqi,58px)/1 var(--mono);
  letter-spacing:-.085em;
  font-variant-numeric:tabular-nums;
}
.financial-readout strong small{font-size:.58em;letter-spacing:-.04em}
.financial-readout > .financial-pending > strong{font-size:20px;letter-spacing:-.055em}
.financial-readout > .financial-pending > span{display:flex;align-items:center;gap:6px;font-size:10px}
.financial-pending{padding-bottom:3px;color:var(--financial-muted)}
.financial-state{display:inline-block;width:7px;height:7px;flex:none;border:1.5px solid currentColor;font-style:normal}
.financial-state-cleared{background:currentColor}
.financial-state-pending{background:transparent}
.financial-methods{display:flex;gap:4px;padding:0 0 12px}
.financial-methods button{flex:1;min-height:33px;border:1px solid var(--financial-rule);padding:7px 5px;background:var(--financial-stock);color:var(--financial-ink);font-size:11px;white-space:nowrap}
.financial-methods button[aria-pressed="true"]{background:var(--financial-ink);color:var(--financial-paper);border-color:var(--financial-ink)}
.financial-methods button:hover{border-color:var(--financial-credit)}
.financial-plot{margin:0;padding:10px 0 15px;border-block:1px solid var(--financial-rule)}
.financial-plot svg{display:block;width:100%;height:auto;overflow:visible}
.financial-plot-rules path{fill:none;stroke:var(--financial-rule);stroke-width:1}
.financial-plot-rules path + path{stroke-dasharray:2 6}
.financial-plot-labels{font:12px var(--mono);fill:var(--financial-muted)}
.financial-plot-area{fill:var(--financial-credit);opacity:.08}
.financial-plot-line{fill:none;stroke:var(--financial-credit);stroke-width:4;stroke-linejoin:miter;stroke-linecap:square}
.financial-plot-end{fill:var(--financial-paper);stroke:var(--financial-credit);stroke-width:4}
.financial-plot figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:var(--financial-muted);font:10px/1.3 var(--mono)}
.financial-plot figcaption > span:first-child{display:flex;align-items:center;gap:6px}
.financial-plot figcaption .financial-state{color:var(--financial-credit)}
.financial-journal-head{display:flex;justify-content:space-between;gap:12px;padding:16px 0 10px;border-bottom:2px solid var(--financial-ink);font-size:12px}
.financial-journal-head > span{color:var(--financial-muted);font:10px var(--mono)}
.financial-journal{max-height:226px;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--financial-muted) var(--financial-stock);list-style:none;margin:0;padding:0}
.financial-journal li{border-bottom:1px solid var(--financial-rule)}
.financial-journal button{
  display:grid;
  grid-template-columns:43px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:100%;
  padding:12px 3px;
  border:0;
  color:var(--financial-ink);
  background:transparent;
  text-align:left;
}
.financial-journal button:hover,.financial-journal button[aria-pressed="true"]{background:var(--financial-stock)}
.financial-journal time{font:10px/1.3 var(--mono);color:var(--financial-muted)}
.financial-entry-copy{min-width:0}
.financial-entry-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 12px/1.3 var(--sans)}
.financial-entry-copy small{display:block;margin-top:4px;font:10px/1.3 var(--sans);color:var(--financial-muted)}
.financial-entry-amount{display:flex;align-items:center;gap:6px;white-space:nowrap;font:700 12px/1 var(--mono);font-variant-numeric:tabular-nums}
.financial-detail{padding:13px 0;min-height:52px;font:10px/1.45 var(--mono);color:var(--financial-muted)}
.financial-foot{display:flex;gap:16px;align-items:center;padding:1px 18px 15px;font:10px/1.3 var(--mono);color:var(--financial-stock)}
.financial-foot > span{display:flex;align-items:center;gap:6px}
.financial-foot > span:last-child{margin-left:auto}
.financial-console [hidden]{display:none!important}
@container(max-width:420px){
  .financial-head{padding:12px}
  .financial-brand > span{width:100%;margin:0 0 0 38px;font-size:10px}
  .financial-statement{margin:9px;padding-inline:12px;border-inline-width:6px}
  .financial-period{font-size:9px}
  .financial-readout{padding-block:17px}
  .financial-readout > .financial-pending > strong{font-size:17px}
  .financial-journal button{gap:7px;grid-template-columns:37px minmax(0,1fr) auto}
  .financial-entry-copy strong{font-size:11px}
  .financial-entry-amount{font-size:11px;gap:4px}
}
