.family-nonmetal{--family:#37903e;--family-surface:#203e2b}.family-noble-gas{--family:#c3a5ee;--family-surface:#372b4c}.family-alkali-metal{--family:#f0a590;--family-surface:#4b2b27}.family-alkaline-earth{--family:#e5c77b;--family-surface:#423b22}.family-metalloid{--family:#a8ce76;--family-surface:#323f24}.family-halogen{--family:#40e0d0;--family-surface:#203f3c}.family-metal{--family:#9fbdd5;--family-surface:#2b3947}.family-transition-metal{--family:#4d9cff;--family-surface:#16325a}.family-lanthanide{--family:#e5acd0;--family-surface:#482e40}.family-actinide{--family:#cca9a3;--family-surface:#44322f}.detail-header nav{flex-wrap:wrap;justify-content:center}.elements-overview{width:calc(100% - 48px);max-width:1600px;margin:44px auto 64px;overflow:visible}.elements-intro{margin-bottom:28px}.elements-intro h1{margin:8px 0 12px;font-size:clamp(36px,4vw,54px)}.elements-intro>p:last-child{color:#c1c1c1;font-size:21px}.element-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:#97c78c;font-size:15px}.periodic-scroll{scrollbar-color:#659b59 #262626;padding:8px 4px 16px;overflow-x:auto}.periodic-table{grid-template-rows:22px repeat(7,minmax(86px,auto)) 20px repeat(2,minmax(86px,auto));grid-template-columns:repeat(18,minmax(56px,1fr));gap:5px;min-width:1110px;display:grid}.periodic-cell{background:var(--family-surface);min-width:0;color:var(--family);border:1px solid var(--family);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:7px 3px 6px;text-decoration:none;transition:transform .15s,filter .15s;display:flex;position:relative}a.periodic-cell:hover{filter:brightness(1.2);z-index:1;transform:translateY(-3px)}a.periodic-cell:focus-visible{outline-offset:2px;z-index:2;outline:3px solid #fff}.cell-number{align-self:flex-start;padding-left:3px;font-size:13px;line-height:1}.cell-symbol{margin:auto 0;font-size:clamp(25px,2.2vw,36px);font-weight:700;line-height:1.15}.cell-name{text-align:center;color:#f1f1f1;font-size:clamp(9px,.78vw,13px);line-height:1.2}.group-number{color:#8e8e8e;text-align:center;font-size:14px}.table-key{text-align:center;color:#c7c7c7;background:#252525;border:1px solid #6a6a6a;border-radius:8px;grid-area:2/5/4/12;place-self:center;gap:4px;min-width:168px;padding:14px 22px 12px;font-size:16px;display:grid}.table-key strong{color:#f1f1f1;font-size:28px;line-height:1.15}.series-placeholder{color:var(--family);background:var(--family-surface);border:1px dashed var(--family);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:16px;text-decoration:none;display:flex}.series-placeholder span{font-size:10px}.series-label{color:#bdbdbd;align-items:center;scroll-margin-top:20px;font-size:17px;display:flex}.family-legend{margin-top:24px}.family-legend h2{margin-bottom:16px;font-size:24px}.family-legend ul{flex-wrap:wrap;gap:14px 24px;list-style:none;display:flex}.family-legend li{align-items:center;gap:8px;font-size:18px;display:flex}.legend-swatch{background:var(--family-surface);border:1px solid var(--family);border-radius:3px;width:15px;height:15px}.family-legend p,.element-source{color:#aaa;margin-top:18px;font-size:17px;line-height:1.5}.element-source a,.element-detail a{color:#a4d397}.table-scroll-hint{color:#aaa;font-size:16px;display:none}.element-detail{padding:0 24px}.element-breadcrumb{gap:12px;margin-bottom:28px;font-size:18px;display:flex}.element-breadcrumb a{text-decoration:none}.element-breadcrumb span{color:#aaa}.element-hero{align-items:center;gap:24px;margin-bottom:32px;display:flex}.element-hero h1{overflow-wrap:anywhere;margin:8px 0;font-size:clamp(36px,4vw,56px)}.element-hero>div:last-child{min-width:0}.element-hero>div>p:last-child{color:#aaa;font-size:20px}.element-hero-tile{flex-shrink:0;width:126px;height:142px;padding:12px}.element-hero-tile .cell-number{font-size:18px}.element-hero-tile .cell-symbol{font-size:52px}.element-hero-tile .cell-name{font-size:16px}.element-description{font-size:20px;line-height:1.65}.element-description p{color:#cecece;margin:0 0 20px}.element-description .element-lede{color:#eee;font-size:22px}.element-description h2,.element-sources h2{margin:32px 0 14px;font-size:27px;line-height:1.3}.element-editorial{margin:32px 0}.element-signatures{margin:32px 0 38px}.element-signatures h2{margin-bottom:18px}.element-signatures ol{grid-template-columns:repeat(3,1fr);gap:14px;padding:0;list-style:none;display:grid}.element-signatures li{background:#222820;border:1px solid #3d4939;border-radius:10px;align-items:flex-start;gap:12px;min-width:0;padding:18px;display:flex}.element-signatures li>span{color:#e8f5e5;background:#365d30;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:15px;font-weight:700;display:grid}.element-signatures li p{color:#e1e1e1;margin:2px 0 0;font-size:18px;line-height:1.55}.element-properties{border-collapse:collapse;width:100%;margin:32px 0 16px;font-size:19px}.element-properties caption{text-align:left;margin-bottom:16px;font-size:28px;font-weight:700}.element-properties th,.element-properties td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #383838;padding:13px 12px}.element-properties th{color:#bbb;width:44%;font-weight:400}.element-properties td{color:#eee}.element-properties tr:nth-child(odd){background:#ffffff06}.element-data-note,.element-sources p{color:#999;margin-bottom:12px;font-size:16px;line-height:1.5}.element-cycle{border-top:1px solid #383838;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:40px;padding-top:24px;display:grid}.element-cycle a{border-radius:8px;flex-direction:column;gap:7px;padding:12px;text-decoration:none;display:flex}.element-cycle a:hover{background:#253020}.element-cycle a:last-child{text-align:right}.element-cycle span{color:#aaa;font-size:16px}.element-cycle strong{font-size:20px;font-weight:400}.element-cycle .cycle-table{text-align:center;font-size:17px}@media (width<=1180px){.elements-overview{width:100%;margin-top:28px}.elements-intro,.family-legend,.element-source,.table-scroll-hint{margin-left:18px;margin-right:18px}.periodic-scroll{padding-left:18px;padding-right:18px}.table-scroll-hint{margin-bottom:12px;display:block}.element-detail{padding:0 24px}}@media (width<=480px){.element-detail{padding:0 18px}.element-hero{gap:16px}.element-hero-tile{width:92px;height:112px;padding:8px}.element-hero-tile .cell-symbol{font-size:40px}.element-hero-tile .cell-name,.element-hero .element-eyebrow{font-size:12px}.element-cycle{grid-template-columns:1fr 1fr}.element-cycle .cycle-table{grid-area:2/1/auto/-1}.element-properties{font-size:17px}.element-properties th,.element-properties td{padding:12px 8px}.element-signatures ol{grid-template-columns:1fr}}@media (width>=481px) and (width<=800px){.element-signatures ol{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.periodic-cell{transition:none}}