/* Absorption Cross-Section Atlas (beta). Shares the tables, results and tags of ../thermochem/thermochem.css. */
.xs-combo { position: relative; max-width: 34rem; }
.xs-list { position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% - 1.6rem); margin: 0; padding: 0.25rem 0; list-style: none; max-height: 22rem; overflow-y: auto;
    background: var(--surface); border: 1px solid var(--border-strong); border-radius: var(--radius-sm); box-shadow: var(--shadow); }
.xs-list li { display: grid; grid-template-columns: minmax(5rem, auto) 1fr auto; gap: 0.75rem; align-items: baseline; padding: 0.4rem 0.75rem; cursor: pointer; font-size: 0.9rem; }
.xs-list li[aria-selected="true"], .xs-list li:hover { background: var(--accent-soft); }
.xs-l-name { color: var(--text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xs-l-n { font-family: var(--mono); font-size: 0.78rem; color: var(--muted); }
.xs-quick { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0.4rem 0 0.8rem; }
.xs-quick button { font: inherit; font-size: 0.84rem; padding: 0.25rem 0.65rem; border-radius: 999px; border: 1px solid var(--border-strong); background: var(--surface); color: var(--text-2); cursor: pointer; }
.xs-quick button:hover { border-color: var(--accent); color: var(--accent); }
.xs-sp-head { display: flex; flex-wrap: wrap; gap: 0.3rem 0.9rem; align-items: baseline; margin: 0.6rem 0 0.4rem; }
.xs-sp-head h3 { margin: 0; font-size: 1.15rem; }
.xs-chk { display: inline-flex; gap: 0.4rem; align-items: center; cursor: pointer; }
.xs-swatch { display: inline-block; width: 0.9rem; height: 0.9rem; border-radius: 3px; border: 1px solid var(--border-strong); vertical-align: -0.12rem; }
.xs-rec { color: var(--ok); border-color: var(--ok); }
.xs-sets td { vertical-align: top; }
.xs-plot { min-height: 380px; margin-top: 0.6rem; }
.xs-opts { display: flex; flex-wrap: wrap; gap: 0.2rem 1.4rem; }
.xs-prose { margin-top: 2.4rem; }
.xs-terms { margin-top: 2rem; }
@media (max-width: 640px) { .xs-list li { grid-template-columns: auto 1fr; } .xs-l-n { display: none; } }
.xs-note { font-size: 0.78rem; color: var(--text-2); margin-top: 0.2rem; }
.xs-note summary { cursor: pointer; color: var(--muted); }