.periodic-exhibit :where(label,input,select,button,textarea,table,thead,tbody,tr,td,th,caption,header,main,footer,nav,p,h1,h2,h3,h4,ul,li,a,div,section,aside,span,small,strong,b,em,i,output,details,summary,dialog){all:revert;box-sizing:border-box}
.periodic-exhibit{--paper:#f5f4ee;--ink:#20362f;--muted:#53675e;--line:#d4dcd3;--accent:#255746;--selection:#102f25;--surface:#fffef9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:16px}.periodic-exhibit *{box-sizing:border-box}.periodic-exhibit{margin:0}.periodic-exhibit button,.periodic-exhibit input,.periodic-exhibit select{font:inherit;color:inherit}.periodic-exhibit button,.periodic-exhibit select{cursor:pointer}.periodic-exhibit button{background:var(--surface);border:1px solid #bac9bd;border-radius:6px;padding:11px 15px;min-height:44px;font-size:14px;font-weight:550;transition:background .16s}.periodic-exhibit button:hover{background:#e4ebe2}.periodic-exhibit button.primary{background:var(--accent);color:white;border-color:var(--accent)}.periodic-exhibit button.primary:hover{background:#153d2d}.periodic-exhibit button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent);background:#dce9df}.periodic-exhibit button.primary[aria-pressed=true]{background:var(--accent);box-shadow:none}.periodic-exhibit button:disabled{opacity:.5;cursor:default}.periodic-exhibit a{color:var(--accent);text-underline-offset:3px}.periodic-exhibit a:hover{text-decoration-thickness:2px}.periodic-exhibit :focus-visible{outline:3px solid #b54b1b!important;outline-offset:3px!important}.periodic-exhibit header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 3.5%;border-bottom:1px solid var(--line)}.periodic-exhibit .wordmark{font-weight:650;font-size:19px;text-decoration:none;display:flex;gap:10px;align-items:center}.periodic-exhibit .wordmark:first-letter{font-size:25px}.periodic-exhibit nav{display:flex;gap:24px;align-items:center;font-size:14px}.periodic-exhibit nav a{text-decoration:none}.periodic-exhibit .textbtn{border:0;background:transparent;padding:4px 0;min-height:36px;font-size:14px}.periodic-exhibit .textbtn:hover{background:transparent;text-decoration:underline}.periodic-exhibit .skip{position:absolute;left:12px;top:-80px;background:white;padding:14px;z-index:20}.periodic-exhibit .skip:focus{top:10px}.periodic-exhibit main{max-width:1720px;margin:auto;padding:0 3.5%}.periodic-exhibit .intro{display:flex;justify-content:space-between;gap:45px;padding:48px 0 36px;align-items:center}.periodic-exhibit .intro h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(30px,3.4vw,52px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 20px}.periodic-exhibit .intro h1 em{font-style:italic;color:#587563}.periodic-exhibit .intro p{max-width:690px;color:var(--muted);line-height:1.65;margin:0;font-size:17px}.periodic-exhibit .introkey{display:flex;gap:27px}.periodic-exhibit .introkey b{font-family:Georgia,serif;font-size:37px;font-weight:400;white-space:nowrap}.periodic-exhibit .introkey span{display:block;font-family:system-ui,sans-serif;font-size:12px;letter-spacing:.04em;color:var(--muted);margin-top:8px}.periodic-exhibit .sectionhead{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0 0 14px}.periodic-exhibit .sectionhead h2{font-size:18px;letter-spacing:-.25px;margin:0}.periodic-exhibit .sectionhead>span{font-size:12px;color:var(--muted)}.periodic-exhibit .discoveries{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}.periodic-exhibit .discoveries button{display:flex;gap:16px;align-items:center;text-align:left;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;padding:18px;min-height:90px}.periodic-exhibit .discoveries button:last-child{border:0}.periodic-exhibit .discoveries button:hover{background:#e7ece2}.periodic-exhibit .discoveries strong{font-size:14px;display:block}.periodic-exhibit .discoveries small{font-size:12px;line-height:1.5;display:block;font-weight:400;color:var(--muted);margin-top:5px}.periodic-exhibit .discoveries button>span:last-child{margin-left:auto}.periodic-exhibit .stepnum{font-family:Georgia,serif;font-size:24px;color:#587563}.periodic-exhibit .explorer{margin-top:37px}.periodic-exhibit .controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.periodic-exhibit .controls label{flex:1;min-width:210px}.periodic-exhibit label{font-size:12px;font-weight:550;display:block}.periodic-exhibit input[type=search],.periodic-exhibit select{display:block;border:1px solid #b8c7ba;background:var(--surface);border-radius:5px;width:100%;height:46px;margin-top:7px;padding:10px 12px;font-size:15px}.periodic-exhibit input[type=search]{min-width:220px}.periodic-exhibit .viewbuttons{display:flex;gap:9px}.periodic-exhibit .subcontrols{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:15px 0 18px;border-bottom:1px solid var(--line)}.periodic-exhibit .subcontrols>label:not(.check){width:190px}.periodic-exhibit .subcontrols select{height:42px;font-size:14px;margin-top:5px}.periodic-exhibit .subcontrols .check{display:flex;gap:7px;align-items:center;font-size:13px;margin-left:auto;min-height:44px}.periodic-exhibit .check input{width:18px;height:18px;accent-color:var(--accent)}.periodic-exhibit .encoding{display:flex;gap:34px;justify-content:space-between;align-items:center;padding:19px 0 14px}.periodic-exhibit .encoding strong{font-size:15px}.periodic-exhibit .encoding p{font-size:13px;line-height:1.6;color:var(--muted);max-width:760px;margin:6px 0 0}.periodic-exhibit .scale{flex:none;width:270px}.periodic-exhibit .scale>div:first-child{display:flex;justify-content:space-between;font-size:12px}.periodic-exhibit .ruler{height:9px;border-left:1px solid #65806d;border-right:1px solid #65806d;background:repeating-linear-gradient(90deg,#65806d 0 1px,transparent 1px 10%);border-bottom:1px solid #65806d;margin:6px 0}.periodic-exhibit .scale small{font-size:11px;color:var(--muted)}.periodic-exhibit .statusrow{display:flex;justify-content:space-between;gap:10px;font-size:11px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding:10px 0}.periodic-exhibit .statusrow>span:first-child{font-size:12px}.periodic-exhibit .relationship{padding:12px 16px;background:#e8ede3;border-left:3px solid #6c8870;font-size:14px;line-height:1.5;margin:4px 0 10px}.periodic-exhibit .swipeHint{font-size:12px;color:var(--muted);margin:14px 0 10px;line-height:1.5}.periodic-exhibit .stageScroll{width:100%;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#eeefe8}.periodic-exhibit .stage{min-width:1330px;position:relative;min-height:920px;padding:22px 18px 18px}.periodic-exhibit .flatGrid{display:grid;grid-template-columns:30px repeat(18,minmax(0,1fr));grid-template-rows:26px repeat(7,84px) 24px repeat(2,84px);gap:5px;position:relative}.periodic-exhibit .tile{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--family);border:1px solid var(--family-border);border-radius:4px;min-width:0;height:84px;min-height:0;padding:4px 1px;position:relative;color:#17372b;box-shadow:0 1px 1px #20362f08;transition:opacity .15s,background .15s}.periodic-exhibit .tile:hover{background:var(--family);box-shadow:0 0 0 2px #54755c;z-index:2}.periodic-exhibit .tile .topline{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 5px;font-weight:450;line-height:1.1;font-size:10px}.periodic-exhibit .tile .symbol{font-size:24px;font-weight:600;line-height:1.1;margin:3px 0}.periodic-exhibit .tile .name{font-size:12px;font-weight:450;line-height:1.05;max-width:100%;overflow-wrap:anywhere;text-align:center;min-height:26px;display:flex;align-items:center}.periodic-exhibit .tile .prop{font-size:10px;line-height:1.1}.periodic-exhibit .tile.selected{box-shadow:0 0 0 3px var(--selection);z-index:3}.periodic-exhibit .tile.pair{box-shadow:0 0 0 3px #8a421d;z-index:4}.periodic-exhibit .tile.pair::after{content:attr(data-pair);position:absolute;top:-8px;right:-5px;border-radius:50%;background:#8a421d;color:white;width:18px;height:18px;font-size:11px;display:grid;place-items:center}.periodic-exhibit .tile.dim{opacity:.22}.periodic-exhibit .tile.match{box-shadow:inset 0 -4px #335c48}.periodic-exhibit .tile.target{outline:3px dashed #a6461d;outline-offset:2px;z-index:3}.periodic-exhibit .groupLabel,.periodic-exhibit .periodLabel{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}.periodic-exhibit .periodLabel{flex-direction:column;gap:2px}.periodic-exhibit .gridIntro{grid-column:4/13;grid-row:2/4;padding:12px 25px;max-width:650px;align-self:center}.periodic-exhibit .gridIntro strong{font-family:Georgia,serif;font-size:25px;font-weight:400;display:block}.periodic-exhibit .gridIntro p{font-size:13px;line-height:1.7;color:var(--muted);max-width:550px}.periodic-exhibit .placeholder{background:#f5f4ee;border:1px dashed #8caa91;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;line-height:1.5;text-align:center}.periodic-exhibit .placeholder b{font-size:14px}.periodic-exhibit .seriesLabel{display:flex;justify-content:center;flex-direction:column;padding:0 5px;font-size:11px;color:var(--muted);line-height:1.5}.periodic-exhibit .seriesLabel b{font-size:12px;color:var(--ink)}.periodic-exhibit .placementnote{display:flex;justify-content:space-between;gap:20px;margin:15px 0;font-size:12px;line-height:1.6}.periodic-exhibit .placementnote b{flex:1}.periodic-exhibit .placementnote span{flex:1.6;color:var(--muted)}.periodic-exhibit .legend{display:flex;flex-wrap:wrap;gap:10px 17px;border-top:1px solid var(--line);padding-top:17px}.periodic-exhibit .legend span{font-size:11px;display:flex;align-items:center;gap:6px}.periodic-exhibit .legend i{font-style:normal;display:grid;place-items:center;background:var(--family);border:1px solid var(--family-border);border-radius:3px;min-width:27px;height:24px;font-size:10px;color:#17372b}.periodic-exhibit .fine{font-size:12px;line-height:1.6;color:var(--muted)}.periodic-exhibit .reading{border-top:1px solid var(--line);margin-top:35px;padding-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.periodic-exhibit .reading h2{font-family:Georgia,serif;font-weight:400;line-height:1.25;font-size:25px;max-width:330px;margin-top:0}.periodic-exhibit .reading p{font-size:14px;color:var(--muted);line-height:1.8}.periodic-exhibit footer{border-top:1px solid var(--line);margin-top:28px;padding:20px 0 25px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;color:var(--muted)}.periodic-exhibit footer a{font-size:12px}.periodic-exhibit footer button{font-size:12px}.periodic-exhibit .guidePanel{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid #b99764;background:#f9f0dc;border-radius:7px;margin:8px 0 12px}.periodic-exhibit .guidePanel>div{flex:1}.periodic-exhibit .guidePanel strong{font-size:15px}.periodic-exhibit .guidePanel p{font-size:13px;line-height:1.6;margin:6px 0 0}.periodic-exhibit .guidePanel #guideFeedback{color:#69411a}.periodic-exhibit .comparePanel{padding:16px;background:var(--surface);border:1px solid var(--line);margin:10px 0}.periodic-exhibit .compareSelectors{display:flex;gap:14px;align-items:end;max-width:850px}.periodic-exhibit .compareSelectors label{flex:1}.periodic-exhibit .compareSelectors>span{padding-bottom:12px}.periodic-exhibit .comparePanel p{font-size:14px;line-height:1.7}.periodic-exhibit .comparePanel table{max-width:900px}.periodic-exhibit .compareSelectors select{min-width:0}.periodic-exhibit .compareSelectors button{flex:none}.periodic-exhibit .landscapeTools{display:flex;gap:30px;justify-content:space-between;align-items:center;font-size:12px;padding:8px 0}.periodic-exhibit .landscapeTools label{display:flex;align-items:center;gap:9px}.periodic-exhibit .landscapeTools input{accent-color:var(--accent);width:160px;min-height:30px}.periodic-exhibit .landscapeTools span{color:var(--muted)}.periodic-exhibit #scene{position:relative;width:100%;height:1010px}.periodic-exhibit #scene canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.periodic-exhibit #sceneLabels{position:absolute;inset:0;z-index:2;pointer-events:none}.periodic-exhibit .sceneTile{position:absolute;transform:translate(-50%,-50%);width:60px;height:80px;padding:2px 1px;pointer-events:auto;border-color:transparent;background:transparent!important;box-shadow:none;transition:none}.periodic-exhibit .sceneTile .symbol{font-size:23px;margin:0}.periodic-exhibit .sceneTile .name{font-size:12px;min-height:25px}.periodic-exhibit .sceneTile .topline{font-size:10px;padding:0 2px}.periodic-exhibit .sceneTile .prop{font-size:11px}.periodic-exhibit .sceneTile:hover{box-shadow:0 0 0 2px #54755c;background:#ffffff75!important}.periodic-exhibit .sceneTile.selected{box-shadow:0 0 0 2px #203b2e;background:#ffffff50!important}.periodic-exhibit .sceneTile.pair{box-shadow:0 0 0 3px #8a421d}.periodic-exhibit .sceneLabel{position:absolute;transform:translate(-50%,-50%);font-size:12px;color:#496153;pointer-events:none;white-space:nowrap}.periodic-exhibit .sceneLabel.range{border:1px dashed #8caa91;font-size:11px;padding:10px;width:60px;white-space:normal;text-align:center;background:#f5f4eeaa}.periodic-exhibit .sceneLabel.series{font-size:11px;width:130px;white-space:normal;line-height:1.5}.periodic-exhibit .listScroll{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:7px;margin-top:12px}.periodic-exhibit table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.periodic-exhibit caption{text-align:left;font-size:13px;color:var(--muted);padding:15px;line-height:1.6}.periodic-exhibit th{font-size:12px;font-weight:600;color:var(--muted);background:#eef0e8}.periodic-exhibit td,.periodic-exhibit th{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}.periodic-exhibit td button{padding:5px 8px;min-height:40px;text-align:left}.periodic-exhibit td small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.periodic-exhibit #listBody tr.selected{background:#e4eddf}.periodic-exhibit #listBody tr.pair{background:#fae7d8}.periodic-exhibit #listBody tr.target{outline:2px dashed #a6461d;outline-offset:-3px}.periodic-exhibit dialog{color:var(--ink);background:var(--surface);border:1px solid #b7c7b7;border-radius:12px;padding:26px;width:min(900px,calc(100% - 28px));max-height:90dvh;box-shadow:0 16px 80px #19352630}.periodic-exhibit dialog::backdrop{background:#14271d55;backdrop-filter:blur(2px)}.periodic-exhibit .dialogtop{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;font-size:13px}.periodic-exhibit .dialogtop h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:0}.periodic-exhibit .dialogtop>button{flex:none}.periodic-exhibit .elementHero{display:flex;gap:23px;align-items:center;margin:23px 0}.periodic-exhibit .elementSymbol{font-size:54px;background:var(--family);border:1px solid var(--family-border);border-radius:7px;width:100px;height:100px;display:grid;place-items:center;font-weight:550}.periodic-exhibit .elementHero h2{font-family:Georgia,serif;font-weight:400;font-size:38px;margin:0 0 6px}.periodic-exhibit .elementHero p{font-size:14px;color:var(--muted);margin:0}.periodic-exhibit .detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.periodic-exhibit .detailGrid p{line-height:1.7;font-size:14px}.periodic-exhibit .detailGrid .fine{font-size:12px}.periodic-exhibit .detailGrid h3{font-size:16px;margin:15px 0 9px}.periodic-exhibit .detailGrid b{font-size:12px}.periodic-exhibit .usehead{display:flex;align-items:center;gap:14px}.periodic-exhibit .usehead>span{font-size:29px}.periodic-exhibit .propertyValue{font-size:24px!important;margin:4px 0;font-variant-numeric:tabular-nums}.periodic-exhibit #selectedPropStatus{font-size:12px;color:var(--muted);margin-top:0}.periodic-exhibit #atom{max-width:360px;margin:auto}.periodic-exhibit #atom svg{width:100%;height:auto;display:block}.periodic-exhibit #advancedFacts{padding:10px 0;border-top:1px solid var(--line)}.periodic-exhibit #advancedFacts p{font-size:12px;overflow-wrap:anywhere;margin:5px 0}.periodic-exhibit .dialogActions{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:19px;margin-top:18px}.periodic-exhibit .dialogActions button{flex:1;min-width:130px;font-size:12px}.periodic-exhibit #aboutDialog p,.periodic-exhibit #aboutDialog li{font-size:14px;line-height:1.8}.periodic-exhibit #aboutDialog h3{font-size:17px;margin-top:26px}.periodic-exhibit #aboutDialog ul{padding-left:22px}.periodic-exhibit #aboutDialog li{margin:12px 0}.periodic-exhibit [hidden]{display:none!important}
@media(min-width:1600px){.periodic-exhibit .stage{min-width:1330px}.periodic-exhibit .sceneTile{width:64px}}@media(max-width:1050px){.periodic-exhibit .introkey{gap:16px}.periodic-exhibit .introkey b{font-size:30px}.periodic-exhibit .introkey span{font-size:11px}.periodic-exhibit .intro{gap:20px}.periodic-exhibit .intro p{font-size:15px}.periodic-exhibit .subcontrols .check{margin-left:0}.periodic-exhibit .discoveries button{gap:10px;padding:14px}.periodic-exhibit .encoding p{max-width:600px}.periodic-exhibit .scale{width:220px}.periodic-exhibit .statusrow{flex-wrap:wrap}.periodic-exhibit .reading{gap:22px}.periodic-exhibit .reading h2{font-size:23px}}
@media(max-width:720px){.periodic-exhibit header{padding:15px 5%;align-items:flex-start}.periodic-exhibit .wordmark{font-size:15px;gap:6px}.periodic-exhibit nav{gap:8px}.periodic-exhibit nav>a{display:none}.periodic-exhibit nav button{font-size:12px;min-height:30px}.periodic-exhibit main{padding:0 5%}.periodic-exhibit .intro{display:block;padding:30px 0 25px}.periodic-exhibit .intro h1{letter-spacing:-.8px;font-size:35px}.periodic-exhibit .intro p{font-size:15px}.periodic-exhibit .introkey{margin-top:23px;justify-content:space-between;gap:10px}.periodic-exhibit .introkey b{font-size:29px}.periodic-exhibit .introkey span{font-size:10px;margin-top:3px}.periodic-exhibit .sectionhead{align-items:flex-start}.periodic-exhibit .sectionhead h2{font-size:17px}.periodic-exhibit .sectionhead>span{font-size:11px;max-width:120px;text-align:right}.periodic-exhibit .discoveries{display:flex;flex-direction:column}.periodic-exhibit .discoveries button{min-height:75px;padding:13px 16px;border-right:0;border-bottom:1px solid var(--line)}.periodic-exhibit .discoveries strong{font-size:14px}.periodic-exhibit .discoveries small{font-size:12px}.periodic-exhibit .explorer{margin-top:27px}.periodic-exhibit .controls{gap:12px;display:grid;grid-template-columns:1fr}.periodic-exhibit .controls label{min-width:0}.periodic-exhibit .viewbuttons{width:100%}.periodic-exhibit .viewbuttons #landscapeBtn{flex:1}.periodic-exhibit .subcontrols{gap:11px;display:grid;grid-template-columns:1fr 1fr}.periodic-exhibit .subcontrols>label:not(.check){width:auto}.periodic-exhibit .subcontrols select{font-size:13px}.periodic-exhibit .subcontrols button{font-size:12px;padding:9px 8px}.periodic-exhibit .subcontrols .check{grid-column:1/-1}.periodic-exhibit .encoding{display:block;padding-top:15px}.periodic-exhibit .encoding p{font-size:13px}.periodic-exhibit .scale{width:100%;max-width:330px;margin-top:13px}.periodic-exhibit .statusrow{font-size:10px}.periodic-exhibit .statusrow>span:first-child{font-size:12px}.periodic-exhibit .relationship{font-size:13px;padding:12px}.periodic-exhibit .guidePanel{flex-wrap:wrap;gap:10px}.periodic-exhibit .guidePanel>div{flex:100%}.periodic-exhibit .guidePanel button{font-size:12px}.periodic-exhibit .guidePanel #guideLocate{flex:1}.periodic-exhibit .compareSelectors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.periodic-exhibit .compareSelectors>span{display:none}.periodic-exhibit .compareSelectors button{grid-column:1/-1}.periodic-exhibit .comparePanel{padding:12px}.periodic-exhibit .comparePanel table{font-size:12px}.periodic-exhibit .comparePanel td,.periodic-exhibit .comparePanel th{padding:8px 5px}.periodic-exhibit .comparePanel th:first-child{max-width:120px}.periodic-exhibit .landscapeTools{display:block}.periodic-exhibit .landscapeTools span{display:block;margin-top:7px;line-height:1.6}.periodic-exhibit .stageScroll{max-height:83vh}.periodic-exhibit .placementnote{display:block}.periodic-exhibit .placementnote b,.periodic-exhibit .placementnote span{display:block}.periodic-exhibit .placementnote span{margin-top:8px}.periodic-exhibit .legend{gap:8px 12px}.periodic-exhibit .legend span{font-size:10px}.periodic-exhibit .reading{display:block}.periodic-exhibit .reading>div{margin-bottom:25px}.periodic-exhibit .reading h2{font-size:25px;max-width:none;margin:0 0 9px}.periodic-exhibit .reading p{margin:0}.periodic-exhibit .reading{margin-top:25px;padding-top:25px}.periodic-exhibit footer{flex-direction:column;align-items:flex-start;gap:8px}.periodic-exhibit .detailGrid{grid-template-columns:1fr;gap:10px}.periodic-exhibit dialog{padding:18px;max-height:92dvh}.periodic-exhibit .elementHero h2{font-size:32px}.periodic-exhibit .elementSymbol{width:80px;height:80px;font-size:43px}.periodic-exhibit .elementHero{gap:16px}.periodic-exhibit .dialogActions button{min-width:calc(50% - 8px);font-size:12px}.periodic-exhibit #list table{min-width:610px}.periodic-exhibit .listScroll{max-height:660px}.periodic-exhibit #list th{position:sticky;top:0}.periodic-exhibit .swipeHint{font-size:12px}.periodic-exhibit .check{font-size:13px}.periodic-exhibit .fine{font-size:12px}}
@media(prefers-reduced-motion:reduce){.periodic-exhibit *,.periodic-exhibit *::before,.periodic-exhibit *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:720px){.periodic-exhibit .subcontrols .check{grid-column:auto}.periodic-exhibit .subcontrols>label:first-child{grid-column:1/-1}}

/* The selected atom is the primary surface inside the element panel. */
.periodic-exhibit #elementDialog{width:min(1000px,calc(100% - 28px))}.periodic-exhibit .atomExplorer{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.periodic-exhibit .atomHeading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.periodic-exhibit .atomHeading h3{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:0 0 5px}.periodic-exhibit .atomHeading p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.periodic-exhibit .atom3d{width:100%;height:430px;position:relative;border-radius:9px;overflow:hidden;background:#102c26;touch-action:none;cursor:grab;outline-offset:4px}.periodic-exhibit .atom3d:active{cursor:grabbing}.periodic-exhibit .atom3d canvas{display:block;width:100%;height:100%;touch-action:none}.periodic-exhibit .atomToolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.periodic-exhibit .atomToolbar button{font-size:13px}.periodic-exhibit .atomSecondary{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between;margin:12px 0}.periodic-exhibit .atomSecondary button{font-size:12px;min-width:44px;padding:8px 12px}.periodic-exhibit .atomAngles,.periodic-exhibit .atomArrows{display:flex;gap:6px}.periodic-exhibit .atomSecondary label{display:flex;align-items:center;gap:8px;font-size:12px}.periodic-exhibit .atomSecondary input{width:110px;accent-color:var(--accent);min-height:35px}.periodic-exhibit .atomSecondary output{min-width:28px}.periodic-exhibit .atomShells{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}.periodic-exhibit .atomShells button{font-size:12px;padding:8px 11px;min-height:40px}.periodic-exhibit .atomLegend{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.periodic-exhibit .atomLegend button{border:0;background:none;padding:7px 3px;font-size:13px;display:flex;align-items:center;gap:8px}.periodic-exhibit .atomLegend i{display:block;width:12px;height:12px;border-radius:50%}.periodic-exhibit .nucleusKey{background:#ba6b2d}.periodic-exhibit .electronKey{background:#267e65}.periodic-exhibit .atomInspection{font-size:13px;line-height:1.65;min-height:44px;margin:8px 0;padding:10px 13px;background:#e8ede3;border-left:3px solid #6c8870}.periodic-exhibit #atomLoading{font-size:13px;padding:14px;background:#e8ede3;border-radius:6px;margin-bottom:10px}.periodic-exhibit .atomFallback{padding:15px 0}.periodic-exhibit .atomExplorer #shellText{font-size:14px;line-height:1.7}.periodic-exhibit .intro strong{font-weight:600}
@media(max-width:720px){.periodic-exhibit .atom3d{height:350px}.periodic-exhibit .atomHeading{align-items:flex-start;gap:10px}.periodic-exhibit .atomHeading h3{font-size:23px}.periodic-exhibit .atomHeading p{font-size:12px}.periodic-exhibit .atomHeading>button{font-size:12px;min-width:100px;padding:8px}.periodic-exhibit .atomToolbar{display:grid;grid-template-columns:1fr 1fr}.periodic-exhibit .atomToolbar button{font-size:12px;padding:9px}.periodic-exhibit .atomToolbar #atomReset{grid-column:1/-1}.periodic-exhibit .atomSecondary{gap:10px}.periodic-exhibit .atomSecondary label{width:100%;justify-content:space-between}.periodic-exhibit .atomSecondary input{flex:1;max-width:170px}.periodic-exhibit .atomShells button{min-height:44px}.periodic-exhibit .atomLegend{gap:6px}.periodic-exhibit .atomLegend button{font-size:12px}.periodic-exhibit .atomExplorer{padding-top:14px}.periodic-exhibit .atomInspection{font-size:13px}}

.periodic-exhibit .atomCTA{margin-top:18px}

.periodic-exhibit .atomCanvasCaption{position:absolute;left:15px;top:13px;z-index:2;font-size:12px;color:#d8f2e7;pointer-events:none;line-height:1.5;max-width:calc(100% - 30px)}

.periodic-exhibit .depthExplorer{padding:14px 16px;margin-bottom:14px;background:#eef1e9;border:1px solid var(--line);border-radius:8px}.periodic-exhibit .depthTop{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.periodic-exhibit .depthTop label{font-size:13px;font-weight:600;min-width:230px;flex:1}.periodic-exhibit .depthTop select{display:block;margin-top:5px;width:100%;padding:10px;min-height:44px;background:var(--surface);border:1px solid #98aea0;border-radius:5px;font-size:14px}.periodic-exhibit .depthTop p{font-size:13px;line-height:1.7;flex:1;min-width:180px}.periodic-exhibit .depthNav{display:flex;gap:6px;flex-wrap:wrap}.periodic-exhibit .depthNav button{flex:1;font-size:13px;min-width:110px}.periodic-exhibit .depthSummary{font-size:14px;line-height:1.7;margin:12px 0 0}.periodic-exhibit .nuclearDisplay{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:12px}.periodic-exhibit .nuclearDisplay label{display:flex;align-items:center;gap:9px;font-size:13px;min-height:44px}.periodic-exhibit .nuclearDisplay input[type=range]{width:120px;accent-color:var(--accent)}.periodic-exhibit .nuclearDisplay input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.periodic-exhibit .depthLegend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:8px;font-size:12px;line-height:1.7}.periodic-exhibit .depthLegend span{display:flex;align-items:center;gap:7px}.periodic-exhibit .depthLegend i{width:13px;height:13px;border:1px solid #607e77;border-radius:50%;display:inline-block}.periodic-exhibit .protonSwatch{background:#f2ac7e}.periodic-exhibit .neutronSwatch{background:#9fcbe9}.periodic-exhibit .depthLegend button{font-size:13px}.periodic-exhibit .nuclearFallback{background:#102c26;padding:16px;border-radius:8px}.periodic-exhibit .nuclearFallback svg{display:block;width:100%;max-width:570px;margin:auto}.periodic-exhibit .nuclearFallback .fine{color:#d8f2e7}.periodic-exhibit .nuclearFallback g[data-nucleon],.periodic-exhibit .nuclearFallback g[data-quark]{cursor:pointer}.periodic-exhibit .atomParticleLabels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.periodic-exhibit .atomParticleLabels span{position:absolute;transform:translate(-50%,-50%);color:#fff7e8;background:#102c26df;border:1px solid #789c90;padding:3px 7px;border-radius:4px;font-size:14px;font-weight:600;white-space:nowrap}.periodic-exhibit .depthDeeper{font-size:13px;line-height:1.75;margin:10px 0}.periodic-exhibit .depthDeeper summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}.periodic-exhibit .depthDeeper p{margin:4px 0 12px}
@media(max-width:720px){.periodic-exhibit .depthExplorer{padding:12px}.periodic-exhibit .depthTop{gap:4px}.periodic-exhibit .depthTop label{min-width:100%}.periodic-exhibit .depthTop p{margin:7px 0}.periodic-exhibit .depthNav{display:grid;grid-template-columns:1fr 1fr}.periodic-exhibit .depthNav button{min-width:0;font-size:12px;padding:10px 6px}.periodic-exhibit .depthNav button:last-child{grid-column:1/-1}.periodic-exhibit .nuclearDisplay{gap:4px}.periodic-exhibit .nuclearDisplay label{width:100%;justify-content:space-between}.periodic-exhibit .depthSummary{font-size:14px}.periodic-exhibit .atomParticleLabels span{font-size:12px;padding:3px 5px}}


/* Visual-first workspace. Full names remain in the selected atom, list and tile labels. */
.periodic-exhibit .periodicWorkspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:start;margin:0 0 24px}
.periodic-exhibit .intro{padding:15px 0 18px;gap:16px}.periodic-exhibit .intro h1{font-size:30px;letter-spacing:-.6px;margin:0 0 4px}.periodic-exhibit .intro p,.periodic-exhibit .exhibit-subtitle{font-size:15px!important;line-height:1.45!important;margin:0!important}.periodic-exhibit .pickerJump{font-size:14px;white-space:nowrap}
.periodic-exhibit .atomPanel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;position:sticky;top:12px}
.periodic-exhibit .atomPanel .dialogtop{padding:0;border:0;font-size:12px;line-height:1.4;min-height:18px}.periodic-exhibit .atomPanel #closeElement{display:none}
.periodic-exhibit .atomPanel .elementHero{margin:8px 0;gap:12px}.periodic-exhibit .atomPanel .elementSymbol{width:52px;height:52px;flex:none;font-size:29px}.periodic-exhibit .atomPanel .elementHero h2{font-size:28px;line-height:1.15;overflow-wrap:normal;margin:0 0 4px}.periodic-exhibit .atomPanel .elementHero p{font-size:13px;line-height:1.4}.periodic-exhibit .elementStepper{display:flex;gap:5px;margin-left:auto;flex:none}.periodic-exhibit .elementStepper button{padding:5px;min-width:38px;min-height:40px;font-size:20px}
.periodic-exhibit .elementMusic{display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding:8px 0;margin-top:8px}.periodic-exhibit .elementMusic button{font-size:13px;min-height:38px;padding:7px 10px}.periodic-exhibit .elementMusic label{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.periodic-exhibit .elementMusic input{width:80px;accent-color:var(--accent);min-height:34px}.periodic-exhibit .elementMusic output{min-width:28px}.periodic-exhibit .elementMusic p{flex:100%;margin:0;font-size:12px;line-height:1.4;color:var(--muted)}
.periodic-exhibit .atomPanel .atomExplorer{border:0;padding:0}.periodic-exhibit .atomPanel .atomHeading{display:none}.periodic-exhibit .atomPanel .depthNav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:4px 0 10px}.periodic-exhibit .atomPanel .depthNav button{min-width:0;min-height:40px;font-size:13px;padding:7px 3px;white-space:nowrap}.periodic-exhibit .atomPanel .depthNav button:last-child{grid-column:auto}
.periodic-exhibit .atomViewport{height:320px;position:relative;border-radius:9px;overflow:hidden;background:#102c26}
.periodic-exhibit .atomViewport .atom3d,.periodic-exhibit .atomViewport #atom,.periodic-exhibit .atomViewport .nuclearFallback{width:100%;height:100%;max-width:none;margin:0;padding:0;border-radius:0}
.periodic-exhibit .atomViewport #atom{background:#f4f5ed}.periodic-exhibit .atomViewport #atom svg,.periodic-exhibit .atomViewport .nuclearFallback svg{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.periodic-exhibit .atomPanel .atomCanvasCaption{font-size:12px;line-height:1.5;max-width:calc(100% - 24px);left:12px;top:10px}
.periodic-exhibit .modelCaveat{font-size:12px;color:var(--muted);line-height:1.5;margin:7px 0}.periodic-exhibit .modelCaveat a{white-space:nowrap}
.periodic-exhibit .atomModeRow{display:inline-block;vertical-align:middle;margin:3px 0}.periodic-exhibit .atomModeRow button{min-height:38px;font-size:13px;padding:7px 12px}
.periodic-exhibit .atomPanel #atomLoading{background:none;padding:0;margin:3px 0;font-size:12px;line-height:1.5;color:var(--muted)}
.periodic-exhibit .atomPanel .atomToolbar{display:flex;gap:5px;flex-wrap:wrap;margin:5px 0}.periodic-exhibit .atomPanel .atomToolbar button{font-size:13px;min-height:40px;padding:7px 10px;flex:1;white-space:nowrap}
.periodic-exhibit .viewerSettings,.periodic-exhibit .atomExplanation,.periodic-exhibit .musicMapping,.periodic-exhibit .tableOptions,.periodic-exhibit .learnOverview{font-size:14px;line-height:1.65;border-top:1px solid var(--line);margin-top:10px}
.periodic-exhibit .viewerSettings>summary,.periodic-exhibit .atomExplanation>summary,.periodic-exhibit .musicMapping>summary,.periodic-exhibit .tableOptions>summary,.periodic-exhibit .learnOverview>summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}
.periodic-exhibit .atomPanel .depthExplorer{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:8px 0 0;margin:7px 0}
.periodic-exhibit .atomPanel .depthTop{gap:8px;align-items:start}.periodic-exhibit .atomPanel .depthTop label{min-width:155px;font-size:13px}.periodic-exhibit .atomPanel .depthTop select{font-size:14px;margin-top:3px;padding:8px}.periodic-exhibit .atomPanel .depthTop p{font-size:13px;line-height:1.55;margin:2px 0;min-width:150px}
.periodic-exhibit .atomExplanation .detailGrid{display:block}.periodic-exhibit .atomExplanation p,.periodic-exhibit .atomExplanation .fine,.periodic-exhibit .atomExplanation #shellText{font-size:14px;line-height:1.7}.periodic-exhibit .atomPanel .dialogActions button{font-size:13px;min-width:0}.periodic-exhibit .atomPanel .depthSummary{margin:0}
.periodic-exhibit .elementPicker{margin:0;min-width:0}.periodic-exhibit .elementPicker .sectionhead{margin-bottom:10px;align-items:center}.periodic-exhibit .elementPicker .sectionhead h2{font-size:19px}.periodic-exhibit .elementPicker .sectionhead #renderStatus{max-width:180px;font-size:12px;line-height:1.4;text-align:right}
.periodic-exhibit .elementPicker .controls{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:10px}.periodic-exhibit .elementPicker .controls label{min-width:0;font-size:13px}.periodic-exhibit .elementPicker input[type=search]{min-width:0}.periodic-exhibit .elementPicker .controls select,.periodic-exhibit .elementPicker .controls input{font-size:14px;height:44px;padding:8px;margin-top:4px}
.periodic-exhibit .elementPicker .swipeHint{font-size:12px;line-height:1.5;margin:8px 0}
.periodic-exhibit .elementPicker .stage{min-width:0;min-height:0;padding:8px}
.periodic-exhibit .elementPicker .flatGrid{grid-template-columns:18px repeat(18,minmax(0,1fr));grid-template-rows:20px repeat(7,36px) 9px repeat(2,36px);gap:3px}
.periodic-exhibit .elementPicker .tile{height:36px;padding:2px 0;box-shadow:none;border-radius:3px;justify-content:center}.periodic-exhibit .elementPicker .tile .topline{font-size:9px;padding:0 2px;justify-content:center}.periodic-exhibit .elementPicker .tile .topline>span:last-child,.periodic-exhibit .elementPicker .tile .name,.periodic-exhibit .elementPicker .gridIntro{display:none}.periodic-exhibit .elementPicker .tile .symbol{font-size:15px;line-height:1.05;margin:1px 0 0}
.periodic-exhibit .elementPicker .groupLabel,.periodic-exhibit .elementPicker .periodLabel{font-size:11px}.periodic-exhibit .elementPicker .seriesLabel{font-size:10px;line-height:1.25;padding:0}.periodic-exhibit .elementPicker .seriesLabel span{display:none}.periodic-exhibit .elementPicker .placeholder{font-size:8px;line-height:1.15}.periodic-exhibit .elementPicker .placeholder b{font-size:9px}.periodic-exhibit .elementPicker .placeholder span{display:none}
.periodic-exhibit .elementPicker .stageScroll{max-height:440px;overscroll-behavior:contain}.periodic-exhibit .elementPicker .statusrow{padding:6px 0;border:0;font-size:12px}.periodic-exhibit .pickerActions{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.periodic-exhibit .pickerActions button{font-size:13px;padding:8px 10px;min-height:40px}
.periodic-exhibit .tableOptions select{font-size:14px}.periodic-exhibit .tableOptions .subcontrols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.periodic-exhibit .tableOptions .subcontrols>label:not(.check){width:auto;min-width:0}.periodic-exhibit .tableOptions .encoding{display:block}.periodic-exhibit .tableOptions .scale{width:100%;margin:10px 0}.periodic-exhibit .tableOptions .relationship{font-size:14px}.periodic-exhibit .tableOptions .legend span,.periodic-exhibit .tableOptions .fine{font-size:12px}
.periodic-exhibit .elementPicker .stage.landscape-mode{min-width:1330px;min-height:920px}.periodic-exhibit .elementPicker .stage.landscape-mode .sceneTile{height:80px}.periodic-exhibit .elementPicker .sceneTile .name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;min-height:16px;max-width:100%}.periodic-exhibit .elementPicker .sceneTile .topline{font-size:10px}.periodic-exhibit .elementPicker .sceneTile .symbol{font-size:23px}.periodic-exhibit .elementPicker .sceneTile .prop{font-size:11px}
.periodic-exhibit .learnOverview{margin:20px 0}.periodic-exhibit .learnOverview .reading{margin-top:20px}.periodic-exhibit .learnOverview .sectionhead{margin-top:18px}.periodic-exhibit .srOnly{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(max-width:999px){.periodic-exhibit .periodicWorkspace{grid-template-columns:minmax(0,1fr);gap:18px}.periodic-exhibit .atomPanel{position:static}.periodic-exhibit .atomViewport{height:340px}.periodic-exhibit .elementPicker .stage:not(.landscape-mode){min-width:870px}.periodic-exhibit .elementPicker .flatGrid{grid-template-rows:23px repeat(7,46px) 12px repeat(2,46px)}.periodic-exhibit .elementPicker .tile{height:46px}.periodic-exhibit .elementPicker .tile .symbol{font-size:19px}.periodic-exhibit .elementPicker .tile .topline{font-size:11px}.periodic-exhibit .elementPicker .stageScroll{max-height:285px}.periodic-exhibit .elementPicker .seriesLabel{font-size:12px}.periodic-exhibit .elementPicker .groupLabel,.periodic-exhibit .elementPicker .periodLabel{font-size:12px}.periodic-exhibit .elementPicker .tile{scroll-margin:5px}.periodic-exhibit .elementPicker .sectionhead #renderStatus{max-width:210px}}
@media(max-width:540px){.periodic-exhibit main{padding:0 14px}.periodic-exhibit .intro{padding:12px 0;display:flex;align-items:center}.periodic-exhibit .intro h1{font-size:25px!important;letter-spacing:-.5px}.periodic-exhibit .intro p{font-size:14px!important;max-width:230px}.periodic-exhibit .pickerJump{font-size:13px;white-space:normal;max-width:83px;line-height:1.5}.periodic-exhibit .atomPanel{padding:11px}.periodic-exhibit .atomPanel .elementHero h2{font-size:26px}.periodic-exhibit .atomPanel .elementHero p{font-size:12px}.periodic-exhibit .elementStepper button{min-width:36px;min-height:42px}.periodic-exhibit .elementMusic{gap:5px 10px}.periodic-exhibit .elementMusic button{min-height:42px}.periodic-exhibit .elementMusic label{font-size:12px}.periodic-exhibit .elementMusic input{width:70px}.periodic-exhibit .atomViewport{height:295px}.periodic-exhibit .atomPanel .depthNav button{font-size:12px;min-height:44px}.periodic-exhibit .atomPanel .atomToolbar button{font-size:12px;padding:7px;min-height:44px}.periodic-exhibit .atomPanel .depthTop label{min-width:100%}.periodic-exhibit .atomPanel .depthTop p{font-size:13px;margin-top:3px}.periodic-exhibit .elementPicker .controls{grid-template-columns:1fr}.periodic-exhibit .elementPicker .sectionhead>span{max-width:145px!important}.periodic-exhibit .elementPicker .pickerActions button{min-height:44px}.periodic-exhibit .modelCaveat{font-size:12px}.periodic-exhibit .elementPicker .subcontrols .check{grid-column:auto}}

/* Preserve a stable viewport as element names, properties and explanations change. */
.periodic-exhibit .atomPanel .elementHero{min-height:64px}.periodic-exhibit .atomPanel .elementHero>div:not(.elementSymbol):not(.elementStepper){min-width:0}.periodic-exhibit .atomPanel .elementHero p{min-height:34px}.periodic-exhibit .atomPanel .dialogtop{min-height:18px}
.periodic-exhibit .mobileScrollHint{display:none}.periodic-exhibit .atomViewport{height:290px}.periodic-exhibit .elementPicker .flatGrid{grid-template-rows:20px repeat(7,34px) 9px repeat(2,34px)}.periodic-exhibit .elementPicker .tile{height:34px}.periodic-exhibit .elementPicker .tile .topline{font-size:10px}.periodic-exhibit .elementPicker .tile .symbol{font-size:16px}
@media(max-width:999px){.periodic-exhibit .mobileScrollHint{display:block;margin-top:4px}.periodic-exhibit .atomViewport{height:330px}.periodic-exhibit .elementPicker .flatGrid{grid-template-rows:23px repeat(7,46px) 12px repeat(2,46px)}.periodic-exhibit .elementPicker .tile{height:46px}.periodic-exhibit .elementPicker .tile .symbol{font-size:19px}.periodic-exhibit .elementPicker .tile .topline{font-size:11px}}
@media(max-width:540px){.periodic-exhibit .atomPanel .elementHero h2{font-size:24px;white-space:nowrap}.periodic-exhibit .elementStepper{position:absolute;right:11px;top:8px}.periodic-exhibit .atomPanel .dialogtop{padding-right:88px;min-height:34px}.periodic-exhibit .atomPanel .elementHero{margin-top:4px}.periodic-exhibit .atomPanel .elementHero p{font-size:13px}.periodic-exhibit .atomViewport{height:285px}}

.periodic-exhibit .intro{padding:12px 0 16px}.periodic-exhibit .introActions{display:flex;gap:18px;align-items:center}.periodic-exhibit .introActions .textbtn{min-height:36px;white-space:nowrap}.periodic-exhibit .atomViewport{height:280px}.periodic-exhibit .elementMusic{margin:6px 0;padding:7px 0}.periodic-exhibit .atomPanel #atomControls[data-fallback=true] .atomToolbar button:not(#atomMode),.periodic-exhibit .atomPanel #atomControls[data-fallback=true] .viewerSettings{display:none}.periodic-exhibit .atomPanel .atomToolbar{margin:8px 0 0}.periodic-exhibit .atomPanel .atomToolbar button{padding:7px 6px;min-width:0}.periodic-exhibit .atomPanel #atomMode{flex:1.4}
@media(max-width:999px){.periodic-exhibit .atomViewport{height:330px}}
@media(max-width:540px){.periodic-exhibit .introActions{flex-direction:column;gap:0;align-items:flex-end}.periodic-exhibit .introActions .textbtn{font-size:12px;min-height:32px}.periodic-exhibit .introActions .pickerJump{font-size:13px;max-width:84px}.periodic-exhibit .atomViewport{height:285px}.periodic-exhibit .atomPanel .atomToolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.periodic-exhibit .atomPanel .atomToolbar #atomReset{grid-column:auto}.periodic-exhibit .atomPanel #atomControls[data-fallback=true] .atomToolbar{display:flex}}

.periodic-exhibit .atomPanel#elementDialog{width:100%;margin:0;max-height:none;box-shadow:none}

@media(max-width:999px){.periodic-exhibit .atomPanel{position:relative;top:auto}}

.periodic-exhibit{display:flow-root;min-width:0}.periodic-exhibit .exhibit-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:8px;font-size:13px}.periodic-exhibit .exhibit-bar p{margin:0}.periodic-exhibit .exhibit-kicker{font-size:12px;letter-spacing:1.5px;font-weight:600}.periodic-exhibit .exhibit-subtitle{font-family:Georgia,serif;font-size:14px;line-height:1.45}.periodic-exhibit .intro h1{font-size:28px;line-height:1.15}