.chem-reference{--ref-alkali:#e1a34a;--ref-alkaline:#d4bf57;--ref-transition:#64a9c7;--ref-post:#84a87b;--ref-metalloid:#b295cf;--ref-nonmetal:#5fb7a5;--ref-halogen:#e17c8e;--ref-noble:#8a9dde;--ref-lanthanide:#c89370;--ref-actinide:#bd778b;--ref-other:#82909b;color:var(--ink);gap:18px;display:grid}.chem-reference__intro{padding:4px 2px 12px}.chem-reference__intro h2{letter-spacing:-.02em;margin:3px 0 5px;font-size:1.4rem}.chem-reference__intro p{max-width:880px;color:var(--muted);margin:0;font-size:.9rem}.chem-reference__eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:750}.chem-reference__tabs{border-bottom:1px solid var(--line);scrollbar-width:thin;gap:6px;padding:4px 2px 10px;display:flex;overflow-x:auto}.chem-reference button{cursor:pointer;border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:8px;padding:7px 11px;font-size:.8rem}.chem-reference button:hover{border-color:var(--accent);background:var(--accent-soft)}.chem-reference__tabs button{white-space:nowrap}.chem-reference__tabs button.is-active{color:var(--accent-strong);border-color:var(--accent);background:var(--accent-soft);font-weight:700}.chem-reference input:focus-visible,.chem-reference select:focus-visible,.chem-reference button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 25%, transparent);outline-offset:1px}.chem-reference__purpose{border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:8px;padding:12px 15px}.chem-reference__purpose h3{text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:.8rem}.chem-reference__purpose p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.5}.chem-reference__card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 97%, var(--surface-2));border-radius:12px;min-width:0;padding:17px}.chem-reference__card h3{margin:0 0 12px;font-size:1rem}.chem-reference__field{color:var(--muted);gap:5px;margin-bottom:12px;font-size:.76rem;font-weight:650;display:grid}.chem-reference input,.chem-reference select{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);background:var(--surface);border-radius:8px;padding:8px 10px;font-size:.84rem}.chem-reference__two-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.chem-reference__split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.chem-reference__reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.chem-reference__periodic-layout{grid-template-columns:minmax(0,1fr) minmax(250px,320px);align-items:start;gap:14px;display:grid}.chem-reference__table-card{overflow:hidden}.chem-reference__legend{color:var(--muted);flex-wrap:wrap;gap:7px 11px;margin-bottom:12px;font-size:.68rem;display:flex}.chem-reference__legend span{align-items:center;gap:4px;display:inline-flex}.chem-reference__legend i{background:var(--ref-other);border-radius:3px;width:10px;height:10px}.chem-reference__legend [data-category=alkali\ metal] i{background:var(--ref-alkali)}.chem-reference__legend [data-category=alkaline-earth\ metal] i{background:var(--ref-alkaline)}.chem-reference__legend [data-category=transition\ metal] i{background:var(--ref-transition)}.chem-reference__legend [data-category=post-transition\ metal] i{background:var(--ref-post)}.chem-reference__legend [data-category=metalloid] i{background:var(--ref-metalloid)}.chem-reference__legend [data-category=nonmetal] i{background:var(--ref-nonmetal)}.chem-reference__legend [data-category=halogen] i{background:var(--ref-halogen)}.chem-reference__legend [data-category=noble\ gas] i{background:var(--ref-noble)}.chem-reference__legend [data-category=lanthanide] i{background:var(--ref-lanthanide)}.chem-reference__legend [data-category=actinide] i{background:var(--ref-actinide)}.chem-reference__periodic{grid-template-rows:repeat(7,66px);grid-template-columns:repeat(18,minmax(32px,1fr));gap:3px;min-width:670px;display:grid}.chem-reference__table-card{overflow-x:auto}.chem-reference__fblock-label{min-width:670px;color:var(--muted);margin:12px 0 5px;font-size:.68rem}.chem-reference__fblock{grid-template-rows:repeat(2,66px);grid-template-columns:repeat(17,minmax(32px,1fr));gap:3px;min-width:640px;padding-left:11.1111%;display:grid}.chem-reference__element{text-align:center;grid-template-rows:auto 1fr auto;min-width:0;display:grid;position:relative;background:color-mix(in srgb, var(--ref-other) 25%, var(--surface))!important;border-radius:5px!important;padding:4px!important}.chem-reference__element[data-category=alkali\ metal]{background:color-mix(in srgb, var(--ref-alkali) 34%, var(--surface))!important}.chem-reference__element[data-category=alkaline-earth\ metal]{background:color-mix(in srgb, var(--ref-alkaline) 34%, var(--surface))!important}.chem-reference__element[data-category=transition\ metal]{background:color-mix(in srgb, var(--ref-transition) 32%, var(--surface))!important}.chem-reference__element[data-category=post-transition\ metal]{background:color-mix(in srgb, var(--ref-post) 32%, var(--surface))!important}.chem-reference__element[data-category=metalloid]{background:color-mix(in srgb, var(--ref-metalloid) 34%, var(--surface))!important}.chem-reference__element[data-category=nonmetal]{background:color-mix(in srgb, var(--ref-nonmetal) 32%, var(--surface))!important}.chem-reference__element[data-category=halogen]{background:color-mix(in srgb, var(--ref-halogen) 32%, var(--surface))!important}.chem-reference__element[data-category=noble\ gas]{background:color-mix(in srgb, var(--ref-noble) 32%, var(--surface))!important}.chem-reference__element[data-category=lanthanide]{background:color-mix(in srgb, var(--ref-lanthanide) 34%, var(--surface))!important}.chem-reference__element[data-category=actinide]{background:color-mix(in srgb, var(--ref-actinide) 34%, var(--surface))!important}.chem-reference__element small{color:var(--muted);font-size:.52rem;position:absolute;top:3px;left:4px}.chem-reference__element strong{align-self:center;font-size:1rem;line-height:1}.chem-reference__element span{text-overflow:ellipsis;white-space:nowrap;font-size:.48rem;overflow:hidden}.chem-reference__element em{color:var(--muted);font-size:.48rem;font-style:normal}.chem-reference__element.is-selected{box-shadow:inset 0 0 0 2px var(--accent);border-color:var(--accent)!important}.chem-reference__element.is-filtered{opacity:.14;filter:grayscale()}.chem-reference__element-hero{background:var(--surface-2);border-radius:10px;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:13px;display:grid}.chem-reference__element-hero>span{color:var(--muted);font:700 .75rem Cascadia Code,Consolas,monospace}.chem-reference__element-hero>strong{color:var(--accent-strong);font-size:2.2rem}.chem-reference__element-hero h3{margin:0}.chem-reference__element-hero p{color:var(--muted);text-transform:capitalize;margin:2px 0 0;font-size:.72rem}.chem-reference__details{margin:12px 0 0}.chem-reference__details>div{border-bottom:1px solid var(--line);grid-template-columns:110px minmax(0,1fr);gap:10px;padding:8px 0;display:grid}.chem-reference__details dt{color:var(--muted);font-size:.7rem}.chem-reference__details dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:.78rem}.chem-reference__details code{color:var(--accent-strong);font:.72rem/1.4 Cascadia Code,Consolas,monospace}.chem-reference__interpretation{border-left:3px solid var(--accent);background:var(--accent-soft);margin-top:12px;padding:11px 12px}.chem-reference__interpretation h4{margin:0 0 4px;font-size:.78rem}.chem-reference__interpretation p{color:var(--muted);margin:0;font-size:.75rem;line-height:1.5}.chem-reference__compare-table{border-collapse:collapse;width:100%;font-size:.78rem}.chem-reference__compare-table th,.chem-reference__compare-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:9px}.chem-reference__compare-table thead th{background:var(--surface-2)}.chem-reference__compare-table tbody th{width:145px;color:var(--muted);background:color-mix(in srgb, var(--surface-2) 55%, transparent)}.chem-reference__compare-table code{color:var(--accent-strong);font:.72rem Cascadia Code,Consolas,monospace}.chem-reference__ion-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.chem-reference__ion-columns h4{margin:0 0 8px;font-size:.8rem}.chem-reference__ion{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr auto;align-items:center;gap:8px;padding:6px 0;display:grid}.chem-reference__ion strong{color:var(--accent-strong);font:700 .82rem Cascadia Code,Consolas,monospace}.chem-reference__ion span{font-size:.72rem}.chem-reference__ion small{color:var(--muted);font-size:.65rem}.chem-reference__formula-result{border:1px solid var(--line);background:var(--surface-2);text-align:center;border-radius:10px;gap:6px;padding:15px;display:grid}.chem-reference__formula-result>span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.chem-reference__formula-result>strong{color:var(--accent-strong);font:700 2rem Cascadia Code,Consolas,monospace}.chem-reference__formula-result p{margin:0;font-size:.84rem}.chem-reference__formula-result small{color:var(--muted);font-size:.7rem;line-height:1.45}.chem-reference__solubility{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;gap:7px;padding:15px;display:grid}.chem-reference__solubility span{color:var(--accent-strong);font:700 1.45rem Cascadia Code,Consolas,monospace}.chem-reference__solubility strong{text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.chem-reference__solubility p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.5}.chem-reference__solubility small{color:var(--muted);font-size:.68rem}.chem-reference__solubility.is-soluble{border-left:5px solid #5ea87a}.chem-reference__solubility.is-insoluble{border-left:5px solid #c76b73}.chem-reference__solubility.is-slightly-soluble{border-left:5px solid #d2a64d}.chem-reference__rules{color:var(--muted);margin:0;padding-left:20px;font-size:.77rem;line-height:1.55}.chem-reference__rules li+li{margin-top:7px}.chem-reference__reference-row{border-bottom:1px solid var(--line);grid-template-columns:78px minmax(0,1fr);gap:4px 9px;padding:8px 0;display:grid}.chem-reference__reference-row strong{color:var(--accent-strong);grid-row:span 2;font:700 .82rem Cascadia Code,Consolas,monospace}.chem-reference__reference-row span{font-size:.77rem}.chem-reference__reference-row small{color:var(--muted);font-size:.68rem}.chem-reference__decision{grid-template-columns:120px 1fr;gap:10px;font-size:.75rem;display:grid}.chem-reference__decision b{color:var(--accent-strong)}.chem-reference__decision span{color:var(--muted);line-height:1.45}.chem-reference__activity{gap:3px;display:grid}.chem-reference__activity>div{background:color-mix(in srgb, var(--accent-soft) 45%, var(--surface-2));border-radius:6px;grid-template-columns:34px 55px 1fr;align-items:center;padding:6px 9px;display:grid}.chem-reference__activity>div:nth-child(n+12){opacity:.85}.chem-reference__activity>div.is-hydrogen{border:1px dashed var(--accent);background:var(--accent-soft)}.chem-reference__activity span{color:var(--muted);font-size:.65rem}.chem-reference__activity strong{font:700 .8rem Cascadia Code,Consolas,monospace}.chem-reference__activity small{color:var(--muted);font-size:.65rem}.chem-reference__scenario p{color:var(--muted);font-size:.77rem;line-height:1.5}.chem-reference__scenario code{color:var(--accent-strong);background:var(--surface-2);border-radius:8px;padding:12px;font:700 .8rem Cascadia Code,Consolas,monospace;display:block}.chem-reference__vsepr-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.chem-reference__vsepr-results>div{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;gap:5px;padding:11px;display:grid}.chem-reference__vsepr-results span{color:var(--muted);text-transform:uppercase;font-size:.66rem}.chem-reference__vsepr-results strong{font-size:.78rem}.chem-reference__vsepr-diagram{grid-template-columns:minmax(180px,280px) 1fr;align-items:center;gap:15px;display:grid}.chem-reference__vsepr-diagram svg{width:100%;max-height:290px;color:var(--accent-strong)}.chem-reference__vsepr-diagram line{stroke:currentColor;stroke-width:2px}.chem-reference__vsepr-diagram circle{fill:var(--surface-2);stroke:currentColor;stroke-width:1.5px}.chem-reference__vsepr-diagram .central{fill:var(--accent-soft)}.chem-reference__vsepr-diagram .lp{fill:currentColor;stroke:none}.chem-reference__vsepr-diagram text{fill:var(--ink);text-anchor:middle;font-size:5px}.chem-reference__vsepr-diagram .central-text{font-size:8px;font-weight:700}.chem-reference__vsepr-diagram p{color:var(--muted);font-size:.77rem;line-height:1.5}.chem-reference__constant-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.chem-reference__constant-layout h3{margin-bottom:8px}.chem-reference__constant{border-bottom:1px solid var(--line);gap:3px;padding:9px 0;display:grid}.chem-reference__constant span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.67rem}.chem-reference__constant strong{overflow-wrap:anywhere;color:var(--accent-strong);font:700 .76rem/1.45 Cascadia Code,Consolas,monospace}.chem-reference__constant small{color:var(--muted);font-size:.68rem}.chem-reference__fineprint{color:var(--muted);margin:14px 0 0;font-size:.68rem;line-height:1.5}.chem-reference__error{border:1px solid color-mix(in srgb, var(--danger) 50%, var(--line));color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, var(--surface));border-radius:9px;padding:12px;font-size:.8rem}@media (width<=1050px){.chem-reference__periodic-layout{grid-template-columns:1fr}}@media (width<=820px){.chem-reference__split,.chem-reference__reference-grid,.chem-reference__constant-layout{grid-template-columns:1fr}}@media (width<=620px){.chem-reference__card{padding:13px}.chem-reference__two-fields,.chem-reference__ion-columns,.chem-reference__vsepr-results,.chem-reference__vsepr-diagram{grid-template-columns:1fr}.chem-reference__compare-table{font-size:.7rem}.chem-reference__compare-table th,.chem-reference__compare-table td{padding:6px}}