/* A read-only observatory, built from the Forge's illustrated fittings. */
#page-stats .intro-ledger { --intro-art: url('../assets/ui/observatory.svg'); }
#ledger-dashboard { display: grid; gap: 20px; }
.ledger-vitals { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.ledger-vital {
  position: relative; isolation: isolate; min-width: 0; padding: 17px 14px 14px;
  border: 1px solid #705b7b; border-radius: 5px 12px 5px 12px;
  background: radial-gradient(ellipse at 100% 0,#ffcd7317,transparent 80%),linear-gradient(#30263f,#211a2f);
  box-shadow: inset 0 1px 0 #f7dcbb20,0 3px 8px #100b2044;
}
.ledger-vital:nth-child(2) { background: radial-gradient(ellipse at 100% 0,#74ded31c,transparent 80%),#242035; }
.ledger-vital:nth-child(3) { background: radial-gradient(ellipse at 100% 0,#b4a0f51c,transparent 80%),#242035; }
.ledger-vital > img { position: absolute; top: 15px; right: 12px; width: 36px; height: 36px; opacity: .9; filter: drop-shadow(0 3px 3px #100b2188); }
.ledger-vital > span { display: block; min-height: 28px; padding-right: 32px; font: 7px/1.7 var(--font-num); letter-spacing: 1px; color: #c5adc8; }
.ledger-vital > strong { display: block; margin: 10px 0 4px; font: 23px/1.4 var(--font-num); color: #ffe3ad; overflow-wrap: anywhere; }
.ledger-vital:nth-child(2) > strong { color: #a3e8d9; }
.ledger-vital > small { display: block; font: 11px/1.5 var(--font-body); color: #bcacc8; }
.ledger-panel {
  --ledger-frame: url('../assets/ui/panel-violet.svg');
  position: relative; isolation: isolate; min-width: 0; padding: 24px 20px 20px;
  background: radial-gradient(ellipse at 0 0,#70538222,transparent 55%),linear-gradient(145deg,#2c233b,#20192f);
  border-radius: 11px; box-shadow: 0 5px 15px #09051940,inset 0 1px 0 #ffdcb21c;
}
.ledger-panel::before { content: ''; position: absolute; inset: 0; z-index: -1; border: 16px solid transparent; border-image: var(--ledger-frame) 28 / 16px / 0 stretch; pointer-events: none; }
.ledger-history { --ledger-frame: url('../assets/ui/panel-brass.svg'); }
.ledger-production { --ledger-frame: url('../assets/ui/panel-coolant.svg'); }
.ledger-heading { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 18px; }
.ledger-heading > div { min-width: 0; }
.ledger-kicker { display: block; font: 7px/1.7 var(--font-num); color: #d4aa82; letter-spacing: 1.2px; margin-bottom: 5px; }
.ledger-heading h3 { font: 600 21px/1.25 var(--font-display); color: #f6e3c7; text-wrap: balance; }
.ledger-heading-art { flex: none; width: 49px; height: 49px; filter: drop-shadow(0 4px 4px #10091a88); }
.ledger-note { color: #b6a4c2; font: 11px/1.7 var(--font-body); }
.ledger-history-controls { display: flex; gap: 12px; align-items: end; justify-content: space-between; flex-wrap: wrap; }
.ledger-select { display: block; font: 7px/1.6 var(--font-num); letter-spacing: 1px; color: #baa7c5; flex: 1 1 150px; }
.ledger-select select { width: 100%; display: block; padding: 8px 28px 8px 10px; margin-top: 5px; min-height: 44px; border: 1px solid #897088; border-radius: 5px; background: #201929; color: #f6d9b1; font: 12px var(--font-body); box-shadow: inset 0 2px 4px #0b071955; }
.ledger-ranges { display: flex; flex: 1 1 176px; padding: 3px; border: 1px solid #725972; border-radius: 6px; gap: 2px; background: #181321; }
.ledger-ranges button { min-width: 0; flex: 1; padding: 5px 8px; font-size: 11px; color: #baa8c7; border: 1px solid transparent; border-radius: 4px; }
.ledger-ranges button[aria-pressed=true] { color: #ffe3ad; background: linear-gradient(#62434c,#3c2b3c); border-color: #b48b70; box-shadow: inset 0 1px 0 #ffe9b522; }
.ledger-chart-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 5px 12px; margin-top: 14px; }
#ledger-chart-unit { font: 7px/1.5 var(--font-num); color: #a98daf; letter-spacing: 1px; }
.ledger-log { display: flex; align-items: center; min-height: 44px; gap: 8px; color: #bfaacb; font-size: 11px; cursor: pointer; }
.ledger-log input { width: 17px; height: 17px; accent-color: #ffd484; }
.ledger-plot { position: relative; min-width: 0; min-height: 145px; padding: 6px 0 0; background: radial-gradient(ellipse at 50% 80%,#9e6b4122,transparent 75%),#171422; border: 1px solid #69526a; border-radius: 7px; box-shadow: inset 0 3px 8px #07041370; overflow: hidden; }
.ledger-plot svg { display: block; width: 100%; height: auto; overflow: visible; }
.ledger-gridline path { stroke: #8a699d35; stroke-dasharray: 3 6; }
.ledger-gridline text, .ledger-axis { font: 12px var(--font-num); fill: #b7a2c5; }
.ledger-grid-vertical { stroke: #8a699d15; }
.ledger-area { fill: url('#ledger-area-light'); }
.ledger-line { fill: none; stroke: #ffdb94; stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.ledger-reset-marker path:first-of-type { stroke: #bba2ee88; stroke-dasharray: 3 5; }
.ledger-reset-marker path:last-child { fill: #c3ade9; }
#ledger-probe-line { stroke: #fff0cc77; stroke-dasharray: 3 4; }
#ledger-probe-dot { fill: #fff0cc; stroke: #b9855c; stroke-width: 3; }
.ledger-strikes { --ledger-frame: url('../assets/ui/panel-brass.svg'); }
.ledger-strike-metrics { margin-bottom: 9px; }
.ledger-hit-windows { width: min(100%,280px); margin-left: auto; background: transparent; border: 0; }
.ledger-hit-windows button { min-height: 38px; }
.ledger-hit-windows button[aria-pressed=true] { background: #63475044; border-color: #85627b; }
.ledger-hit-legend { display: flex; gap: 8px 18px; flex-wrap: wrap; margin: 15px 0 12px; color: #bfabc9; font-size: 11px; }
.ledger-hit-legend span { display: flex; align-items: center; gap: 7px; }
.ledger-hit-legend i { display: inline-block; width: 14px; height: 3px; background: #ffd484; border-radius: 1px; }
.ledger-hit-legend .perfect { background: #74ded3; }
.ledger-hit-legend .combo { background: #bba2ee; }
.ledger-perfect-line { stroke: #74ded3; stroke-dasharray: 5 3; stroke-width: 2; }
.combo-chart .ledger-line { stroke: #bba2ee; }
#ledger-hit-probe { stroke: #fff0cc77; stroke-dasharray: 3 4; }
#ledger-hit-dot { fill: #fff0cc; stroke: #a67d9e; stroke-width: 3; }
#ledger-hit-time { font: 10px/1.5 var(--font-body); color: #c0a7c7; }
#ledger-hit-value { min-width: 0; overflow-wrap: anywhere; text-align: right; color: #ffe0a6; font: 12px/1.5 var(--font-num); }
#ledger-hit-value small { display: block; font: 10px/1.6 var(--font-body); color: #91d8c7; margin-top: 3px; }
#ledger-hit-latest { flex: none; color: #e4c18d; font-size: 9px; }
#ledger-hit-note { flex: 1; font-size: 10px; }
.ledger-reading { display: flex; gap: 10px; align-items: center; justify-content: space-between; padding: 12px 2px 8px; min-height: 47px; }
#ledger-reading-time { font: 10px/1.5 var(--font-body); color: #c0a7c7; }
#ledger-reading-value { min-width: 0; overflow-wrap: anywhere; text-align: right; color: #ffe0a6; font: 12px/1.5 var(--font-num); }
.ledger-scrub-label { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 3px 10px; color: #beabc8; font: 7px/1.7 var(--font-num); letter-spacing: .7px; }
.ledger-scrub-label span { font: 10px/1.5 var(--font-body); color: #a68eaf; letter-spacing: 0; }
.ledger-scrub { appearance: none; -webkit-appearance: none; width: 100%; min-height: 44px; margin: 0; accent-color: #ffd484; cursor: ew-resize; background: transparent; }
.ledger-scrub::-webkit-slider-runnable-track { height: 6px; background: linear-gradient(#110c1e,#35253b); border: 1px solid #8e6c7c; border-radius: 3px; }
.ledger-scrub::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; margin-top: -8px; border: 2px solid #f0cc90; border-radius: 5px; background: linear-gradient(140deg,#d8a570,#634252); box-shadow: inset 0 0 0 3px #25192e,0 2px 5px #08031188; }
.ledger-scrub::-moz-range-track { height: 4px; background: #20172c; border: 1px solid #8e6c7c; border-radius: 3px; }
.ledger-scrub::-moz-range-thumb { width: 17px; height: 17px; border: 2px solid #f0cc90; border-radius: 5px; background: linear-gradient(140deg,#d8a570,#634252); box-shadow: inset 0 0 0 3px #25192e,0 2px 5px #08031188; }
.ledger-scrub:disabled { opacity: .4; cursor: default; }
.ledger-history-foot { display: flex; align-items: center; gap: 12px; }
#ledger-history-note { flex: 1; color: #b29ac0; font: 10px/1.6 var(--font-body); }
#ledger-latest { flex: none; padding: 5px 0 5px 8px; font-size: 9px; color: #e4c18d; }
#ledger-latest:disabled { opacity: .4; }
.ledger-table { border-top: 1px solid #72547166; margin-top: 10px; }
.ledger-table summary { display: flex; align-items: center; gap: 8px; color: #bea8ca; font-size: 11px; cursor: pointer; }
.ledger-table summary::before { content: '+'; font: 14px var(--font-num); color: var(--gold); }
.ledger-table[open] summary::before { content: '−'; }
#ledger-table-body { max-height: 260px; overflow: auto; }
.ledger-table table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.ledger-table caption { color: #b7a2c5; font-size: 10px; text-align: left; padding: 4px 0 10px; }
.ledger-table td, .ledger-table th { padding: 8px 5px; border-bottom: 1px solid #77608333; text-align: left; overflow-wrap: anywhere; }
.ledger-table th { font: 11px var(--font-body); color: #ddc8a6; }
.ledger-table td { font: 9px/1.5 var(--font-num); color: #c6b2cf; }
.ledger-table th:last-child, .ledger-table td:last-child { text-align: right; }
.ledger-empty { min-height: 190px; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px 28px; background: url('../assets/ui/orbits.svg') right center / 180px auto no-repeat; }
.ledger-empty img { width: 62px; height: 62px; margin-bottom: 7px; }
.ledger-empty b { color: #e1c9a7; font-size: 14px; }
.ledger-empty p { color: #b6a4c4; font-size: 11px; line-height: 1.7; margin-top: 5px; max-width: 275px; }
.ledger-fleet-overview { display: grid; grid-template-columns: minmax(130px, .9fr) 1fr; align-items: center; gap: 15px; }
.ledger-production-ring { position: relative; width: 100%; max-width: 200px; justify-self: center; }
.ledger-production-ring svg { display: block; width: 100%; }
.ledger-dial-bed { fill: #171322; stroke: #8d7087; stroke-width: 2; }
.ledger-dial-guide { fill: none; stroke: #8f728344; }
.ledger-dial-tick { stroke: #ceaa83; stroke-width: 1; }
.ledger-ring-center { position: absolute; inset: 25% 18%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.ledger-ring-center img { width: 34px; height: 34px; }
.ledger-ring-center strong { font: 13px/1.5 var(--font-num); color: #ffe1a8; margin-top: 5px; overflow-wrap: anywhere; max-width: 100%; }
.ledger-ring-center span { font: 6px/1.6 var(--font-num); color: #b9a5c4; margin-top: 4px; }
.ledger-fleet-summary { min-width: 0; }
.ledger-fleet-summary > strong { display: block; font: 30px/1.4 var(--font-num); color: #aeecda; overflow-wrap: anywhere; }
.ledger-fleet-summary > span:not(.ledger-kicker) { font-size: 12px; color: #c6b1cc; }
.ledger-fleet-summary p { margin-top: 12px; font-size: 11px; line-height: 1.6; color: #b8a3c4; }
.ledger-machine-bars { margin-top: 18px; display: grid; gap: 12px; }
.ledger-machine { display: grid; grid-template-columns: 40px minmax(0,1fr) auto; grid-template-rows: auto 5px; gap: 6px 10px; padding-bottom: 4px; }
.ledger-machine > img { grid-row: 1 / 3; width: 40px; height: 44px; align-self: center; }
.ledger-machine-name { min-width: 0; }
.ledger-machine-name b { display: block; font: 600 12px/1.4 var(--font-body); color: #ead7c3; }
.ledger-machine-name > span { display: block; font-size: 10px; color: #ab91b7; margin-top: 2px; }
.ledger-machine-value { text-align: right; min-width: 0; }
.ledger-machine-value b { font: 10px/1.5 var(--font-num); color: var(--machine-color); }
.ledger-machine-value span { display: block; font: 8px/1.6 var(--font-num); color: #b4a0bf; overflow-wrap: anywhere; }
.ledger-machine-track { grid-column: 2 / -1; overflow: hidden; border-radius: 2px; background: #100e1d; box-shadow: 0 0 0 1px #76608155; }
.ledger-machine-track i { display: block; width: var(--machine-share); height: 100%; background: var(--machine-color); box-shadow: inset 0 1px 0 #fff6; }
.ledger-link { width: 100%; margin-top: 20px; font-size: 10px; }
.ledger-no-machines { padding: 12px; border: 1px dashed #76617e; border-radius: 6px; text-align: center; }
.ledger-craft-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.ledger-craft-grid .ledger-panel { padding: 20px 16px; }
.ledger-craft-grid .ledger-heading h3 { font-size: 19px; }
.ledger-craft-grid .ledger-kicker { font-size: 6px; letter-spacing: .8px; }
.ledger-precision-ring { position: relative; width: min(100%,180px); margin: auto; }
.ledger-precision-ring svg { display: block; width: 100%; }
.ledger-precision-ring > div { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.ledger-precision-ring strong { font: 24px/1.5 var(--font-num); color: #ffdda0; }
.ledger-precision-ring span { font: 6px/1.5 var(--font-num); letter-spacing: .5px; color: #c8b0ca; }
.ledger-precision-track { fill: none; stroke: #44334e; stroke-width: 10; }
.ledger-precision-arc { fill: none; stroke: #ffd484; stroke-width: 10; }
.ledger-small-facts { margin: 15px 0 12px; }
.ledger-small-facts > div { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 8px 0; border-bottom: 1px solid #8e71952b; }
.ledger-small-facts span { font-size: 11px; color: #bfa7cc; }
.ledger-small-facts small { display: block; font-size: 9px; color: #9d84ab; }
.ledger-small-facts b { font: 10px/1.5 var(--font-num); color: #eed8b4; overflow-wrap: anywhere; max-width: 55%; text-align: right; }
.ledger-quality-hero { display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center; min-height: 156px; background: radial-gradient(ellipse,#bba2ee15,transparent 65%); }
.ledger-quality-hero img { width: 84px; height: 84px; filter: drop-shadow(0 5px 6px #10091d88); }
.ledger-quality-hero strong { display: block; font: 24px/1.3 var(--font-num); color: #e6c4ed; }
.ledger-quality-hero span { font-size: 11px; color: #c1aacb; }
.ledger-quality-stack { display: flex; height: 10px; border: 1px solid #987698; background: #161120; border-radius: 3px; overflow: hidden; margin: 16px 0 12px; }
.ledger-quality-stack i { height: 100%; border-right: 1px solid #19152f88; }
.ledger-quality-key { display: grid; gap: 6px; margin-bottom: 12px; }
.ledger-quality-key > div { display: flex; align-items: center; gap: 6px; }
.ledger-quality-key i { color: var(--quality-color); font-size: 14px; font-style: normal; min-width: 16px; }
.ledger-quality-key span { color: #c3acd0; text-transform: capitalize; font-size: 11px; }
.ledger-quality-key b { margin-left: auto; color: #e5d0de; font: 10px var(--font-num); }
#ledger-collection-link { text-align: left; font-size: 9px; color: #d1b4e1; }
.ledger-star-path { list-style: none; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px 8px; }
.ledger-star-path li { position: relative; min-width: 0; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 8px 5px; border: 1px solid #75628533; border-radius: 8px; background: radial-gradient(ellipse at 50% 40%,#bba2ee08,transparent); }
.ledger-star-path img { width: 66px; height: 66px; opacity: .32; filter: saturate(.4); }
.ledger-star-path span { display: block; font: 11px/1.4 var(--font-body); text-transform: capitalize; color: #ad97bc; margin: 5px 0; }
.ledger-star-path small { display: block; font: 6px/1.8 var(--font-num); letter-spacing: .7px; color: #9a81a9; margin-top: auto; }
.ledger-star-path .reached img { opacity: 1; filter: drop-shadow(0 0 8px #ffd48422); }
.ledger-star-path .reached span { color: #e4cbb3; }
.ledger-star-path .reached small { color: #b9dace; }
.ledger-star-path .current { border-color: #c0926b; background: radial-gradient(ellipse at 50% 30%,#ffcd731c,transparent 90%),#33233c; }
.ledger-star-path .current small { color: var(--gold); }
.ledger-next-star { font: 12px/1.7 var(--font-body); color: #c9b4d3; padding: 14px 0 18px; margin-bottom: 18px; border-bottom: 1px solid #87688a55; }
.ledger-ach-heading { display: flex; align-items: center; gap: 10px; }
.ledger-ach-heading img { width: 40px; height: 40px; }
.ledger-ach-heading > div { min-width: 0; flex: 1; }
.ledger-ach-heading b { display: block; font-size: 13px; color: #e9d4ba; }
.ledger-ach-heading span { display: block; color: #b79bc7; font-size: 11px; }
.ledger-ach-heading > strong { font: 16px var(--font-num); color: #cbb2ed; }
.ledger-ach-stars { display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); gap: 7px; padding: 20px 3px; }
.ledger-ach-stars i { width: 5px; height: 5px; justify-self: center; background: #665174; transform: rotate(45deg); }
.ledger-ach-stars .lit { background: #ffe1a2; box-shadow: 0 0 6px #ffcd7380; }
.ledger-prestige-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; padding-top: 14px; border-top: 1px solid #80628744; }
.ledger-prestige-facts > div { text-align: center; min-width: 0; }
.ledger-prestige-facts img { display: block; width: 46px; height: 46px; margin: 0 auto 5px; }
.ledger-prestige-facts strong { display: block; font: 16px/1.5 var(--font-num); color: #e1bee9; overflow-wrap: anywhere; }
.ledger-prestige-facts span { display: block; font: 10px/1.5 var(--font-body); color: #b99cc8; }
#ledger-event-list { list-style: none; }
#ledger-event-list li { position: relative; display: grid; grid-template-columns: 36px minmax(0,1fr) auto; gap: 10px; padding: 13px 0; border-bottom: 1px solid #83658e33; }
#ledger-event-list li:last-child { border: 0; }
#ledger-event-list img { width: 36px; height: 36px; align-self: center; }
#ledger-event-list b { font-size: 12px; color: #efd9b8; }
#ledger-event-list p { font: 11px/1.6 var(--font-body); color: #bda4c9; margin-top: 3px; overflow-wrap: anywhere; }
#ledger-event-list time { font: 8px/1.5 var(--font-num); color: #c4aa83; padding-top: 4px; }
#ledger-event-list .ledger-events-empty { display: block; font: 12px/1.8 var(--font-body); color: #b8a0c5; padding: 12px 0 22px; }
#page-stats > .ledger-records, #page-stats > .ledger-diagnostics { background: #211a30; border-color: #665078; margin-top: 20px; padding: 6px 14px 10px; }
#page-stats > details > summary { display: flex; flex-wrap: wrap; gap: 4px 12px; justify-content: space-between; padding: 10px 0; min-height: 48px; }
#page-stats > details > summary::before { content: '+'; font: 14px var(--font-num); color: var(--gold); }
#page-stats > details[open] > summary::before { content: '−'; }
#page-stats > details > summary span { font: 10px/1.5 var(--font-body); color: #a68aaf; letter-spacing: 0; }
#page-stats #forge-foot { margin-top: 8px; }
@media (hover:hover) {
  .ledger-ranges button:hover { color: var(--gold); background-color: #60415744; }
  .ledger-machine:hover .ledger-machine-name b { color: var(--machine-color); }
}
@media (min-width: 1800px) {
  .ledger-vitals { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .ledger-vital > strong { font-size: 20px; }
}
@media (max-width: 1200px) and (min-width: 951px), (max-width: 450px) {
  .ledger-craft-grid { grid-template-columns: 1fr; }
  .ledger-craft-grid .ledger-heading h3 { font-size: 21px; }
  .ledger-craft-grid .ledger-kicker { font-size: 7px; }
  .ledger-quality-hero { flex-direction: row; gap: 20px; min-height: 116px; }
  .ledger-quality-key { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 16px; }
}
@media (max-width: 950px) {
  #ledger-dashboard { gap: 16px; }
  .ledger-panel { padding: 22px 16px 18px; }
  .ledger-heading h3 { font-size: 21px; }
  .ledger-vital { padding: 14px 12px; }
  .ledger-vital > strong { font-size: 21px; }
  .ledger-vital > span { font-size: 6px; letter-spacing: .7px; }
  .ledger-heading-art { width: 42px; height: 42px; }
  .ledger-history-controls { gap: 10px; }
  .ledger-select { flex-basis: 100%; }
  .ledger-ranges { flex-basis: 100%; }
  .ledger-gridline text, .ledger-axis { font-size: 18px; }
  .ledger-fleet-overview { gap: 8px; grid-template-columns: minmax(120px,1fr) 1fr; }
  .ledger-fleet-summary > strong { font-size: 26px; }
  .ledger-fleet-summary .ledger-kicker { font-size: 6px; }
  .ledger-ring-center strong { font-size: 11px; }
  .ledger-machine-value span { font-size: 7px; }
  .ledger-star-path img { width: 58px; height: 58px; }
}
@media (max-width: 350px) {
  .ledger-vitals { gap: 8px; }
  .ledger-vital > img { width: 28px; height: 28px; right: 8px; }
  .ledger-vital > span { padding-right: 22px; }
  .ledger-vital > strong { font-size: 17px; }
  .ledger-vital > small { font-size: 10px; }
  .ledger-panel { padding-left: 14px; padding-right: 14px; }
  .ledger-heading h3 { font-size: 19px; }
  .ledger-kicker { font-size: 6px; }
  .ledger-fleet-overview { grid-template-columns: 115px minmax(0,1fr); }
  .ledger-fleet-summary > strong { font-size: 23px; }
  .ledger-ring-center img { width: 25px; height: 25px; }
  .ledger-ring-center span { font-size: 5px; }
  .ledger-ring-center strong { font-size: 9px; }
  .ledger-machine { grid-template-columns: 32px minmax(0,1fr) auto; gap: 6px; }
  .ledger-machine > img { width: 32px; }
  .ledger-machine-name b { font-size: 11px; }
  .ledger-star-path { gap: 8px 4px; }
  .ledger-star-path img { width: 50px; height: 50px; }
  .ledger-star-path span { font-size: 10px; }
  .ledger-ach-stars { gap: 6px; }
  #ledger-event-list li { column-gap: 6px; }
}