:root{color:#e7edf2;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1116;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}a{color:#a8ddd3;text-underline-offset:4px}button{cursor:pointer}button,input,select{border-radius:6px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #e9c76b}button{color:inherit}h1,h2,h3,p{margin:0}h2{letter-spacing:-.035em;font-size:24px;font-weight:500}h3{font-size:13px;font-weight:500}.muted{color:#a5b2be}.small{font-size:12px;line-height:1.65}.eyebrow,.section-kicker{letter-spacing:.15em;color:#9aadae;font-size:10px;font-weight:600}.site-header{border-bottom:1px solid #26323a;justify-content:space-between;align-items:center;gap:30px;padding:21px 48px;display:flex}.brand{color:#e7edf2;letter-spacing:.14em;align-items:center;gap:12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.brand small{letter-spacing:.16em;color:#92a8af;margin-top:4px;font-size:8px;display:block}.brand-mark{color:#dfc785;border:1px solid #716443;place-items:center;width:36px;height:36px;font-family:Georgia,serif;font-size:30px;line-height:1;display:grid}.site-header nav{gap:28px;font-size:12px;display:flex}.site-header nav a{color:#bdc8cf;text-decoration:none}.site-header nav a:hover{color:#e9c76b}.header-status{letter-spacing:.15em;color:#95aaa4;align-items:center;gap:9px;font-size:9px;display:flex}.header-status i{background:#9ad3ac;border-radius:50%;width:5px;height:5px}main{max-width:1728px;margin:auto;padding:0 48px}.intro{justify-content:space-between;align-items:center;gap:24px;padding:58px 0 52px;display:flex}.intro .eyebrow{color:#cbb987;margin-bottom:16px}h1{letter-spacing:-.055em;font-size:clamp(34px,3.8vw,62px);font-weight:400;line-height:1.12}h1 em{color:#d9ca9e;font-family:Georgia,serif;font-weight:400}.intro p{color:#9cabba;margin-top:20px;font-size:14px;line-height:1.8}.intro-stat{border-left:1px solid #354047;align-items:center;gap:20px;margin-right:20px;padding-left:30px;display:flex}.intro-stat strong{letter-spacing:-.07em;color:#dbca9b;font-size:62px;font-weight:300;line-height:1}.intro-stat span{letter-spacing:.13em;color:#9bacb4;font-size:9px;line-height:1.9}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.section-heading .eyebrow{margin-bottom:8px}.badge{letter-spacing:.1em;color:#adc3b5;white-space:nowrap;border:1px solid #35433e;border-radius:3px;padding:7px 10px;font-size:9px}.panel{background:#101920;border:1px solid #29353e;border-radius:9px}.filters{align-items:end;gap:18px;padding:16px 20px;display:flex}label{color:#b3c0c9;flex-direction:column;gap:7px;font-size:11px;font-weight:500;display:flex}input,select{color:#e7edf2;background:#0c141a;border:1px solid #3d4b56;min-width:0;min-height:43px;padding:10px 12px}input::placeholder{color:#8d9da9}select{padding-right:28px}.search-label{flex:1}.filters label:not(.search-label){width:190px}.quiet{white-space:nowrap;background:0 0;border:1px solid #42515e;min-height:43px;padding:10px 14px;font-size:11px}.quiet:hover{background:#26323b}.results-line{color:#9aaeb6;justify-content:space-between;gap:14px;margin:14px 1px;font-size:10px;display:flex}.results-line p{color:#d5ddd9}.explorer-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:20px;display:grid}.board{min-width:0;padding:18px 18px 14px}.table-scroll{scrollbar-color:#52655f #141f27;padding:4px 2px 16px;overflow-x:auto}.periodic-table{grid-template-rows:18px repeat(7,68px) 82px 68px;grid-template-columns:repeat(18,minmax(0,1fr));gap:4px;min-width:930px;display:grid}.group-label{color:#8a9da8;text-align:center;font-size:9px}.table-note{grid-area:2/4/4/13;place-self:center;padding:8px 10px}.table-note>span{letter-spacing:.2em;color:#b3aa8b;font-size:8px}.table-note strong{letter-spacing:-.025em;margin:7px 0 8px;font-family:Georgia,serif;font-size:27px;font-weight:400;display:block}.table-note p{color:#97a7b2;font-size:10px;line-height:1.8}.element{--family:#aac9b5;text-align:left;border:1px solid color-mix(in srgb, var(--family), transparent 59%);background:color-mix(in srgb, var(--family), #101920 90%);color:#e5eff1;border-radius:4px;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;height:68px;padding:5px 6px;line-height:1.2;display:flex;position:relative}.element:hover{background:color-mix(in srgb, var(--family), #101920 68%);border-color:var(--family)}.element.selected{outline-offset:0;z-index:1;border-color:#f0ce78;outline:2px solid #f0ce78}.element.selected:after{content:"";background:#f0ce78;border-radius:50%;width:4px;height:4px;position:absolute;top:6px;right:5px}.atomic-number{color:#c2cfd4;font-size:9px}.element strong{letter-spacing:-.04em;margin-top:2px;font-size:23px;font-weight:500}.element-name{text-overflow:ellipsis;white-space:nowrap;color:#c4d1d6;max-width:100%;margin-top:3px;font-size:8px;display:block;overflow:hidden}.nonmetal{--family:#a8d6a6}.noble-gas{--family:#c3a1dc}.alkali-metal{--family:#e6b186}.alkaline-earth-metal{--family:#d1c183}.metalloid{--family:#a2d4c9}.halogen{--family:#b2c6ee}.post-transition-metal{--family:#9bbadd}.transition-metal{--family:#85bcc0}.lanthanide{--family:#d4a1b9}.actinide{--family:#b3acd9}.series-placeholder{color:#92a7ad;border:1px dashed #4b5b63;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;height:68px;font-size:9px;line-height:1.8;display:flex}.series-placeholder span{color:#c0cbd1}.legend{border-top:1px solid #2a3740;flex-wrap:wrap;gap:9px 16px;padding-top:17px;display:flex}.legend>span{color:#b4c1cb;align-items:center;gap:6px;font-size:9px;display:flex}.legend i{background:var(--family);border-radius:1px;width:6px;height:6px}.table-caption{margin-top:13px;font-size:10px}.detail{padding:22px}.section-kicker{letter-spacing:.12em;justify-content:space-between;font-size:8px;display:flex}.section-kicker span{color:#b8b08d;letter-spacing:.07em}.hero-symbol{color:var(--family);border-left:2px solid var(--family);margin-top:28px;padding-left:18px}.hero-symbol>span{font-size:14px;display:block}.hero-symbol strong{letter-spacing:-.07em;font-size:78px;font-weight:300;line-height:1.13;display:block}.hero-symbol small{color:#b1c3ca;margin-top:6px;font-size:10px;display:block}.detail h2{margin-top:22px;font-size:28px}.detail>p.muted{margin-top:3px;font-size:11px}.facts{margin:24px 0 12px;font-size:11px}.facts>div{border-bottom:1px solid #2b3740;justify-content:space-between;gap:15px;padding:11px 0;display:flex}.facts dt{color:#a8b6c1}.facts dd{text-align:right;max-width:135px;margin:0}.configuration{margin-top:22px}.configuration code{letter-spacing:.03em;color:#d4c99d;margin:8px 0;font-size:19px;display:block}.primary{color:#111a1f;text-align:left;background:#cbb87c;border:1px solid #d9c994;justify-content:space-between;gap:8px;width:100%;min-height:44px;margin-top:24px;padding:10px 12px;font-size:11px;font-weight:600;display:flex}.primary:hover{background:#ead99f}.detail details{border-top:1px solid #2d3b44;border-bottom:1px solid #2d3b44;margin-top:22px;padding:14px 0;font-size:11px}.detail summary{cursor:pointer;color:#cbd5da}.detail details p{margin:10px 0}.detail details a{font-size:11px}.source-link{justify-content:space-between;margin-top:18px;font-size:10px;display:flex}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:550px;display:flex}.empty p{color:#a5b2be;font-size:13px}.comparison{margin-top:36px;padding:26px}.comparison .section-heading{margin-bottom:12px}.comparison-intro{max-width:740px;font-size:13px}.comparison-controls{grid-template-columns:1.4fr 1.4fr 1fr 1fr 1fr 1fr;gap:14px;margin-top:24px;display:grid}.comparison-controls select,.comparison-controls input{width:100%}.conditions{color:#d0c395;margin:18px 0;font-size:12px}.error{color:#f4baa6;margin:18px 0;font-size:12px}.comparison-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:530px;margin:8px 0 18px;font-size:12px}th,td{text-align:left;border-bottom:1px solid #2b3943;width:33.333%;padding:13px 14px}thead{background:#17242d}thead th{color:#d6c998;font-weight:500}tbody th{color:#b3c0cb;font-weight:400}td[data-status]{color:#a7b5bf;font-size:11px}td[data-status]:before{content:"— ";color:#d6c998}.sources{grid-template-columns:1.5fr 1fr;gap:100px;padding:50px 0 54px;display:grid}.sources h2{margin:10px 0 14px}.sources p{max-width:600px;font-size:12px}.sources>div:last-child{padding-top:20px}.sources a{border-bottom:1px solid #2d3a43;justify-content:space-between;padding:12px 0;font-size:12px;text-decoration:none;display:flex}.sources>div:last-child p{margin-top:12px;font-size:10px}footer{letter-spacing:.08em;color:#9daeb9;border-top:1px solid #2b373f;justify-content:space-between;padding:23px 48px;font-size:9px;display:flex}.skip-link{color:#111a1f;z-index:10;background:#e9d69b;padding:12px;position:absolute;top:-80px;left:20px}.skip-link:focus{top:8px}@media (width>=1600px){.periodic-table{grid-template-rows:18px repeat(7,76px) 90px 76px}.element,.series-placeholder{height:76px}.element-name{font-size:10px}.element strong{font-size:27px}.atomic-number{font-size:10px}}@media (width<=1100px){main{padding:0 28px}.site-header{padding:20px 28px}.header-status,.intro-stat{display:none}.explorer-layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.comparison-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.sources{gap:50px}}@media (width<=800px){.explorer-layout{grid-template-columns:1fr}.detail{grid-template-columns:1fr 1fr;gap:0 28px;display:grid}.detail .section-kicker{grid-column:1/-1}.hero-symbol{grid-row:2/5;margin-top:24px}.detail h2{margin-top:20px}.facts{grid-area:3/2/6;margin-top:12px}.detail>p.small{grid-column:1/-1}.configuration{grid-column:1}.primary{grid-column:2;align-self:center}.detail details,.source-link{grid-column:1/-1}.filters{flex-wrap:wrap;gap:14px}.search-label{flex-basis:100%}.filters label:not(.search-label){flex:1;width:auto}.sources{grid-template-columns:1fr;gap:10px}.intro{padding:40px 0}.section-heading .badge{display:none}}@media (width<=500px){main{padding:0 16px}.site-header{gap:14px;padding:16px}.brand{gap:8px;font-size:10px}.brand small{font-size:7px}.brand-mark{width:30px;height:32px;font-size:25px}.site-header nav{gap:13px;font-size:10px}.site-header nav a:last-child{display:none}h1{max-width:350px;font-size:38px}.intro p{font-size:12px}.intro .eyebrow{font-size:8px}.intro h1 em{display:block}.desktop-break{display:none}.filters{padding:14px}.filters .quiet{width:100%}.filters label{max-width:100%}.results-line{align-items:start;font-size:9px}.results-line span{text-align:right;max-width:160px}.board{padding:14px 10px}.legend{gap:10px 14px}.detail{padding:20px;display:block}.hero-symbol,.facts{margin-top:20px}.comparison{margin-top:24px;padding:20px 16px}.comparison h2{font-size:23px}.comparison-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.comparison-controls label{font-size:10px}.comparison-controls select,.comparison-controls input{padding-left:8px;font-size:12px}.sources{padding:36px 0}footer{gap:20px;padding:20px 16px;font-size:8px}footer>span:last-child{text-align:right;max-width:130px}.table-note strong{font-size:24px}}.periodic-table.compact{grid-template-rows:none;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;min-width:0;padding:4px}.filter-options{display:contents}.filter-toggle{display:none}@media (width<=500px){.filters .search-label{flex:1 1 0;min-width:0}.filters .filter-toggle{flex:0 0 78px;align-self:end;width:auto;display:block}.filter-options{display:none}.filter-options.expanded{flex-wrap:wrap;flex-basis:100%;gap:14px;display:flex}}.compact .element{height:92px;padding:9px}.compact .element strong{font-size:28px}.compact .element-name{font-size:10px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}