/* Chart ▸ Info (chart-info.js): compact cards in the right panel, glyphs at the panel's glyph size (.lg-g). */
html:not(#o) #right-panel.rb-on .ci-root{display:flex;flex-direction:column;gap:6px}
html:not(#o) #right-panel.rb-on .ci-seg{align-self:flex-start}
html:not(#o) #right-panel.rb-on .ci-card{border:1px solid var(--bd-hi,var(--bd));border-radius:10px;padding:6px 9px 7px;background:color-mix(in srgb,var(--tx) 2.5%,transparent)}
html:not(#o) #right-panel.rb-on .ci-title{margin:0 0 4px;font:700 11px/1.3 var(--ui-font,system-ui,sans-serif);letter-spacing:.06em;color:var(--tb,var(--tx))}
html:not(#o) #right-panel.rb-on .ci-row{display:flex;align-items:baseline;gap:8px;padding:2px 0;font:400 11.5px/1.45 var(--ui-font,system-ui,sans-serif);color:var(--tx);border-top:1px solid color-mix(in srgb,var(--bd) 40%,transparent)}
html:not(#o) #right-panel.rb-on .ci-row:first-of-type{border-top:0}
html:not(#o) #right-panel.rb-on .ci-k{flex:0 0 auto;min-width:96px;color:var(--td);font-weight:600;white-space:pre}
html:not(#o) #right-panel.rb-on .ci-v{flex:1 1 auto;min-width:0}
html:not(#o) #right-panel.rb-on .ci-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 10px}
html:not(#o) #right-panel.rb-on .ci-hl{display:flex;align-items:baseline;gap:4px;font:400 11.5px/1.5 var(--ui-font,system-ui,sans-serif)}
html:not(#o) #right-panel.rb-on .ci-hl .ci-k{min-width:26px}
html:not(#o) #right-panel.rb-on .ci-g{margin:0 1px}
html:not(#o) #right-panel.rb-on .ci-rx{margin-left:3px;color:var(--a3,var(--ac));font-size:.9em}
html:not(#o) #right-panel.rb-on .ci-sym{font-family:var(--ui-font,system-ui,sans-serif);font-size:.95em;line-height:1;margin:0 1px}
html:not(#o) #right-panel.rb-on .ci-score{display:inline-block;min-width:2.4em;font-variant-numeric:tabular-nums;font-weight:700}
html:not(#o) #right-panel.rb-on .ci-score.pos{color:var(--ok,#4fbf8a)}
html:not(#o) #right-panel.rb-on .ci-score.neg{color:var(--err,#e0705f)}
/* Sect and Trigonocracy tables: day = gold, night = blue; the chart's sect is the stronger tint. */
html:not(#o) #right-panel.rb-on .ci-root{--ci-day:color-mix(in srgb,#d9a441 14%,transparent);--ci-day-on:color-mix(in srgb,#d9a441 26%,transparent);--ci-night:color-mix(in srgb,#5b8def 14%,transparent);--ci-night-on:color-mix(in srgb,#5b8def 26%,transparent)}
html:not(#o) #right-panel.rb-on .ci-table{width:100%;border-collapse:separate;border-spacing:0;font:400 11.5px/1.45 var(--ui-font,system-ui,sans-serif);color:var(--tx)}
html:not(#o) #right-panel.rb-on .ci-table th,html:not(#o) #right-panel.rb-on .ci-table td{padding:4px 6px;text-align:left;white-space:nowrap;border-top:1px solid color-mix(in srgb,var(--bd) 40%,transparent)}
html:not(#o) #right-panel.rb-on .ci-table thead th{border-top:0;font-weight:700;color:var(--tb,var(--tx))}
html:not(#o) #right-panel.rb-on .ci-table .ci-rowh{color:var(--td);font-weight:600}
html:not(#o) #right-panel.rb-on .ci-table .ci-day{background:var(--ci-day)}
html:not(#o) #right-panel.rb-on .ci-table .ci-night{background:var(--ci-night)}
html:not(#o) #right-panel.rb-on .ci-table .ci-day.ci-favor{background:var(--ci-day-on)}
html:not(#o) #right-panel.rb-on .ci-table .ci-night.ci-favor{background:var(--ci-night-on)}
html:not(#o) #right-panel.rb-on .ci-badge{margin-left:6px;padding:0 6px;border-radius:99px;font-size:var(--fs-caption);font-weight:700;letter-spacing:.04em;background:var(--ac);color:var(--bg)}
html:not(#o) #right-panel.rb-on .ci-holds{margin-left:6px;opacity:.85}
html:not(#o) #right-panel.rb-on .ci-table td .lg-g,html:not(#o) #right-panel.rb-on .ci-table td .ci-sym{margin-right:1px}
html:not(#o) #right-panel.rb-on .ci-cond{margin-top:6px}
html:not(#o) #right-panel.rb-on .ci-ok{color:var(--ok,#4fbf8a);font-weight:700}
html:not(#o) #right-panel.rb-on .ci-no{color:var(--td);opacity:.7}
html:not(#o) #right-panel.rb-on .ci-cond-l{font-weight:700;cursor:help}
html:not(#o) #right-panel.rb-on .ci-cond-hayz{color:var(--ok,#4fbf8a)}
html:not(#o) #right-panel.rb-on .ci-cond-exconditione{color:var(--err,#e0705f)}
html:not(#o) #right-panel.rb-on .ci-cond-munakara{color:var(--warn,#e0a85f)}
html:not(#o) #right-panel.rb-on .ci-summary{font:600 12.5px/1.5 var(--ui-font,system-ui,sans-serif);color:var(--tb,var(--tx));padding:2px 2px 0}
/* Rulers of the nativity (rule | lord | sign | house | pts / "?"): rule names in the row head, definitions in titles. */
html:not(#o) #right-panel.rb-on .ci-rulers .ci-rowh{cursor:help;white-space:nowrap}
html:not(#o) #right-panel.rb-on .ci-rulers td{padding:3px 5px}
html:not(#o) #right-panel.rb-on .ci-rl-h{color:var(--td);font-variant-numeric:tabular-nums}
html:not(#o) #right-panel.rb-on .ci-rl-x{text-align:right;width:100%}
html:not(#o) #right-panel.rb-on .ci-pts{font-variant-numeric:tabular-nums;color:var(--td);font-size:var(--fs-caption)}
html:not(#o) #right-panel.rb-on .ci-tie{margin-left:5px;font-size:var(--fs-caption);color:var(--warn,#e0a85f)}
html:not(#o) #right-panel.rb-on .ci-q{display:inline-block;margin-left:5px;min-width:13px;height:13px;border-radius:99px;font:700 var(--fs-caption)/13px var(--ui-font,system-ui,sans-serif);text-align:center;cursor:help;color:var(--bg);background:color-mix(in srgb,var(--warn,#e0a85f) 85%,transparent)}
html:not(#o) #right-panel.rb-on .ci-foot{margin:4px 0 0;font:400 var(--fs-caption)/1.4 var(--ui-font,system-ui,sans-serif);color:var(--td)}
/* Dignity count: horizontal scroll, the glyph column sticky (the speculum pattern, osiris-glass.css .speculum-table). */
html:not(#o) #right-panel.rb-on .ci-root{--ci-fill:var(--pn,var(--bg))}
html:not(#o) [data-glass-ui] #right-panel.rb-on .ci-root{--ci-fill:var(--glass-raised,var(--pn,var(--bg)))}
html:not(#o) #right-panel.rb-on .ci-dig-wrap{overflow-x:auto;max-width:100%}
html:not(#o) #right-panel.rb-on .ci-dig{width:max-content;min-width:100%}
html:not(#o) #right-panel.rb-on .ci-dig th,html:not(#o) #right-panel.rb-on .ci-dig td{padding:0 6px;height:22px;line-height:22px;text-align:center;border-top:1px solid color-mix(in srgb,var(--bd) 55%,transparent)}
html:not(#o) #right-panel.rb-on .ci-dig thead th{border-top:0}
html:not(#o) #right-panel.rb-on .ci-dig thead th{font-size:var(--fs-caption);cursor:help}
html:not(#o) #right-panel.rb-on .ci-dig tr>:first-child{position:sticky;left:0;z-index:1;width:28px;min-width:28px;background:var(--ci-fill);box-shadow:inset -1px 0 0 var(--bd),6px 0 6px -6px rgba(0,0,0,.45)}
html:not(#o) #right-panel.rb-on .ci-dig thead tr>:first-child{z-index:2}
html:not(#o) #right-panel.rb-on .ci-dig-on{color:var(--ac);font-size:var(--fs-caption);cursor:help}
html:not(#o) #right-panel.rb-on .ci-dig-off{color:color-mix(in srgb,var(--td) 45%,transparent);cursor:help}
html:not(#o) #right-panel.rb-on .ci-dig-m{color:var(--td)}
html:not(#o) #right-panel.rb-on .ci-dig-bad{color:var(--err,#e0705f);font-weight:700}
html:not(#o) #right-panel.rb-on .ci-dig-tot{font-weight:700;font-variant-numeric:tabular-nums;border-left:1px solid color-mix(in srgb,var(--bd) 60%,transparent)}
/* Balance matrix: element tint on the row head, totals column / row. */
html:not(#o) #right-panel.rb-on .ci-matrix{table-layout:fixed}
html:not(#o) #right-panel.rb-on .ci-matrix thead th{font-size:var(--fs-caption);text-align:center}
html:not(#o) #right-panel.rb-on .ci-matrix th.ci-rowh{width:46px}
html:not(#o) #right-panel.rb-on .ci-mx-c{white-space:normal;text-align:center;border-left:1px solid color-mix(in srgb,var(--bd) 30%,transparent)}
html:not(#o) #right-panel.rb-on .ci-mx-tag{display:inline-block;margin:0 1px;padding:0 3px;border-radius:4px;font-size:var(--fs-caption);font-weight:700;letter-spacing:.03em;color:var(--td);border:1px solid color-mix(in srgb,var(--bd) 70%,transparent);vertical-align:1px}
html:not(#o) #right-panel.rb-on .ci-mx-tot{width:26px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums;color:var(--tb,var(--tx))}
html:not(#o) #right-panel.rb-on .ci-mx-foot>*{border-top:1px solid color-mix(in srgb,var(--bd) 80%,transparent)}
html:not(#o) #right-panel.rb-on .ci-el-fire>th{box-shadow:inset 3px 0 0 color-mix(in srgb,#e0705f 70%,transparent)}
html:not(#o) #right-panel.rb-on .ci-el-earth>th{box-shadow:inset 3px 0 0 color-mix(in srgb,#8fb35a 70%,transparent)}
html:not(#o) #right-panel.rb-on .ci-el-air>th{box-shadow:inset 3px 0 0 color-mix(in srgb,#d9a441 70%,transparent)}
html:not(#o) #right-panel.rb-on .ci-el-water>th{box-shadow:inset 3px 0 0 color-mix(in srgb,#5b8def 70%,transparent)}
/* Aspectarian: triangular staircase; the diagonal holds the planet glyphs. */
html:not(#o) #right-panel.rb-on .ci-aspt{border-collapse:collapse;font:400 11px/1.2 var(--ui-font,system-ui,sans-serif);color:var(--tx)}
html:not(#o) #right-panel.rb-on .ci-aspt td{width:34px;min-width:34px;height:32px;padding:1px;text-align:center;vertical-align:middle;border:1px solid color-mix(in srgb,var(--bd) 45%,transparent)}
html:not(#o) #right-panel.rb-on .ci-asp.on{background:color-mix(in srgb,var(--ac) 7%,transparent);cursor:help}
html:not(#o) #right-panel.rb-on .ci-asp-g{display:block;line-height:1.05}
html:not(#o) #right-panel.rb-on .ci-asp-o{display:block;font-size:var(--fs-caption);color:var(--td);font-variant-numeric:tabular-nums;white-space:nowrap}
html:not(#o) #right-panel.rb-on .ci-asp-d{border:0 !important;background:var(--ci-day)}
/* Chart ▸ Info ▸ Lots: one glyph per lot (the shared lot glyph set), name, position, house */
html:not(#o) #right-panel.rb-on .ci-lots .ci-lot-g{width:2.6em;text-align:center;color:var(--ac)}
html:not(#o) #right-panel.rb-on .ci-lots .ci-lot-p{font-variant-numeric:tabular-nums}
html:not(#o) #right-panel.rb-on .ci-lots-note{margin:4px 0 0;font-size:var(--fs-caption)}