:root{
  --ink:var(--text);--brand:var(--green);--brand2:var(--green2);--focus:var(--green2);
  --radius:18px;--cell:64px;--gap:5px;color-scheme:light dark;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink)}
a{color:inherit}.sitebar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.sitebar-inner{max-width:1500px;margin:auto;display:flex;align-items:center;gap:24px;padding:13px 22px}.brand{font-size:20px;font-weight:800;text-decoration:none;letter-spacing:-.025em}.nav{display:flex;gap:17px;color:var(--muted);font-size:14px}.nav a{text-decoration:none}.nav a:hover{color:var(--ink)}.sitebar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.langlink,.themebtn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 11px;text-decoration:none;font-weight:650}.themebtn{cursor:pointer}
.hero{max-width:1500px;margin:0 auto;padding:42px 22px 22px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--brand);font-size:12px;font-weight:800}.hero h1{font-size:clamp(36px,6vw,72px);line-height:.98;letter-spacing:-.055em;margin:10px 0 16px;max-width:1040px}.hero p{max-width:820px;font-size:18px;color:var(--muted);margin:0}.hero-stats{display:flex;gap:22px;flex-wrap:wrap;margin-top:23px}.stat{display:flex;gap:7px;align-items:baseline}.stat b{font-size:24px}.stat span{color:var(--muted)}
.app-shell{max-width:1500px;margin:0 auto;padding:0 22px 60px}.workspace{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:14px;padding:17px;border-bottom:1px solid var(--line);background:var(--surface)}
.searchbox{position:relative}.searchbox input{width:100%;height:44px;border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:12px;padding:0 14px 0 40px;font:inherit}.searchbox svg{position:absolute;left:13px;top:13px;width:18px;height:18px;opacity:.55}.mode-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.mode-switch button{border:0;background:transparent;color:var(--muted);font-weight:750;padding:7px 13px;border-radius:9px;cursor:pointer}.mode-switch button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 5px rgba(0,0,0,.08)}
.controls{display:flex;gap:8px;overflow:auto;padding:12px 17px;border-bottom:1px solid var(--line);scrollbar-width:thin}.prop-btn{white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:8px 11px;border-radius:999px;cursor:pointer;font-weight:700}.prop-btn:hover,.prop-btn.active{color:var(--ink);border-color:color-mix(in srgb,var(--brand) 65%,var(--line));background:color-mix(in srgb,var(--brand) 10%,var(--surface))}.state-control{display:none;align-items:center;gap:10px;padding:0 17px 13px;border-bottom:1px solid var(--line)}.state-control.show{display:flex}.state-control input[type=range]{flex:1;max-width:520px}.state-value{min-width:86px;font-variant-numeric:tabular-nums;font-weight:800}
.insight{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;padding:16px 17px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--brand) 4%,var(--surface))}.insight h2{font-size:18px;margin:0 0 5px}.insight p{margin:0;color:var(--muted)}.trend-card{display:flex;gap:14px;align-items:center;justify-content:flex-end}.trend-arrow{font-size:28px;font-weight:300}.trend-note{max-width:340px}.trend-note strong{display:block}.trend-note span{color:var(--muted);font-size:13px}
.table-and-panel{display:grid;grid-template-columns:minmax(0,1fr) 330px}.table-zone{min-width:0;padding:18px;overflow:hidden}.table-scroll{overflow:auto;padding-bottom:8px}.group-labels,.ptable{display:grid;grid-template-columns:repeat(18,var(--cell));gap:var(--gap);min-width:calc(18 * var(--cell) + 17 * var(--gap))}.group-labels{margin-bottom:6px}.group-labels span{text-align:center;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.ptable{grid-template-rows:repeat(9,var(--cell));position:relative}.el{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:5px 6px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,opacity .12s ease,box-shadow .12s ease;overflow:hidden;color:var(--ink);text-align:left}.el:hover,.el:focus-visible{transform:translateY(-2px);z-index:3;border-color:var(--brand);box-shadow:0 7px 16px rgba(25,52,125,.15);outline:none}.el.dim{opacity:.18}.el.selected{outline:3px solid color-mix(in srgb,var(--brand) 45%,transparent);border-color:var(--brand)}.el.compare-a:after,.el.compare-b:after{content:"A";position:absolute;right:3px;top:3px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:900;background:var(--ink);color:var(--surface)}.el.compare-b:after{content:"B"}.num{font-size:9px;color:var(--muted);line-height:1}.sym{font-size:22px;font-weight:850;letter-spacing:-.03em;line-height:1.05;margin-top:4px}.ename{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.mass{font-size:8px;color:var(--muted);margin-top:1px}.propval{font-size:9px;font-weight:800;margin-top:2px;white-space:nowrap}.series-label{display:flex;align-items:center;justify-content:flex-end;color:var(--muted);font-size:10px;padding-right:5px}
.sidepanel{border-left:1px solid var(--line);background:var(--surface2);padding:18px;min-height:650px}.element-head{display:flex;align-items:center;gap:15px}.big-symbol{width:76px;height:76px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:grid;place-items:center;font-size:38px;font-weight:850;position:relative}.big-symbol small{position:absolute;left:7px;top:5px;font-size:11px;color:var(--muted)}.element-title h2{margin:0;font-size:25px;letter-spacing:-.03em}.element-title p{margin:2px 0 0;color:var(--muted)}.badges{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.badge{font-size:11px;padding:4px 7px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:7px}.fact{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:8px}.fact span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.fact b{font-size:13px;word-break:break-word}.config{margin-top:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px}.config span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.config code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;white-space:normal}.position-note{margin-top:12px;color:var(--muted);font-size:13px}.panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.panel-actions a,.panel-actions button{border:1px solid var(--line);border-radius:11px;padding:9px 10px;background:var(--surface);color:var(--ink);text-align:center;text-decoration:none;font:inherit;font-weight:750;cursor:pointer}.panel-actions .primary{background:var(--brand);border-color:var(--brand);color:#fff}
.legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:11px}.legend-gradient{height:9px;width:180px;border-radius:999px;background:linear-gradient(90deg,hsl(218 72% 92%),hsl(218 78% 72%),hsl(218 78% 45%))}.family-legend{display:flex;flex-wrap:wrap;gap:5px}.family-legend span{border:1px solid var(--line);border-radius:999px;padding:3px 7px;background:var(--surface)}
.compare-panel{display:none;padding:18px;border-top:1px solid var(--line)}.compare-panel.show{display:block}.compare-panel h2{margin:0 0 12px}.compare-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.compare-grid>div{background:var(--surface);padding:9px 11px}.compare-grid .label{color:var(--muted)}
.bottom-copy{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1150px;margin:34px auto 0}.bottom-copy section{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}.bottom-copy h2{margin:0 0 8px;font-size:21px}.bottom-copy p{color:var(--muted);margin:0 0 9px}.bottom-copy ul{margin:8px 0 0;padding-left:20px;color:var(--muted)}.kbd{font:11px ui-monospace,SFMono-Regular,monospace;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 5px;background:var(--surface)}

@media(max-width:1100px){:root{--cell:58px}.table-and-panel{grid-template-columns:1fr}.sidepanel{border-left:0;border-top:1px solid var(--line);min-height:0}.sidepanel-inner{display:grid;grid-template-columns:280px 1fr;gap:18px}.panel-actions{grid-column:1/-1}}
@media(max-width:720px){.sitebar-inner{padding:11px 14px}.nav{display:none}.hero{padding:30px 14px 18px}.hero h1{font-size:42px}.hero p{font-size:16px}.app-shell{padding:0 8px 40px}.workspace{border-radius:18px}.toolbar{grid-template-columns:1fr}.table-zone{padding:12px}.insight{grid-template-columns:1fr}.trend-card{justify-content:flex-start}.sidepanel{padding:14px}.sidepanel-inner{display:block}.bottom-copy{grid-template-columns:1fr;padding:0 6px}.compare-grid{font-size:12px}.langlink{padding:6px 9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* V002 — stronger scientific reading and contrast */
.el{border-color:color-mix(in srgb,var(--ink) 24%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 28%,transparent)}
.el .sym{font-weight:900}.el .ename{font-weight:650}.el .propval{font-size:9.5px}
.el.trend-ref{outline:3px solid #111827;outline-offset:1px;z-index:4;box-shadow:0 0 0 5px rgba(255,255,255,.72),0 9px 20px rgba(17,24,39,.24)}
body.force-dark .el.trend-ref{outline-color:#fff;box-shadow:0 0 0 5px rgba(17,24,39,.8),0 9px 20px rgba(0,0,0,.42)}
.family-legend span{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ink)}
.family-legend i{display:inline-block;width:13px;height:13px;border-radius:4px;border:1px solid rgba(17,24,39,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)}
.legend-gradient{height:13px;width:230px;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);background:linear-gradient(90deg,hsl(210 72% 93%),hsl(170 82% 68%),hsl(95 90% 48%),hsl(55 92% 47%))}
.insight{background:color-mix(in srgb,var(--brand) 7%,var(--surface));border-top:1px solid color-mix(in srgb,var(--brand) 15%,var(--line))}
.insight h2{font-size:20px;letter-spacing:-.015em}.insight p{font-size:14.5px;line-height:1.62;max-width:850px;color:var(--ink)}
.trend-note strong{font-size:13px}.trend-note span{font-size:13px;color:var(--ink)}
.compare-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;margin-bottom:14px}.compare-head h2{margin:0 0 6px}.compare-head p{margin:0;max-width:900px;color:var(--muted);line-height:1.6}.pair-markers{display:flex;gap:7px}.pair-markers span{padding:5px 9px;border-radius:999px;border:1px solid var(--line);background:var(--surface2);font-size:12px;font-weight:800}
.compare-grid>div:not(.label){font-variant-numeric:tabular-nums}
@media(max-width:720px){.compare-head{grid-template-columns:1fr}.pair-markers{justify-content:flex-start}.el.trend-ref{outline-width:2px;box-shadow:0 0 0 3px rgba(255,255,255,.75)}}


/* V003 — electronic structure and isotope laboratory */
.deep-science{margin:28px auto 0;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 10px 28px rgba(28,45,90,.06)}
.science-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}.science-head h2{font-size:26px;line-height:1.05;letter-spacing:-.035em;margin:3px 0 0}.science-kicker,.science-label{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:850;color:var(--brand)}.science-metrics{display:flex;gap:8px;flex-wrap:wrap}.science-metrics span{border:1px solid var(--line);background:var(--surface2);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:750}
.electron-grid{display:grid;grid-template-columns:340px minmax(330px,.9fr) minmax(300px,1fr);gap:18px;align-items:stretch}.shell-viz,.orbital-readout,.structure-reading{border:1px solid var(--line);background:var(--surface2);border-radius:18px;padding:16px}.shell-viz svg{display:block;width:min(100%,320px);margin:auto}.shell-ring{fill:none;stroke:color-mix(in srgb,var(--ink) 24%,transparent);stroke-width:1}.electron-dot{fill:var(--brand)}.nucleus{fill:var(--ink)}.nucleus-text{fill:var(--surface);font-weight:900;font-size:14px}.shell-counts{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:4px}.shell-counts span{font:11px ui-monospace,SFMono-Regular,monospace;border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:3px 6px}.shell-counts b{font-size:12px}
.full-config{font:700 18px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;margin:8px 0 15px;word-spacing:.15em}.full-config sup,.subshell sup{font-size:.68em}.subshells{display:grid;gap:7px}.subshell{display:grid;grid-template-columns:52px 1fr 38px;align-items:center;gap:8px;font:12px ui-monospace,SFMono-Regular,monospace}.subshell>span{font-weight:800}.subshell i{height:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;overflow:hidden}.subshell i b{display:block;height:100%;background:var(--brand);border-radius:inherit}.subshell small{text-align:right;color:var(--muted)}.config-status{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:14px;padding-top:12px;font-size:12px}.config-status span{color:var(--muted)}.structure-reading p{font-size:15px;line-height:1.7;margin:10px 0 0;color:var(--ink)}
.iso-picker{display:flex;gap:7px;flex-wrap:wrap;margin:-2px 0 16px}.iso-picker button{min-width:42px;border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:10px;padding:7px 10px;font-weight:850;cursor:pointer}.iso-picker button.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.isotope-intro{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;margin-bottom:16px}.iso-symbol{width:68px;height:68px;border-radius:16px;display:grid;place-items:center;background:var(--ink);color:var(--surface);font-size:30px;font-weight:900}.isotope-intro h3{font-size:21px;margin:0 0 3px}.isotope-intro p{margin:0;max-width:900px;color:var(--muted);line-height:1.6}.isotope-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.isotope-card{position:relative;border:1px solid var(--line);background:var(--surface2);border-radius:16px;padding:14px;overflow:hidden}.nuclide{font-size:28px;font-weight:900;line-height:1}.nuclide sup{font-size:14px;margin-right:2px}.iso-state{position:absolute;right:12px;top:12px;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.iso-state.stable{background:color-mix(in srgb,#28a745 17%,var(--surface));color:color-mix(in srgb,#176b2b 85%,var(--ink))}.iso-state.radio{background:color-mix(in srgb,#e09b20 20%,var(--surface));color:color-mix(in srgb,#805000 85%,var(--ink))}.iso-data,.iso-half{display:grid;gap:2px;margin-top:11px}.iso-data span,.iso-half span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.iso-data b,.iso-half b{font-size:13px}.iso-data small{color:var(--muted)}.abundance-track{height:8px;border:1px solid var(--line);background:var(--surface);border-radius:99px;overflow:hidden;margin-top:8px}.abundance-track i{display:block;height:100%;background:var(--brand);border-radius:inherit}.iso-half{border-top:1px solid var(--line);padding-top:9px}
@media(max-width:1100px){.electron-grid{grid-template-columns:300px 1fr}.structure-reading{grid-column:1/-1}.deep-science{margin-left:0;margin-right:0}}
@media(max-width:720px){.deep-science{padding:15px;border-radius:18px}.science-head{display:block}.science-metrics{margin-top:10px}.electron-grid{grid-template-columns:1fr}.structure-reading{grid-column:auto}.shell-viz svg{max-width:280px}.isotope-intro{grid-template-columns:58px 1fr}.iso-symbol{width:54px;height:54px;border-radius:13px;font-size:25px}.isotope-list{grid-template-columns:1fr}}

/* V004 — orbital occupancy + periodic trends */
.orbital-diagram{margin-top:18px;padding-top:16px;border-top:1px solid var(--line,#dfe5ef)}
.orbital-core{display:inline-flex;padding:5px 9px;border:1px solid var(--line,#dfe5ef);border-radius:999px;font-size:.78rem;font-weight:700;margin:8px 0 12px}
.orbital-row{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:10px;margin:8px 0}.orbital-row>b{font-variant-numeric:tabular-nums}
.orbital-boxes{display:flex;gap:5px;flex-wrap:wrap}.orbital-box{width:34px;height:36px;border:1.5px solid currentColor;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:1px;font-size:1.15rem;line-height:1}.orbital-box i{font-style:normal}
.orbital-diagram p{font-size:.78rem;line-height:1.5;opacity:.76;margin:12px 0 0}
.graph-controls{display:flex;gap:16px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;margin:18px 0}.graph-controls label{display:grid;gap:6px;font-size:.78rem;font-weight:700}.graph-controls select{min-width:260px;padding:10px 12px;border:1px solid var(--line,#dfe5ef);border-radius:10px;background:var(--surface);color:inherit;font:inherit}
.graph-scopes{display:flex;gap:7px;flex-wrap:wrap}.graph-scopes button{border:1px solid var(--line,#dfe5ef);background:transparent;color:inherit;padding:8px 11px;border-radius:999px;cursor:pointer;font-weight:700}.graph-scopes button.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.graph-reading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin:4px 0 12px}.graph-reading p{max-width:760px;margin:0;line-height:1.55}.graph-reading small{opacity:.72}
.graph-wrap{overflow-x:auto;border:1px solid var(--line,#dfe5ef);border-radius:16px;padding:8px;background:var(--surface)}.trend-svg{display:block;min-width:760px;width:100%;height:auto;overflow:visible}.graph-grid{stroke:currentColor;opacity:.10}.graph-axis-line{stroke:currentColor;opacity:.35}.graph-axis,.graph-axis-title{fill:currentColor;opacity:.7;font-size:12px}.graph-axis-title{font-weight:700}.graph-line{fill:none;stroke:currentColor;stroke-width:2;opacity:.5}.graph-point{cursor:pointer}.graph-point circle{fill:#fff;stroke:currentColor;stroke-width:2.4}.force-dark .graph-point circle{fill:#13203a}.graph-point:hover circle,.graph-point:focus circle{stroke-width:4}.graph-point text{fill:currentColor;font-size:11px;font-weight:800;pointer-events:none}.graph-empty{padding:48px;text-align:center;opacity:.7}
@media(max-width:760px){.graph-controls{align-items:stretch}.graph-controls label,.graph-controls select{width:100%}.graph-reading{display:block}.graph-reading small{display:block;margin-top:7px}.orbital-row{grid-template-columns:44px 1fr}.orbital-box{width:29px;height:32px}}

/* V007 — isotope explorer */
.iso-topline{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin:2px 0 14px}.iso-topline label{display:grid;gap:6px;font-size:12px;font-weight:800}.iso-topline select{min-width:280px;max-width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit}.iso-tabs{display:flex;gap:6px;flex-wrap:wrap}.iso-tabs button{border:1px solid var(--line);background:var(--surface2);color:var(--ink);padding:8px 11px;border-radius:999px;font-weight:800;cursor:pointer}.iso-tabs button.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.iso-principle,.iso-caveat,.iso-neutral-note{line-height:1.6;color:var(--muted);margin:8px 0 14px}.iso-section-title{display:flex;justify-content:space-between;gap:14px;align-items:baseline;margin:12px 0 8px}.iso-section-title>b{font-size:17px}.iso-section-title span{font-size:12px;color:var(--muted)}.iso-composition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.iso-comp-card{display:grid;gap:7px;text-align:left;border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:14px;padding:12px;cursor:pointer}.iso-comp-card:hover,.iso-comp-card.active{outline:2px solid var(--brand);outline-offset:1px}.iso-comp-card .nuclide,.radio-row .nuclide{font-size:23px;font-weight:900}.iso-comp-card>b{font-size:13px}.iso-comp-card>i{height:6px;border-radius:20px;background:var(--surface);border:1px solid var(--line);overflow:hidden}.iso-comp-card>i em{display:block;height:100%;background:var(--brand);border-radius:inherit}.mass-band{display:flex;gap:5px;flex-wrap:wrap;max-height:250px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.mass-chip{min-width:36px;padding:7px 6px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.mass-chip.natural{border-color:color-mix(in srgb,var(--brand) 65%,var(--line));background:color-mix(in srgb,var(--brand) 9%,var(--surface))}.mass-chip.radio{box-shadow:inset 0 -3px 0 #ba6a00}.mass-chip.active{outline:2px solid var(--ink);outline-offset:1px}.iso-detail{display:grid;grid-template-columns:150px 1fr 1.4fr;gap:14px;margin-top:16px;padding:16px;border:1px solid var(--line);background:var(--surface2);border-radius:16px}.iso-detail-symbol{display:grid;place-content:center;text-align:center;border-right:1px solid var(--line)}.iso-detail-symbol>span{font-size:38px;font-weight:950}.iso-detail-symbol small{color:var(--muted);margin-top:5px}.iso-detail-data{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;align-content:center}.iso-detail-data div,.decay-card div{display:grid;gap:2px}.iso-detail-data span,.decay-card span,.radio-row small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.iso-detail-data b,.decay-card b{font-size:14px}.decay-card{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:center;border-left:1px solid var(--line);padding-left:14px}.iso-neutral-note{align-self:center;margin:0}.radio-grid{display:grid;gap:7px}.radio-row{display:grid;grid-template-columns:90px repeat(3,1fr);gap:12px;align-items:center;text-align:left;width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);color:var(--ink);cursor:pointer}.radio-row>span:not(.nuclide){display:grid;gap:2px}.radio-row.active,.radio-row:hover{outline:2px solid #ba6a00;outline-offset:1px}.iso-empty{padding:28px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center;background:var(--surface2)}
@media(max-width:760px){.iso-topline{display:block}.iso-tabs{margin-top:10px}.iso-topline select{width:100%;min-width:0}.iso-detail{grid-template-columns:1fr}.iso-detail-symbol{border-right:0;border-bottom:1px solid var(--line);padding-bottom:12px}.decay-card{border-left:0;border-top:1px solid var(--line);padding:12px 0 0;grid-template-columns:1fr}.radio-row{grid-template-columns:72px 1fr}.radio-row>span:nth-child(n+3){grid-column:2}.mass-band{max-height:320px}}

/* V008 — subshell quantum numbers and ground-state exceptions */
.electron-advanced{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.quantum-panel,.aufbau-panel{border:1px solid var(--line);background:var(--surface2);border-radius:18px;padding:16px}.electron-advanced h3{margin:0 0 12px;font-size:18px}.subshell-picker{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-bottom:13px}.subshell-picker>span{font-size:11px;color:var(--muted);margin-right:3px}.subshell-picker button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 8px;font-weight:800;cursor:pointer}.subshell-picker button.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.quantum-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.quantum-grid>div{display:grid;gap:3px;border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:9px}.quantum-grid>div.wide{grid-column:span 2}.quantum-grid span,.config-compare span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.quantum-grid b{font:700 14px ui-monospace,SFMono-Regular,Menlo,monospace}.quantum-note,.aufbau-panel p{color:var(--muted);line-height:1.62;font-size:13px}.aufbau-status{border-left:3px solid var(--line);padding-left:10px;color:var(--ink)!important}.aufbau-status.exception{border-color:#ba6a00}.aufbau-status.match{border-color:#2d8a51}.config-compare{display:grid;gap:8px;margin:12px 0}.config-compare>div{display:grid;gap:4px;padding:10px;border:1px solid var(--line);background:var(--surface);border-radius:11px}.config-compare code{white-space:normal;font-size:12px;line-height:1.65}.config-caution{border-top:1px solid var(--line);padding-top:10px}
@media(max-width:900px){.electron-advanced{grid-template-columns:1fr}}@media(max-width:560px){.quantum-grid{grid-template-columns:1fr 1fr}.quantum-grid>div.wide{grid-column:1/-1}}

/* V009 — accessibility and reference table */
:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.panel-actions a:not(.primary){display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;padding:9px 11px;color:var(--ink);text-decoration:none;font-weight:750}.reference-data{margin:28px auto 0;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px 20px}.reference-data summary{cursor:pointer;font-weight:850;font-size:18px}.reference-data p{color:var(--muted);line-height:1.6}.reference-table-wrap{overflow:auto;margin-top:12px;max-height:540px;border:1px solid var(--line);border-radius:13px}.reference-data table{width:100%;border-collapse:collapse;min-width:760px;font-size:13px}.reference-data th,.reference-data td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.reference-data th{position:sticky;top:0;background:var(--surface2);z-index:1}.reference-data td.num{text-align:right;font-variant-numeric:tabular-nums}.reference-data a{color:inherit;text-decoration-thickness:1px;text-underline-offset:2px}

/* V010 — compact search syntax */
.search-meta{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:-4px 0 12px;color:var(--muted);font-size:12px;line-height:1.45}.search-meta>span:first-child{font-weight:800;color:var(--ink);white-space:nowrap}.search-meta code{font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid var(--line);background:var(--surface2);padding:2px 5px;border-radius:6px;color:var(--ink)}@media(max-width:720px){.search-meta{align-items:flex-start;flex-direction:column;gap:5px}}

.property-context{margin:8px 0 2px;padding:10px 12px;border-left:3px solid var(--brand);background:var(--surface2);color:var(--muted);font-size:.9rem}.property-context[hidden]{display:none}

/* V012 — discovery chronology, isotope binding-energy view */
.discovery-control{display:none}.discovery-control.show{display:flex}.control-note{font-size:12px;color:var(--muted);margin-left:auto}.future-element{opacity:.13!important;filter:saturate(.2)}
.binding-chart{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface2)}.binding-chart svg{display:block;width:100%;height:auto;max-height:230px}.bind-axis{stroke:var(--muted);stroke-width:1}.bind-line{fill:none;stroke:var(--accent);stroke-width:2.25}.bind-point{fill:var(--surface);stroke:var(--accent);stroke-width:2;cursor:pointer}.bind-point.natural{fill:var(--accent)}.bind-point.active{stroke:var(--ink);stroke-width:3}.bind-label{font-size:11px;fill:var(--muted)}.binding-chart p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.iso-detail-data{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.unpaired-note{margin-top:12px;padding:11px 12px;border-left:3px solid var(--accent);background:var(--surface2);font-size:13px;line-height:1.5}.unpaired-note span{color:var(--muted)}
@media(max-width:720px){.state-control.show{align-items:flex-start;flex-wrap:wrap}.control-note{width:100%;margin-left:0}.future-element{opacity:.18!important}}
@media print{.sitebar,.toolbar,.search-meta,.controls,.state-control,.panel-actions,.iso-topline,.mode-switch{display:none!important}.app-shell,.workspace,.deep-science,.reference-data{box-shadow:none!important;border-color:#bbb!important}.table-scroll{overflow:visible!important}.ptable{min-width:980px}.hero{padding-top:10px}.future-element{opacity:.25!important}}

/* V013 — periodic-trend relation view */
.graph-view-switch{display:flex;gap:.45rem;flex-wrap:wrap;margin:.2rem 0 1rem}.graph-view-switch button,.swap-axis{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:.55rem .85rem;font:inherit;font-weight:700;cursor:pointer}.graph-view-switch button.active{background:var(--text);color:var(--bg)}.relation-controls{align-items:end}.swap-axis{border-radius:12px;min-width:44px;padding:.55rem .7rem;font-size:1.15rem}.graph-grid.vertical{opacity:.45}.relation-svg .graph-point text{font-size:8.5px;opacity:.78}.relation-svg .graph-point circle{opacity:.78}.trend-svg .graph-point.selected circle{stroke:var(--text);stroke-width:3;opacity:1}.trend-svg .graph-point.selected text{font-weight:900;opacity:1;font-size:11px}@media(max-width:720px){.relation-controls{grid-template-columns:1fr auto 1fr}.relation-controls .graph-scopes{grid-column:1/-1}.relation-svg .graph-point text{font-size:7px}.graph-view-switch button{flex:1 1 150px}}

/* V014 production accessibility */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}

/* V016 — use the same visual chrome as the same-language index. */
.pt2-page .hero{display:block;grid-template-columns:none;padding-top:16px}.pt2-site-chrome{padding-top:0}.pt2-site-chrome .sig-header{margin-bottom:0}
.pt2-site-footer{padding-top:0;padding-bottom:22px}
.pt2-site-footer .unified-footer{margin-top:26px}
body.dark .workspace,body.dark .deep-science,body.dark .reference-data,body.dark .bottom-copy section{color:var(--text)}
@media(max-width:700px){.pt2-page .hero{padding-top:10px}.pt2-site-chrome{padding-top:0}.pt2-site-footer{padding-bottom:14px}}

/* V018 — exact site-header spacing fix.
   site.css gives .signature-home 72px bottom padding because it normally wraps
   the whole homepage. On PT2 the wrapper contains only the header, so remove
   that bottom padding while retaining the homepage's 16px top inset. */
.pt2-page .pt2-site-chrome.signature-home:not(.pt2-site-footer){padding:16px 0 0!important;}
@media(max-width:700px){.pt2-page .pt2-site-chrome.signature-home:not(.pt2-site-footer){padding:16px 0 0!important;}}

/* V019 — clarity and interaction fixes */
.controls-heading{font-size:.78rem;font-weight:750;letter-spacing:.02em;color:var(--muted);margin:10px 0 7px}.numeric-filter-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 4px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 88%,transparent)}.numeric-filter-control[hidden]{display:none!important}.numeric-filter-control strong{font-size:.86rem;margin-right:2px}.numeric-filter-control select,.numeric-filter-control input{min-height:36px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:6px 9px;font:inherit}.numeric-filter-control input{width:112px}.numeric-filter-control button{min-height:36px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:6px 11px;font-weight:700;cursor:pointer}.numeric-filter-control button:disabled{opacity:.45;cursor:default}.numeric-filter-unit,.numeric-filter-and{font-size:.82rem;color:var(--muted)}.compare-pending-head{align-items:center}.clear-compare{border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:8px 11px;font-weight:700;cursor:pointer;white-space:nowrap}.compare-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.swap-axis{display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap}.swap-axis span{font-size:.78rem;font-weight:700}@media(max-width:640px){.numeric-filter-control{align-items:stretch}.numeric-filter-control strong{width:100%}.numeric-filter-control select{flex:1 1 145px}.numeric-filter-control input{flex:1 1 100px;min-width:0}.numeric-filter-control button{flex:0 0 auto}.compare-head-actions{justify-content:flex-start}.swap-axis span{display:inline}}

.graph-mobile-hint{display:none}@media(max-width:720px){.graph-mobile-hint{display:inline}}