/* Learn scenes generated by cmd/learnscenes. Panels, readouts and buttons come from learn-retrograde.css; index cards use only the drawing styles. */
.ls-cover { background: #0d1729; border-radius: 12px; }
.ls-small { fill: #b5c5da; font-size: 14px; letter-spacing: .02em; paint-order: stroke; stroke: #0d1729; stroke-width: 4px; stroke-linejoin: round; }
.ls-label { fill: #e4edf8; font-size: 15px; font-weight: 550; }
.ls-tick { fill: #b5c5da; font-size: 13px; }
.ls-seg.ls-a { fill: #e8dcc1; } .ls-seg.ls-b { fill: #c8bba0; }
.ls-seg.ls-hi { fill: #f4bf54; } .ls-seg.ls-hi2 { fill: #70d6c0; } .ls-seg.ls-hi3 { fill: #a9c4ff; }
.ls-seg.ls-good { fill: #70d6c0; } .ls-seg.ls-neutral { fill: #c8bba0; } .ls-seg.ls-avoid { fill: #e0715a; }
.ls-seg.ls-dim { fill: #3a4a60; } .ls-seg.ls-n2 { fill: #7f9bd6; } .ls-seg.ls-night { fill: #24344c; }
.ls-seg-text { fill: #0d1729; font-size: 12px; font-weight: 650; }
.ls-mark { stroke: #e4edf8; stroke-width: 1.5; }
.ls-mark.ls-sunrise { stroke: #70d6c0; stroke-width: 2; stroke-dasharray: 4 3; }
.ls-mark.ls-sunset { stroke: #f2a083; stroke-width: 2; stroke-dasharray: 4 3; }
.ls-mark.ls-midnight { stroke: #a9c4ff; stroke-width: 2; stroke-dasharray: 2 4; }
.ls-mark.ls-cursor { stroke: #e0715a; stroke-width: 2.5; }
.ls-mark-text.ls-sunrise { fill: #89e5d2; } .ls-mark-text.ls-sunset { fill: #ffba9e; } .ls-mark-text.ls-midnight { fill: #c4d6ff; } .ls-mark-text.ls-cursor { fill: #ffa58f; }
.ls-band { fill: #f4bf54; fill-opacity: .16; } .ls-band.ls-band2 { fill: #70d6c0; fill-opacity: .16; } .ls-band.ls-band3 { fill: #a9c4ff; fill-opacity: .16; }
.ls-band-text { fill: #ffd08b; } .ls-band-text.ls-band2 { fill: #89e5d2; } .ls-band-text.ls-band3 { fill: #c4d6ff; }
.ls-ring { fill: #16243a; stroke: #8eabc355; stroke-width: 1; }
.ls-ring.ls-hi { fill: #f4bf54; fill-opacity: .35; } .ls-ring.ls-hi2 { fill: #70d6c0; fill-opacity: .3; } .ls-ring.ls-hi3 { fill: #a9c4ff; fill-opacity: .3; }
.ls-ring-line { fill: none; stroke: #8eabc344; }
.ls-sign { fill: #e4edf8; font-size: 13px; font-weight: 600; }
.ls-nak { stroke: #8eabc388; stroke-width: 1; } .ls-pada { stroke: #8eabc344; stroke-width: 1; }
.ls-house { fill: #f4bf54; fill-opacity: .18; } .ls-house.ls-hi2 { fill: #70d6c0; fill-opacity: .2; } .ls-house.ls-hi3 { fill: #a9c4ff; fill-opacity: .2; } .ls-house.ls-hi4 { fill: #e0715a; fill-opacity: .2; }
.ls-house-num { fill: #b5c5da; font-size: 13px; }
.ls-asc { stroke: #e0715a; stroke-width: 2.5; } .ls-asc-text { fill: #ffa58f; }
.ls-arc { fill: #f4bf54; } .ls-arc.ls-hi2 { fill: #70d6c0; } .ls-arc.ls-hi3 { fill: #a9c4ff; } .ls-arc.ls-hi4 { fill: #e0715a; }
.ls-small.ls-hi2 { fill: #89e5d2; } .ls-small.ls-hi3 { fill: #c4d6ff; } .ls-small.ls-hi4 { fill: #ffa58f; }
.ls-pt { fill: #e8dcc1; stroke: #0d1729; stroke-width: 2; } .ls-pt.ls-sun { fill: #f4bf54; } .ls-pt.ls-moon { fill: #dfe8f5; } .ls-pt.ls-asc-pt { fill: #e0715a; } .ls-pt.ls-saturn { fill: #a9c4ff; } .ls-pt.ls-dim { fill: #5c6b80; }
.ls-pt-line { stroke: #8eabc366; stroke-width: 1; }
.ls-pt-text { fill: #0d1729; font-size: 10px; font-weight: 700; }
.ls-grid { stroke: #8eabc322; } .ls-axis { stroke: #8eabc3; stroke-width: 1.5; }
.ls-hline { stroke: #e8dcc1; stroke-width: 1.5; stroke-dasharray: 5 4; } .ls-hline.ls-hi { stroke: #f4bf54; }
.ls-line { fill: none; stroke: #e8dcc1; stroke-width: 2.5; } .ls-line.ls-hi { stroke: #f4bf54; } .ls-line.ls-hi2 { stroke: #70d6c0; }
.ls-dot { fill: #e8dcc1; } .ls-dot-hi { fill: #f4bf54; } .ls-dot-hi2 { fill: #70d6c0; } .ls-dot-hi3 { fill: #a9c4ff; }
.ls-story .retro-events button[aria-pressed="true"] { background: #e2bf7d; color: #0d1729; border-color: transparent; }
@media (max-width: 40rem) {
  .ls-small, .ls-tick { font-size: 17px; }
  .ls-label { font-size: 18px; }
  .ls-sign { font-size: 15px; }
  .ls-seg-text { font-size: 15px; }
  .ls-label { font-size: 19px; }
}
