.periodic-page{--periodic-night:#07111f;--periodic-ink:#0b1220;--periodic-blue:#315efb;--periodic-electric:#6ea8ff;--periodic-paper:#f5f6f2;--periodic-line:#ffffff1f;background:#edf1f6;overflow:clip}.periodic-masthead{isolation:isolate;color:#f8fbff;background:radial-gradient(circle at 76% 28%,#3e74ff42,#0000 18rem),radial-gradient(circle at 87% 74%,#6ea8ff14,#0000 20rem),linear-gradient(128deg,#050b14 0%,#081321 45%,#0a1830 100%);min-height:30rem;padding:1.1rem clamp(1rem,3vw,3.75rem) 5.75rem;position:relative;overflow:hidden}.periodic-masthead:before{content:"";z-index:-2;opacity:.42;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000c,#0000001a 74%,#0000);mask-image:linear-gradient(90deg,#000c,#0000001a 74%,#0000)}.periodic-masthead:after{content:"";z-index:-1;aspect-ratio:1;border:1px solid #7dacff30;border-radius:50%;width:min(44rem,55vw);position:absolute;top:3rem;right:-8vw;box-shadow:0 0 0 5rem #4c7eff05,0 0 0 10rem #4c7eff03,inset 0 0 90px #4f88ff0d}.periodic-masthead__rail{color:#ebf3ff7a;font-family:var(--font-mono-science);letter-spacing:.13em;border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.8rem;font-size:.66rem;display:flex}.periodic-masthead__grid{grid-template-columns:minmax(0,1.28fr) minmax(17rem,.72fr);align-items:center;gap:clamp(2rem,6vw,7rem);width:min(100%,95rem);margin:0 auto;padding-top:clamp(3rem,7vh,5.5rem);display:grid}.periodic-masthead__copy{max-width:54rem}.periodic-masthead__eyebrow{color:#83adff;letter-spacing:.16em;text-transform:uppercase;margin:0 0 1rem;font-size:.72rem;font-weight:700}.periodic-masthead__title{max-width:13ch;font-family:var(--font-display);letter-spacing:-.07em;text-wrap:balance;margin:0;font-size:clamp(3.6rem,7.2vw,7.7rem);font-weight:430;line-height:.84}.periodic-masthead__title span{color:#0000;-webkit-text-stroke:1px #d6e4ff7a;text-shadow:0 0 36px #4b84ff14;margin-top:.28em;display:block}.periodic-masthead__lede{color:#e2ebf9a8;max-width:42rem;margin:1.75rem 0 0;font-size:clamp(.98rem,1.1vw,1.12rem);line-height:1.7}.periodic-masthead__signature{justify-items:center;gap:1.35rem;min-width:0;display:grid;position:relative}.periodic-masthead__orb{aspect-ratio:1;background:radial-gradient(circle,#4a81ff29 0 3%,#0000 4%),radial-gradient(circle,#508bff12,#0000 50%);border-radius:50%;place-items:center;width:min(20rem,26vw);min-width:14rem;display:grid;position:relative}.periodic-masthead__orb:before,.periodic-masthead__orb:after{content:"";border:1px solid #88b1ff3d;border-radius:50%;position:absolute;inset:10%;transform:rotate(58deg)scaleY(.38)}.periodic-masthead__orb:after{border-color:#ffffff21;transform:rotate(-58deg)scaleY(.38)}.periodic-masthead__orbit{background:#8db6ff;border-radius:50%;width:.48rem;height:.48rem;position:absolute;box-shadow:0 0 20px #69a2ffc7}.periodic-masthead__orbit--one{top:50%;left:17%}.periodic-masthead__orbit--two{opacity:.75;width:.34rem;height:.34rem;top:24%;right:21%}.periodic-masthead__nucleus{color:#fff;width:4.8rem;height:4.8rem;font-family:var(--font-display);letter-spacing:-.05em;background:radial-gradient(circle at 38% 30%,#4478ff,#17367f 64%,#101c36);border:1px solid #96bdff5c;border-radius:50%;place-items:center;font-size:1.8rem;display:grid;box-shadow:0 0 45px #4174ff3b}.periodic-masthead__metrics{border-top:1px solid #ffffff21;border-bottom:1px solid #ffffff14;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,27rem);display:grid}.periodic-masthead__metrics>div{padding:.9rem .85rem}.periodic-masthead__metrics>div+div{border-left:1px solid #ffffff17}.periodic-masthead__metrics strong,.periodic-masthead__metrics span{display:block}.periodic-masthead__metrics strong{color:#f7fbff;font-family:var(--font-display);letter-spacing:-.04em;font-size:1.45rem;font-weight:520}.periodic-masthead__metrics span{color:#e1ebfa70;letter-spacing:.09em;text-transform:uppercase;margin-top:.18rem;font-size:.58rem;font-weight:650}.periodic-masthead__footer{color:#e2ebf961;letter-spacing:.075em;text-transform:uppercase;align-items:center;gap:1rem;font-size:.64rem;display:flex;position:absolute;inset:auto clamp(1rem,3vw,3.75rem) 1.5rem}.periodic-masthead__line{background:linear-gradient(90deg,#ffffff24,#0000);flex:1;height:1px}.periodic-workspace-frame{z-index:5;margin-top:-1px;position:relative}.periodic-page section[aria-label=Atomic\ workspace]{padding-top:.9rem;background:linear-gradient(#1d2d4905 1px,#0000 1px) 0 0/36px 36px,linear-gradient(90deg,#1d2d4905 1px,#0000 1px) 0 0/36px 36px,linear-gradient(#eef2f7 0%,#f7f8fa 34rem,#edf1f6 100%)!important}.periodic-page section[aria-label=Atomic\ workspace]:before{opacity:.18}.periodic-page section[aria-label=Atomic\ workspace]>.sticky{border-top-color:#1b2a460f!important;border-top-left-radius:0!important;border-top-right-radius:0!important;margin-top:0!important}.periodic-page section[aria-label=Atomic\ workspace]>.sticky:before{content:"ATOMIC WORKSPACE";color:#ebf3ff8c;font-family:var(--font-mono-science);letter-spacing:.14em;font-size:.58rem;position:absolute;top:-1.55rem;left:1rem}.periodic-page section[aria-label=Atomic\ workspace] [aria-label="Interactive periodic table workspace"]{position:relative}.periodic-page section[aria-label=Atomic\ workspace] [aria-label="Interactive periodic table workspace"]:before{content:"PERIODIC STRUCTURE / 7 PERIODS / 18 GROUPS";z-index:2;color:#22334e57;font-family:var(--font-mono-science);letter-spacing:.09em;pointer-events:none;font-size:.56rem;position:absolute;top:.72rem;right:1rem}.periodic-page section[aria-label=Atomic\ workspace] button[data-atomic-number]{border-radius:.34rem!important;box-shadow:inset 0 1px #ffffff6b,0 1px 1px #0f172a0a!important}.periodic-page section[aria-label=Atomic\ workspace] button[data-atomic-number]:before{background:linear-gradient(#ffffff3d,#0000 32%),linear-gradient(90deg,#0000 0 72%,#ffffff17 72% 73%,#0000 73%)}.periodic-page section[aria-label=Atomic\ workspace] button[data-atomic-number]:hover{transform:translateY(-2px)scale(1.018)!important;box-shadow:0 8px 18px #121f3724!important}.periodic-page section[aria-label=Atomic\ workspace] button[data-atomic-number][aria-pressed=true]{border-color:#123a83d1!important;transform:translateY(-2px)scale(1.026)!important;box-shadow:0 0 0 1px #ffffffeb,0 0 0 2px #2c5dfb9e,0 11px 24px #112a5c2e!important}.periodic-page section[aria-label=Atomic\ workspace] button[data-atomic-number] .font-display{font-weight:540!important}@media (max-width:960px){.periodic-masthead{min-height:27rem}.periodic-masthead__grid{grid-template-columns:1fr minmax(14rem,.55fr);gap:2rem}.periodic-masthead__orb{width:15rem}.periodic-masthead__metrics{grid-template-columns:1fr;width:12rem}.periodic-masthead__metrics>div{justify-content:space-between;align-items:baseline;gap:.75rem;padding:.48rem 0;display:flex}.periodic-masthead__metrics>div+div{border-top:1px solid #ffffff14;border-left:0}}@media (max-width:720px){.periodic-masthead{min-height:auto;padding:.9rem 1rem 4.4rem}.periodic-masthead:after{width:30rem;top:7rem;right:-55%}.periodic-masthead__grid{grid-template-columns:1fr;padding-top:2.5rem}.periodic-masthead__title{font-size:clamp(3.1rem,16vw,5.2rem);line-height:.88}.periodic-masthead__lede{max-width:30rem;margin-top:1.35rem;font-size:.92rem}.periodic-masthead__signature{display:none}.periodic-masthead__footer{white-space:nowrap;gap:.65rem;bottom:1.05rem;left:1rem;right:1rem;overflow:hidden}.periodic-masthead__footer span:nth-child(3),.periodic-masthead__footer span:nth-child(4),.periodic-page section[aria-label=Atomic\ workspace]>.sticky:before,.periodic-page section[aria-label=Atomic\ workspace] [aria-label="Interactive periodic table workspace"]:before{display:none}}@media (prefers-reduced-motion:no-preference){.periodic-masthead__orbit--one{animation:6s ease-in-out infinite alternate periodic-electron-drift}.periodic-masthead__orbit--two{animation:8s ease-in-out infinite alternate-reverse periodic-electron-drift}}@keyframes periodic-electron-drift{0%{transform:translate(-4px,-2px)}to{transform:translate(5px,3px)}}