.lv-periodic-pattern .pp-label { display: grid; gap: .4rem; color: var(--lv-ink); font-weight: 600; }
.lv-periodic-pattern .pp-select { width: 100%; padding: .6rem; border: 1px solid var(--lv-edge); border-radius: .5rem; background: var(--reading-surface,#01040e); color: var(--lv-ink); color-scheme: dark; font: inherit; }
.lv-periodic-pattern :is(.pp-status,.pp-info,.pp-note) { color: var(--lv-ink); line-height: 1.5; margin: 0; }
.lv-periodic-pattern .pp-table { width: 100%; border-collapse: collapse; background: transparent; }
.lv-periodic-pattern .pp-table caption { color: var(--lv-ink); text-align: left; margin-bottom: .4rem; }
.lv-periodic-pattern .pp-table :is(th,td) { padding: .45rem .25rem; color: var(--lv-ink); background: transparent; border-bottom: 1px solid var(--lv-edge); text-align: right; font-size: .8rem; font-variant-numeric: tabular-nums; }
.lv-periodic-pattern .lv-rcard { border: 1px solid var(--lv-edge); box-shadow: none; }
.lv-periodic-pattern .lv-rval { font-size: clamp(1.05rem,3vw,1.5rem); }
html:not([data-theme="light"]) .lv-periodic-pattern :is(.lv-rcard,.lx-viz-button) { background: var(--reading-surface,#01040e); }
html:not([data-theme="light"]) .lv-periodic-pattern .lx-viz-button { color: var(--lv-ink); border-color: var(--lv-edge); box-shadow: none; }
html[data-theme="light"] .lv-periodic-pattern .pp-select { color: #17243b; color-scheme: light; }
@media (max-width: 600px) { .lv-periodic-pattern .lv-readout:has(> .lv-rcard) { grid-template-columns: 1fr; } }


.lv-periodic-pattern .pp-plot-wrap { display: grid; gap: .25rem; }
.lv-periodic-pattern .pp-axis-caption { color: var(--lv-ink); text-align: center; font-size: .8rem; margin: 0; }