/*! Copyright 2026 ScienceQuest. All rights reserved. https://sciencequest.in/terms/
 * Third-party rules in this file, such as the Tailwind CSS base styles and the font-face
 * rules, keep their own licences: https://sciencequest.in/third-party-licences.txt
 */
.pt.svelte-ghi7nl{flex-direction:column;gap:1rem;display:flex}[data-category=alkali-metal].svelte-ghi7nl{--cat:var(--cat-alkali-metal)}[data-category=alkaline-earth-metal].svelte-ghi7nl{--cat:var(--cat-alkaline-earth-metal)}[data-category=transition-metal].svelte-ghi7nl{--cat:var(--cat-transition-metal)}[data-category=post-transition-metal].svelte-ghi7nl{--cat:var(--cat-post-transition-metal)}[data-category=metalloid].svelte-ghi7nl{--cat:var(--cat-metalloid)}[data-category=reactive-nonmetal].svelte-ghi7nl{--cat:var(--cat-reactive-nonmetal)}[data-category=noble-gas].svelte-ghi7nl{--cat:var(--cat-noble-gas)}[data-category=lanthanide].svelte-ghi7nl{--cat:var(--cat-lanthanide)}[data-category=actinide].svelte-ghi7nl{--cat:var(--cat-actinide)}[data-category=unknown].svelte-ghi7nl{--cat:var(--cat-unknown)}.controls.svelte-ghi7nl{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.search.svelte-ghi7nl{flex:16rem;min-width:0}.search.svelte-ghi7nl input:where(.svelte-ghi7nl){border:1px solid var(--sq-line-strong);background-color:var(--sq-surface);width:100%;min-height:2.5rem;color:var(--sq-ink);border-radius:7px;padding-inline:.75rem;font-size:.9375rem}.search.svelte-ghi7nl input:where(.svelte-ghi7nl):focus-visible{border-color:var(--sq-accent);outline-offset:1px}.count.svelte-ghi7nl{color:var(--sq-ink-faint);font-size:.75rem;font-family:var(--font-mono)}.legend.svelte-ghi7nl{flex-wrap:wrap;gap:.3rem;display:flex}.chip.svelte-ghi7nl{border:1px solid var(--sq-line);min-height:1.875rem;color:var(--sq-ink-muted);cursor:pointer;background-color:#0000;border-radius:6px;align-items:center;gap:.35rem;padding-inline:.55rem;font-size:.75rem;font-weight:500;display:inline-flex}.chip.svelte-ghi7nl:hover{color:var(--sq-ink);border-color:var(--sq-line-strong)}.chip.active.svelte-ghi7nl{border-color:var(--sq-accent);background-color:var(--sq-accent-soft);color:var(--sq-accent)}.swatch.svelte-ghi7nl{background-color:hsl(var(--cat));border-radius:3px;width:.625rem;height:.625rem}.scroller.svelte-ghi7nl{overscroll-behavior-x:contain;padding-block-end:.25rem;overflow-x:auto}.grid.svelte-ghi7nl{grid-template-rows:auto repeat(9,minmax(2.75rem,auto));grid-template-columns:repeat(18,minmax(2.75rem,1fr));gap:2px;min-width:52rem;display:grid}.head.svelte-ghi7nl{font-family:var(--font-mono);color:var(--sq-ink-faint);place-items:center;padding-block-end:.15rem;font-size:.625rem;display:grid}.cell.svelte-ghi7nl{background-color:hsl(var(--cat) / .32);color:var(--sq-ink);cursor:pointer;text-align:start;transition:background-color var(--sq-dur-fast) var(--sq-ease), border-color var(--sq-dur-fast) var(--sq-ease);border:1px solid #0000;border-radius:5px;flex-direction:column;justify-content:center;gap:.05rem;padding:.25rem .2rem;display:flex;overflow:hidden}.cell.svelte-ghi7nl:hover{background-color:hsl(var(--cat) / .42)}.cell.selected.svelte-ghi7nl{border-color:hsl(var(--cat));background-color:hsl(var(--cat) / .44)}.cell.dimmed.svelte-ghi7nl{opacity:.22}.z.svelte-ghi7nl{font-family:var(--font-mono);color:var(--sq-ink);font-size:.5625rem;line-height:1}.symbol.svelte-ghi7nl{font-family:var(--font-display);letter-spacing:-.01em;font-size:.9375rem;font-weight:600;line-height:1.1}.name.svelte-ghi7nl,.mass.svelte-ghi7nl{color:var(--sq-ink);white-space:nowrap;text-overflow:ellipsis;font-size:.5625rem;line-height:1.2;overflow:hidden}.mass.svelte-ghi7nl{font-family:var(--font-mono)}.detail.svelte-ghi7nl{flex-direction:column;gap:.875rem;padding:1rem 1.125rem;display:flex}.detail-head.svelte-ghi7nl{align-items:center;gap:.875rem;display:flex}.detail-symbol.svelte-ghi7nl{background-color:hsl(var(--cat) / .2);border:1px solid hsl(var(--cat) / .5);width:3.25rem;height:3.25rem;font-family:var(--font-display);border-radius:12px;place-items:center;font-size:1.5rem;font-weight:600;display:grid}.detail-name.svelte-ghi7nl{letter-spacing:-.015em;font-size:1.0625rem;font-weight:600}.detail-sub.svelte-ghi7nl{color:var(--sq-ink-muted);align-items:center;gap:.4rem;margin-block-start:.15rem;font-size:.8125rem;display:flex}.flag.svelte-ghi7nl{border:1px solid var(--sq-line-strong);color:var(--sq-ink-faint);text-transform:lowercase;border-radius:999px;padding:.05rem .35rem;font-size:.625rem}.facts.svelte-ghi7nl{border:1px solid var(--sq-line);background-color:var(--sq-line);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.facts.svelte-ghi7nl>div:where(.svelte-ghi7nl){background-color:var(--sq-surface);flex-direction:column;gap:.2rem;padding:.6rem .75rem;display:flex}.facts.svelte-ghi7nl dt:where(.svelte-ghi7nl){color:var(--sq-ink-faint);font-size:.6875rem;font-weight:600}.facts.svelte-ghi7nl dd:where(.svelte-ghi7nl){font-family:var(--font-mono);margin:0;font-size:.9375rem}.note.svelte-ghi7nl{color:var(--sq-ink-muted);font-size:.8125rem;line-height:1.6}.more.svelte-ghi7nl{font-size:.8125rem}.more.svelte-ghi7nl a:where(.svelte-ghi7nl){color:var(--sq-accent);text-decoration:none}.more.svelte-ghi7nl a:where(.svelte-ghi7nl):hover{text-decoration:underline}