:root{--bg: #0e1116;--surface: #161b22;--surface-2: #1c232d;--rule: #2a323d;--ink: #e9edf2;--ink-soft: #aeb8c4;--ink-faint: #7a8694;--accent: #4f9dff;--accent-hover: #7bb6ff;--cat-alkali: #ff6b6b;--cat-alkaline: #ffa94d;--cat-transition: #ffd43b;--cat-post-transition: #69db7c;--cat-metalloid: #38d9a9;--cat-nonmetal: #4dabf7;--cat-halogen: #748ffc;--cat-noble: #da77f2;--cat-lanthanide: #f783ac;--cat-actinide: #e599f7;--font-ui: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;--font-serif: Georgia, "Times New Roman", Cambria, serif;--font-mono: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;--step--1: clamp(.8rem, .75rem + .2vw, .9rem);--step-0: clamp(.95rem, .9rem + .25vw, 1.05rem);--step-1: clamp(1.15rem, 1.05rem + .5vw, 1.4rem);--step-2: clamp(1.4rem, 1.2rem + 1vw, 2rem);--step-3: clamp(1.9rem, 1.5rem + 2vw, 3rem);--space-xs: .4rem;--space-s: .75rem;--space-m: 1.25rem;--space-l: 2rem;--space-xl: 3.5rem;--radius: 8px;--maxw: 72rem;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}body{font-family:var(--font-ui);font-size:var(--step-0);line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}h1,h2,h3{line-height:1.15;text-wrap:balance;font-weight:700}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:#07121f;padding:var(--space-xs) var(--space-s);z-index:100;border-radius:0 0 var(--radius) 0;font-weight:600}.skip-link:focus{left:0}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--space-m)}.site-header{border-bottom:1px solid var(--rule);background:var(--surface)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);padding-block:var(--space-s);flex-wrap:wrap}.site-header nav{display:flex;gap:var(--space-m);flex-wrap:wrap}.brand{font-weight:700;font-size:var(--step-1);color:var(--ink)}.brand:hover{text-decoration:none;color:var(--accent-hover)}.site-footer{border-top:1px solid var(--rule);color:var(--ink-faint);font-size:var(--step--1);padding-block:var(--space-l);margin-top:var(--space-xl)}.site-footer a{color:var(--ink-soft)}.pt-scroll{overflow-x:auto;padding-block:var(--space-m);-webkit-overflow-scrolling:touch}.periodic-table{display:grid;grid-template-columns:repeat(18,minmax(44px,1fr));grid-auto-rows:minmax(44px,auto);gap:4px;min-width:880px}.periodic-table{--fblock-gap: 10px}.pt-cell{grid-column:var(--x);grid-row:var(--y);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:4px 5px;border:1px solid var(--rule);border-radius:5px;background:var(--surface-2);color:var(--ink);cursor:pointer;aspect-ratio:1 / 1;min-width:0;text-align:left;font:inherit;transition:transform .08s ease,box-shadow .08s ease,border-color .08s ease;border-left:4px solid var(--cell-accent, var(--rule))}@media(hover:hover){.pt-cell:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006;border-color:var(--cell-accent, var(--accent));z-index:2}}.pt-cell:focus-visible{box-shadow:0 6px 16px #0006;border-color:var(--cell-accent, var(--accent));z-index:2}.pt-cell .num{font-size:.62rem;color:var(--ink-faint);line-height:1}.pt-cell .sym{font-size:1.15rem;font-weight:700;line-height:1.1}.pt-cell .nm{font-size:.55rem;color:var(--ink-soft);line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pt-placeholder{grid-column:var(--x);grid-row:var(--y);display:flex;align-items:center;justify-content:center;border:1px dashed var(--rule);border-radius:5px;color:var(--ink-faint);font-size:.7rem;aspect-ratio:1 / 1;background:transparent}.fblock-spacer{grid-column:1 / -1;height:var(--fblock-gap)}.legend{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-m);margin-block:var(--space-m);font-size:var(--step--1)}.legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft)}.legend-swatch{width:14px;height:14px;border-radius:3px;background:var(--swatch);flex:none}.panel-backdrop{position:fixed;inset:0;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:40}.panel-backdrop.open{opacity:1;pointer-events:auto}.info-panel{position:fixed;top:0;right:0;height:100dvh;width:min(560px,100vw);background:var(--surface);border-left:1px solid var(--rule);box-shadow:-12px 0 40px #00000073;transform:translate(100%);transition:transform .22s ease;z-index:50;display:flex;flex-direction:column;overflow:hidden}.info-panel.open{transform:translate(0)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-s);padding:var(--space-m);border-bottom:1px solid var(--rule);border-top:5px solid var(--panel-accent, var(--accent))}.panel-head .titles h2{font-size:var(--step-2)}.panel-head .titles .sub{color:var(--ink-soft);font-size:var(--step--1)}.panel-actions{display:flex;gap:var(--space-xs);flex:none}.icon-btn{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius);padding:6px 10px;font:inherit;font-size:var(--step--1);cursor:pointer}.icon-btn:hover{border-color:var(--accent);color:var(--accent-hover)}.panel-body{padding:var(--space-m);overflow-y:auto}.article{font-family:var(--font-serif);font-size:var(--step-0)}.article h2,.article h3{font-family:var(--font-ui)}.article .summary{font-size:var(--step-1);color:var(--ink);margin-bottom:var(--space-m)}.article section{margin-bottom:var(--space-m)}.article section h3{font-size:var(--step-1);margin-bottom:var(--space-xs);color:var(--ink)}.article section p{color:var(--ink-soft)}.facts{width:100%;border-collapse:collapse;margin-block:var(--space-m);font-family:var(--font-ui);font-size:var(--step--1)}.facts th,.facts td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--rule);vertical-align:top}.facts th{color:var(--ink-faint);font-weight:600;width:42%;white-space:nowrap}.facts td{color:var(--ink);font-family:var(--font-mono)}.element-hero{display:flex;align-items:center;gap:var(--space-m);flex-wrap:wrap;margin-block:var(--space-l) var(--space-m)}.element-tile{width:120px;height:120px;border-radius:var(--radius);border:1px solid var(--rule);border-left:6px solid var(--tile-accent, var(--accent));background:var(--surface-2);display:flex;flex-direction:column;justify-content:center;align-items:center;flex:none}.element-tile .num{color:var(--ink-faint);font-size:.85rem}.element-tile .sym{font-size:3rem;font-weight:800;line-height:1}.element-tile .mass{color:var(--ink-soft);font-size:.8rem;font-family:var(--font-mono)}.element-hero .meta h1{font-size:var(--step-3)}.element-hero .meta .cat{color:var(--ink-soft)}.toolbar{display:flex;gap:var(--space-xs);align-items:center;margin-block:var(--space-m);flex-wrap:wrap}.prevnext{display:flex;justify-content:space-between;gap:var(--space-s);margin-top:var(--space-l);border-top:1px solid var(--rule);padding-top:var(--space-m)}.prevnext a{max-width:48%}.crumbs{font-size:var(--step--1);color:var(--ink-faint);margin-top:var(--space-m)}.crumbs a{color:var(--ink-soft)}.toast{position:fixed;bottom:var(--space-l);left:50%;transform:translate(-50%) translateY(20px);background:var(--surface-2);color:var(--ink);border:1px solid var(--rule);padding:var(--space-xs) var(--space-m);border-radius:var(--radius);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:60}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.hero-copy{margin-block:var(--space-l) var(--space-s)}.hero-copy h1{font-size:var(--step-3)}.hero-copy p{color:var(--ink-soft);max-width:60ch}.search-box{margin-block:var(--space-m)}.search-box input{width:min(360px,100%);padding:8px 12px;border-radius:var(--radius);border:1px solid var(--rule);background:var(--surface-2);color:var(--ink);font:inherit}.search-status{min-height:1.4em;margin-top:var(--space-xs);font-size:var(--step--1);color:var(--ink-soft)}.search-status:empty{margin-top:0}.pt-cell[hidden],.periodic-table.filtering .pt-placeholder,.periodic-table.filtering .fblock-spacer{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cmp-pickers{display:flex;flex-wrap:wrap;gap:var(--space-m);margin-block:var(--space-m)}.cmp-picker{display:flex;flex-direction:column;gap:var(--space-xs);min-width:180px;flex:1 1 180px}.cmp-picker-label{font-size:var(--step--1);color:var(--ink-faint)}.cmp-picker select{padding:8px 10px;border-radius:var(--radius);border:1px solid var(--rule);background:var(--surface-2);color:var(--ink);font:inherit;font-size:var(--step--1)}.cmp-result{overflow-x:auto;margin-block:var(--space-m)}.cmp-table{width:100%;border-collapse:collapse;font-family:var(--font-ui);font-size:var(--step--1)}.cmp-table th,.cmp-table td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--rule);vertical-align:top}.cmp-table thead th{font-size:var(--step-0);white-space:nowrap}.cmp-table tbody th[scope=row]{color:var(--ink-faint);font-weight:600;white-space:nowrap}.cmp-table td{color:var(--ink);font-family:var(--font-mono)}.cmp-table td.cmp-max{color:var(--accent-hover);font-weight:700}.cmp-sym{display:inline-block;min-width:1.9em;text-align:center;padding:1px 6px;border-radius:4px;border-left:3px solid var(--cmp-accent, var(--accent));background:var(--surface-2);font-family:var(--font-mono);font-weight:700}.cmp-hint,.cmp-note,.cmp-foot{margin-block:var(--space-m)}.cmp-note{color:var(--ink-soft);font-size:.95em}.cmp-foot{display:flex;gap:var(--space-xs);flex-wrap:wrap}