.element-page{padding:60px 56px 72px}.back-link{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.back-link:hover{color:var(--ink);border-color:var(--ink)}.element-hero{display:flex;align-items:stretch;gap:32px;flex-wrap:wrap;margin:32px 0 40px}.element-glyph{position:relative;width:200px;height:200px;flex:none;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px;border:1px solid var(--ink);background:var(--paper)}.element-glyph:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:var(--acc, #d0d0d4)}.eg-num{font-family:var(--mono);font-size:1rem;color:var(--muted)}.eg-sym{font-family:var(--mono);font-weight:600;font-size:4.4rem;line-height:1;margin-top:4px}.eg-mass{font-family:var(--mono);font-size:.9rem;color:var(--muted);margin-top:8px}.element-headline{display:flex;flex-direction:column;justify-content:center}.eh-kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.element-headline h1{font-family:var(--mono);font-weight:600;font-size:clamp(2.4rem,6vw,4rem);line-height:1.02;text-transform:uppercase;letter-spacing:.02em;margin:10px 0 6px}.eh-sub{font-family:var(--mono);font-size:.85rem;color:var(--muted)}.element-facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink)}.element-facts>div{padding:28px 24px;border-right:1px solid var(--hair)}.element-facts>div:last-child{border-right:none}.element-facts dt{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.element-facts dd{font-family:var(--mono);font-size:1.4rem;font-weight:600;margin-top:10px}.element-placeholder{margin-top:32px;padding:44px;border:1px dashed var(--muted);background:#fafafa}.ph-kicker{display:inline-block;font-family:var(--mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--paper);background:var(--ink);padding:4px 10px;margin-bottom:14px}.element-placeholder p{max-width:60ch;font-size:.98rem;line-height:1.65;color:#45454b}.element-summary{position:relative;margin-top:32px;border:1px solid var(--ink);background:var(--paper)}.element-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:var(--acc, #d0d0d4)}.es-title{margin:0;padding:22px 24px 16px;border-bottom:1px solid var(--hair);font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}.es-body{padding:44px 48px 48px}.element-summary p{max-width:60ch;margin:0 auto;text-align:center;font-size:1.24rem;line-height:1.75;color:#2c2c30}@media(max-width:720px){.es-body{padding:32px 24px 36px}.element-summary p{font-size:1.12rem}}.element-nav{display:flex;justify-content:space-between;gap:16px;margin-top:36px;padding-top:20px;border-top:1px solid var(--ink);font-family:var(--mono);font-size:.8rem;letter-spacing:.06em}.element-nav a{color:var(--muted);transition:color .15s}.element-nav a:hover{color:var(--ink)}.not-found{text-align:center;padding:80px 32px}.not-found h1{font-family:var(--mono);font-size:4rem}.not-found p{margin:16px 0 28px;color:var(--muted)}@media(max-width:720px){.element-page{padding:40px 28px 48px}.element-facts{grid-template-columns:repeat(2,1fr)}.element-facts>div:nth-child(2){border-right:none}.back-link{display:inline-block;padding:6px 0}.element-nav{gap:12px 16px}.element-nav a{padding:8px 0}}@media(max-width:460px){.element-facts{grid-template-columns:1fr}.element-facts>div{border-right:none;border-bottom:1px solid var(--hair)}.element-facts>div:last-child{border-bottom:none}.element-nav{flex-direction:column}}.element-visuals{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start;margin:40px 0}.element-visuals .ev-col{position:relative;min-width:0;border:1px solid var(--ink, #0b0b0d);background:var(--paper, #fff)}.element-visuals .ev-col:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:var(--acc, #d0d0d4)}.element-visuals .ev-title{margin:0;padding:22px 24px 16px;border-bottom:1px solid var(--hair, #e6e6e8);font-family:var(--mono, ui-monospace, monospace);font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink, #0b0b0d)}.element-visuals .ev-body{padding:28px 24px 26px}.element-visuals .atom-figure{display:block;margin:0 auto;max-width:340px}.element-visuals .ev-caption{margin:22px 0 0;font-family:var(--sans, system-ui, sans-serif);font-size:13px;line-height:1.5;color:var(--muted, #6b6b72)}.element-visuals .ev-caption b{font-family:var(--mono, ui-monospace, monospace);color:var(--ink, #0b0b0d);font-weight:600}@media(max-width:720px){.element-visuals{grid-template-columns:minmax(0,1fr);gap:28px}}.atom-figure{position:relative;display:inline-block;width:100%;max-width:420px;margin:0}.atom-diagram{display:block;width:100%;height:auto;overflow:visible}.atom-ring{fill:none;stroke:var(--hair, #e6e6e8);stroke-width:1.25;cursor:pointer;transition:stroke .15s ease,stroke-width .15s ease}.atom-ring:hover,.atom-ring:focus-visible,.atom-ring.is-active{stroke:var(--acc, #4a7fb5);stroke-width:2;outline:none}.atom-ring-hit{fill:none;stroke:transparent;stroke-width:22;pointer-events:stroke;cursor:pointer}.atom-electron{fill:var(--acc, #4a7fb5);stroke:var(--paper, #fff);stroke-width:1.25;cursor:pointer;transition:transform .15s ease}.atom-electron:hover,.atom-electron.is-active{fill:var(--ink, #0b0b0d)}@media(pointer:coarse){.atom-electron{transform:scale(1.7);transform-box:fill-box;transform-origin:center}}@keyframes atom-spin{to{transform:rotate(calc(var(--spin-dir, 1) * 1turn))}}.atom-shell{animation:atom-spin var(--spin-dur, 24s) linear infinite;will-change:transform}.atom-nucleus{cursor:pointer}.atom-nucleus-core{fill:var(--acc, #4a7fb5);stroke:var(--ink, #0b0b0d);stroke-width:1.5;transition:filter .15s ease}.atom-nucleus:hover .atom-nucleus-core,.atom-nucleus:focus-visible .atom-nucleus-core,.atom-nucleus.is-active .atom-nucleus-core{filter:brightness(.9);outline:none}.atom-nucleus-label{fill:var(--paper, #fff);font-family:var(--mono, ui-monospace, monospace);font-weight:700;font-size:26px;pointer-events:none;user-select:none}.atom-tooltip{position:absolute;z-index:5;transform:translate(-50%,calc(-100% - 12px));min-width:150px;max-width:240px;padding:8px 10px;background:var(--ink, #0b0b0d);color:var(--paper, #fff);border:1px solid var(--ink, #0b0b0d);font-family:var(--sans, system-ui, sans-serif);font-size:12px;line-height:1.4;pointer-events:none;display:flex;flex-direction:column;gap:2px}.atom-tooltip[hidden]{display:none}.atom-tooltip .att-title{font-family:var(--mono, ui-monospace, monospace);letter-spacing:.04em;font-size:12px}.atom-tooltip .att-row{color:#d7d7db}@media(prefers-reduced-motion:reduce){.atom-shell{animation:none}}.quantum-cells{--qc-box: 40px;display:block;width:100%}.qc-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.qc-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.qc-tab{font-family:var(--mono, ui-monospace, monospace);font-size:12px;letter-spacing:.04em;padding:5px 10px;border:1px solid var(--hair, #e6e6e8);color:var(--muted, #6b6b72);cursor:pointer;user-select:none;transition:border-color .15s ease,color .15s ease,background .15s ease}.qc-tab:hover{border-color:var(--ink, #0b0b0d);color:var(--ink, #0b0b0d)}.qc-tab[data-kind=ion]{font-variant-numeric:tabular-nums}@media(pointer:coarse){.qc-tab{padding:10px 14px;font-size:13px}}.qc-panel{display:none}.qc-radio:nth-of-type(1):checked~.qc-panels>.qc-panel:nth-child(1),.qc-radio:nth-of-type(2):checked~.qc-panels>.qc-panel:nth-child(2),.qc-radio:nth-of-type(3):checked~.qc-panels>.qc-panel:nth-child(3),.qc-radio:nth-of-type(4):checked~.qc-panels>.qc-panel:nth-child(4),.qc-radio:nth-of-type(5):checked~.qc-panels>.qc-panel:nth-child(5),.qc-radio:nth-of-type(6):checked~.qc-panels>.qc-panel:nth-child(6),.qc-radio:nth-of-type(7):checked~.qc-panels>.qc-panel:nth-child(7),.qc-radio:nth-of-type(8):checked~.qc-panels>.qc-panel:nth-child(8),.qc-radio:nth-of-type(9):checked~.qc-panels>.qc-panel:nth-child(9),.qc-radio:nth-of-type(10):checked~.qc-panels>.qc-panel:nth-child(10),.qc-radio:nth-of-type(11):checked~.qc-panels>.qc-panel:nth-child(11),.qc-radio:nth-of-type(12):checked~.qc-panels>.qc-panel:nth-child(12){display:block}.qc-radio:nth-of-type(1):checked~.qc-tabs>.qc-tab:nth-child(1),.qc-radio:nth-of-type(2):checked~.qc-tabs>.qc-tab:nth-child(2),.qc-radio:nth-of-type(3):checked~.qc-tabs>.qc-tab:nth-child(3),.qc-radio:nth-of-type(4):checked~.qc-tabs>.qc-tab:nth-child(4),.qc-radio:nth-of-type(5):checked~.qc-tabs>.qc-tab:nth-child(5),.qc-radio:nth-of-type(6):checked~.qc-tabs>.qc-tab:nth-child(6),.qc-radio:nth-of-type(7):checked~.qc-tabs>.qc-tab:nth-child(7),.qc-radio:nth-of-type(8):checked~.qc-tabs>.qc-tab:nth-child(8),.qc-radio:nth-of-type(9):checked~.qc-tabs>.qc-tab:nth-child(9),.qc-radio:nth-of-type(10):checked~.qc-tabs>.qc-tab:nth-child(10),.qc-radio:nth-of-type(11):checked~.qc-tabs>.qc-tab:nth-child(11),.qc-radio:nth-of-type(12):checked~.qc-tabs>.qc-tab:nth-child(12){border-color:var(--acc, #4a7fb5);background:var(--acc, #4a7fb5);color:var(--paper, #fff)}.qc-config{display:flex;flex-wrap:wrap;align-items:baseline;gap:18px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--hair, #e6e6e8);font-family:var(--mono, ui-monospace, monospace)}.qc-cfg-item{display:inline-flex;align-items:baseline;gap:4px}.qc-cfg-orb{font-size:20px;color:#0b0b0d6b}.qc-cfg-count{font-size:20px;font-weight:600;color:var(--ink, #0b0b0d);font-variant-numeric:tabular-nums}.qc-cfg-empty{font-size:20px;color:#0b0b0d6b}.qc-diagram{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px;padding:4px 0 2px;min-height:calc(var(--qc-box) + 22px)}.qc-sub{display:inline-flex;flex-direction:column;align-items:center;gap:6px}.qc-boxes{display:inline-flex;gap:2px}.qc-sub-label{font-family:var(--mono, ui-monospace, monospace);font-size:13px;color:var(--muted, #6b6b72);letter-spacing:.04em}.qc-orbital{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--qc-box);height:var(--qc-box);border:1.5px solid var(--ink, #0b0b0d)}.qc-arrow{font-family:var(--sans, system-ui, sans-serif);font-size:24px;line-height:1;color:var(--acc, #4a7fb5);opacity:0;transform:translateY(2px);transition:opacity .18s ease,transform .18s ease}.qc-arrow.qc-up{margin-right:-2px}.qc-arrow.qc-down{margin-left:-2px;transform:translateY(-2px)}.qc-arrow.on{opacity:1;transform:translateY(0)}.qc-desc{margin:14px 0 0;font-family:var(--sans, system-ui, sans-serif);font-size:13px;line-height:1.5;color:var(--muted, #6b6b72)}.qc-empty{font-family:var(--sans, system-ui, sans-serif);font-size:13px;color:var(--muted, #6b6b72)}.qc-panel.qc-animate .qc-arrow.on{animation:qc-pop .28s ease both}@keyframes qc-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.qc-arrow{transition:none}.qc-panel.qc-animate .qc-arrow.on{animation:none}}