@media (max-width:44rem){.pt-breadcrumbs[data-astro-cid-hdv2p4aq] a[data-astro-cid-hdv2p4aq]{align-items:center;min-height:2.75rem;padding-inline:.25rem;display:inline-flex}}body:has(.periodic-page){background:radial-gradient(circle at 12% 3%,#d8e6ff8c,#0000 24rem),radial-gradient(circle at 90% 15%,#f0e7ff8c,#0000 25rem),#fbfdff}.periodic-page{--pt-surface:#fffffff0;--pt-border:#cbdcf0;--pt-border-strong:#9ebada;--pt-text:#183a66;--pt-muted:#5f7390;--pt-accent:#7048df;--pt-accent-soft:#f1edff;--pt-radius:.9rem;--pt-fs-caption:var(--text-2xs);--pt-fs-ui:var(--text-xs);--pt-fs-body:var(--text-sm);--pt-fs-title:var(--text-xl);--pt-cell-w:clamp(4.15rem, 3.8vw, 4.55rem);--pt-cell-h:clamp(4.3rem, 4vw, 4.7rem);width:min(100% - 2rem,118rem);min-height:100vh;color:var(--pt-text);margin-inline:auto;padding:1rem 0 2rem}.periodic-page :where(button,input,select,[tabindex]):focus-visible{outline-offset:2px;outline:3px solid #174f9d}.pt-header{justify-content:space-between;align-items:center;gap:2rem;padding:.2rem 1rem 1rem;display:flex}.pt-breadcrumbs{margin:0 0 .55rem 4.5rem!important}.pt-breadcrumbs ol{flex-wrap:wrap;gap:.35rem .65rem;margin:0;list-style:none;display:flex}.pt-breadcrumbs li{color:var(--pt-muted);font-size:var(--pt-fs-caption);line-height:var(--leading-ui);align-items:center;gap:.65rem;display:inline-flex}.pt-breadcrumbs li:not(:last-child):after{color:#8ca0ba;content:"/"}.pt-breadcrumbs a{color:#6448d9;font-size:inherit;font-weight:700}.pt-header__title>div{align-items:center;gap:1rem;display:flex}.pt-header__title>div>span{color:#764ce4;background:#eee8ff;border-radius:.9rem;place-items:center;width:3.8rem;height:3.8rem;display:grid}.pt-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,2.6vw,2.35rem);line-height:1.1}.pt-header p{color:var(--pt-muted);margin:.25rem 0 0;font-size:.92rem}.pt-header__metrics{align-items:stretch;gap:.7rem;display:flex}.pt-header__metrics article{background:var(--pt-surface);border:1px solid var(--pt-border);min-width:10.4rem;box-shadow:var(--shadow-sm);border-radius:.8rem;align-content:center;padding:.75rem 1rem;display:grid}.pt-header__metrics small{color:#627897;font-size:.65rem}.pt-header__metrics strong{margin-top:.25rem;font-size:1.05rem}.pt-header__metrics article i{background:#e6eafa;border-radius:1rem;height:.25rem;margin-top:.5rem;overflow:hidden}.pt-header__metrics article i b{background:#714ce3;width:0;height:100%;transition:width .25s;display:block}.pt-header__metrics>[data-open-training],.pt-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7046df,#873fe2);border-radius:.65rem;justify-content:center;align-items:center;gap:.6rem;min-width:13rem;padding:.75rem 1rem;font-weight:800;display:inline-flex;box-shadow:0 12px 24px #6b46db33}.pt-navigation{background:var(--pt-surface);border:1px solid var(--pt-border);border-radius:var(--pt-radius) var(--pt-radius) 0 0;box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:.35rem 1rem 0;display:flex}.pt-navigation button{color:#627694;min-height:3.1rem;font-weight:var(--weight-bold);cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;gap:.65rem;display:inline-flex;position:relative}.pt-navigation button.is-active{color:#6846d9}.pt-navigation button.is-active:after{content:"";background:#7048df;height:2px;position:absolute;inset:auto 0 -1px}.pt-navigation button:hover{color:#3f5680;background:#f7f9ff}.pt-tab-label--compact{display:none}.pt-page-grid{grid-template-columns:minmax(0,1fr) 23rem;align-items:start;gap:1rem;display:grid}.pt-table-panel,.pt-details,.pt-training,.pt-progress{background:var(--pt-surface);border:1px solid var(--pt-border);border-radius:var(--pt-radius);box-shadow:var(--shadow-sm)}.pt-table-panel{min-width:0;padding:1rem}.pt-filters{grid-template-columns:minmax(16rem,1.6fr) repeat(4,minmax(8rem,.75fr)) auto auto;align-items:center;gap:.65rem;margin-bottom:1rem;display:grid}.pt-filters input,.pt-filters select,.pt-filters button{color:#334f76;border:1px solid var(--pt-border);background:#fff;border-radius:.65rem;width:100%;min-height:2.75rem;padding:.55rem .8rem;font-size:.78rem}.pt-filters :where(input,select,button):hover:not(:disabled){border-color:var(--pt-border-strong)}.pt-filters button:disabled{color:#8c9bb0;cursor:not-allowed;opacity:.72;background:#f3f6fa}.pt-search{position:relative}.pt-search input{padding-right:2rem}.pt-search>span:last-child{color:#4a6384;font-size:1.15rem;position:absolute;top:.48rem;right:.8rem}.pt-legend-toggle{white-space:nowrap;color:#3d5678;cursor:pointer;align-items:center;gap:.5rem;min-height:2.75rem;font-size:.75rem;display:flex}.pt-legend-toggle input{opacity:0;width:1px;height:1px;position:absolute}.pt-legend-toggle span{background:#a9b8cc;border-radius:2rem;flex:none;width:2.2rem;height:1.2rem;position:relative}.pt-legend-toggle span:after{content:"";background:#fff;border-radius:50%;width:.8rem;height:.8rem;transition:all .2s;position:absolute;top:.15rem;left:.15rem}.pt-legend-toggle input:checked+span{background:#744ce0}.pt-legend-toggle input:checked+span:after{transform:translate(1rem)}.pt-legend-toggle input:focus-visible+span{outline-offset:3px;outline:3px solid #174f9d}.pt-filters button{cursor:pointer}.pt-filters.has-active-filters [data-clear-filters]{color:#5e3ac8;background:#f3efff;border-color:#b9a6e9}.pt-filters output{color:var(--pt-muted);font-size:.72rem;font-weight:var(--weight-semibold);grid-column:1/-1}.pt-scroll-hint{color:var(--pt-muted);margin:.1rem 0 .4rem;font-size:.72rem;display:none}.pt-scroll-hint.is-visible{display:block}@media (max-width:84rem){.pt-scroll-hint{display:block}}.pt-grid-scroll{overscroll-behavior-inline:contain;scrollbar-color:#8da8c8 #edf3fa;scrollbar-width:thin;scroll-behavior:smooth;padding:1.5rem .25rem .75rem;overflow:auto}.pt-grid-scroll.can-scroll-left{box-shadow:inset 14px 0 12px -14px #12376861}.pt-grid-scroll.can-scroll-right{box-shadow:inset -14px 0 12px -14px #12376861}.pt-grid-scroll.can-scroll-left.can-scroll-right{box-shadow:inset 14px 0 12px -14px #12376861,inset -14px 0 12px -14px #12376861}.pt-grid-scroll::-webkit-scrollbar{height:.65rem}.pt-grid-scroll::-webkit-scrollbar-thumb{background:#8da8c8;border:2px solid #edf3fa;border-radius:999px}.pt-grid-shell{width:calc(18 * var(--pt-cell-w) + 17 * .22rem + 2rem);min-height:calc(10 * var(--pt-cell-h) + 9 * .22rem + 1rem);margin-inline:auto;position:relative}.pt-grid{grid-template-columns:repeat(18,var(--pt-cell-w));grid-template-rows:repeat(10,var(--pt-cell-h));gap:.22rem;display:grid;position:absolute;inset:1.1rem 0 0 1.6rem}.pt-grid-row{display:contents}.pt-group-labels{grid-template-columns:repeat(18,var(--pt-cell-w));gap:.22rem;display:grid;position:absolute;inset:0 0 auto 1.6rem}.pt-group-labels span{grid-column:var(--group);text-align:center;color:#17365f;font-size:.64rem;font-weight:700}.pt-period-labels{z-index:5;grid-template-rows:repeat(7,var(--pt-cell-h));background:linear-gradient(90deg,#fff 72%,#fff0);gap:.22rem;width:1.45rem;padding-top:1.1rem;display:grid;position:sticky;left:0}.pt-period-labels span{color:#17365f;align-items:center;font-size:.68rem;font-weight:800;display:grid}.pt-series-label{color:#456080;font-size:.65rem;font-weight:700;position:absolute;left:0}.pt-series-label--lanthanides{top:calc(1.1rem + 8 * (var(--pt-cell-h) + .22rem))}.pt-series-label--actinides{top:calc(1.1rem + 9 * (var(--pt-cell-h) + .22rem))}.pt-series-placeholder{z-index:1;color:#45678d;text-align:center;background:repeating-linear-gradient(135deg,#f1f7ff,#f1f7ff 5px,#e8f1fd 5px 10px);border:1px dashed #8fb4df;border-radius:.38rem;place-content:center;padding:.25rem;display:grid}.pt-series-placeholder strong{font-size:.62rem}.pt-series-placeholder small{font-size:.48rem}.pt-series-placeholder--lanthanides{grid-area:6/3}.pt-series-placeholder--actinides{grid-area:7/3}.pt-element{grid-column:var(--grid-column);grid-row:var(--grid-row);text-align:left;min-width:0;color:var(--pt-category-text,#174276);background:var(--pt-category-bg,#edf5ff);border:1px solid var(--pt-category-border,#a9c9ee);cursor:pointer;border-radius:.4rem;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;padding:.3rem .38rem;transition:opacity .18s,transform .18s,filter .18s,box-shadow .18s;display:grid;position:relative}.pt-element:hover:not(.is-filtered),.pt-element:focus-visible{z-index:2;transform:translateY(-2px)scale(1.03);box-shadow:0 7px 16px #24549133}.pt-element.is-active{z-index:3;border-color:#7247df;box-shadow:0 0 0 2px #e9e1ff,0 8px 18px #6948cd3d}.pt-element.is-learned:after{z-index:4;color:#147c49;content:"✓";width:1rem;height:1rem;font-size:.65rem;font-weight:var(--weight-extrabold);background:#fff;border:1px solid #82c6a2;border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;top:.12rem;right:-.12rem}.pt-element.is-learned>em{visibility:hidden}.pt-element.is-favorite i{display:block}.pt-element.is-filtered{opacity:.13;filter:grayscale(.72);pointer-events:none}.pt-element>span{grid-area:1/1;font-size:.625rem;font-weight:700}.pt-element>strong{text-align:center;grid-area:2/1/auto/-1;align-self:center;font-size:1.2rem;line-height:1}.pt-element>small{text-align:center;text-overflow:clip;white-space:normal;grid-area:3/1/auto/-1;min-width:0;font-size:.625rem;font-weight:700;line-height:1.08;overflow:visible}.pt-element>em{color:#526985;text-align:right;grid-area:1/2;font-size:.6rem;font-style:normal}.pt-element.is-favorite>small{padding-inline:.3rem}.pt-element>i{z-index:4;background:#a66b00;border:1px solid #fff;border-radius:50%;width:.42rem;height:.42rem;display:none;position:absolute;bottom:.14rem;right:.12rem;box-shadow:0 0 0 1px #51300038}.pt-element--alkali-metal,.pt-legend__alkali-metal{--pt-category-text:#942b3a;--pt-category-bg:#fff0f2;--pt-category-border:#f3a7b1}.pt-element--alkaline-earth-metal,.pt-legend__alkaline-earth-metal{--pt-category-text:#80500f;--pt-category-bg:#fff7e8;--pt-category-border:#edc779}.pt-element--transition-metal,.pt-legend__transition-metal{--pt-category-text:#174c82;--pt-category-bg:#edf5ff;--pt-category-border:#9fc8ee}.pt-element--post-transition-metal,.pt-legend__post-transition-metal{--pt-category-text:#166268;--pt-category-bg:#eafafa;--pt-category-border:#8bd5d7}.pt-element--metalloid,.pt-legend__metalloid{--pt-category-text:#3b6525;--pt-category-bg:#f0fae9;--pt-category-border:#add88d}.pt-element--nonmetal,.pt-legend__nonmetal{--pt-category-text:#304e87;--pt-category-bg:#eef3ff;--pt-category-border:#aebfe9}.pt-element--halogen,.pt-legend__halogen{--pt-category-text:#88401f;--pt-category-bg:#fff1e9;--pt-category-border:#efa87e}.pt-element--noble-gas,.pt-legend__noble-gas{--pt-category-text:#574098;--pt-category-bg:#f3efff;--pt-category-border:#c9baf3}.pt-element--lanthanide,.pt-legend__lanthanide{--pt-category-text:#235d91;--pt-category-bg:#e7f8ff;--pt-category-border:#87cee9}.pt-element--actinide,.pt-legend__actinide{--pt-category-text:#6d3887;--pt-category-bg:#f7ecff;--pt-category-border:#d0a8ec}.pt-legend{border-top:1px solid #dde8f5;flex-wrap:wrap;gap:.7rem 1.15rem;margin-top:.7rem;padding:.85rem .5rem 0;display:flex}.pt-legend>span{color:#405a7c;align-items:center;gap:.4rem;font-size:.72rem;display:inline-flex}.pt-legend i{background:var(--pt-category-bg,#edf5ff);border:1px solid var(--pt-category-border,#9fc8ee);border-radius:.2rem;flex:none;width:1rem;height:1rem}.pt-details{scrollbar-width:thin;max-height:calc(100vh - 2rem);padding:1rem;display:none;position:sticky;top:1rem;overflow:auto}.pt-details.is-open{display:block}.pt-details>header{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #e5edf7;justify-content:space-between;align-items:start;gap:1rem;margin:-1rem -1rem 0;padding:1rem;display:flex;position:sticky;top:-1rem}.pt-details>header>div:first-child{min-width:0}.pt-details>header h2{margin:0;font-size:1.45rem}.pt-details>header p{color:var(--pt-muted);margin:0;font-size:.75rem}.pt-details>header button{border:1px solid var(--pt-border);cursor:pointer;background:#fff;border-radius:.65rem;width:2.75rem;height:2.75rem;margin-left:.25rem;font-size:1.2rem}.pt-details>header button[aria-pressed=true]{color:#9a6700;background:#fff8df;border-color:#e8c65b}.pt-details__summary{color:#4f6685;margin:.8rem 0;font-size:.76rem;line-height:1.55}.pt-details__hero{text-align:center;border:1px solid var(--color-line);border-radius:.65rem;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);align-items:center;margin-top:.8rem;padding:1rem;display:grid}.pt-details__hero div{display:grid}.pt-details__hero b{color:#0c2a55;font-size:3.3rem;line-height:1}.pt-details__hero em{color:#173c6c;font-style:normal;font-weight:var(--weight-bold)}.pt-details__hero span{color:var(--pt-muted);font-size:.65rem}.pt-details__badges{flex-wrap:wrap;gap:.4rem;margin:.7rem 0;display:flex}.pt-details__badges span{color:#285a96;background:#eef5ff;border:1px solid #c6d9f0;border-radius:2rem;padding:.3rem .6rem;font-size:.62rem}.pt-atom{margin:.5rem 0}.pt-atom svg{width:min(100%,12rem);height:auto;margin:auto}.pt-atom__shell{fill:none;stroke:#8ea1b8;stroke-width:1px}.pt-atom__electron{fill:#1574ae}.pt-atom__nucleus{fill:var(--cpk);stroke:#23385a;stroke-width:2px}.pt-atom text{fill:#071d3d;stroke:#ffffffeb;stroke-width:3px;paint-order:stroke;font-size:11px;font-weight:var(--weight-extrabold)}.pt-atom figcaption{color:var(--pt-muted);text-align:center;font-size:.62rem}.pt-properties{margin:.5rem 0}.pt-properties div{border-bottom:1px solid #edf2f7;justify-content:space-between;gap:.8rem;padding:.48rem 0;font-size:.72rem;display:flex}.pt-properties dt{color:var(--pt-muted)}.pt-properties dd{color:#173a68;text-align:right;max-width:58%;font-weight:var(--weight-semibold);margin:0}.pt-compounds h3,.pt-occurrence h3,.pt-fact h3{margin:.9rem 0 .45rem;font-size:.8rem}.pt-compounds>div{flex-wrap:wrap;gap:.35rem;display:flex}.pt-compounds>div>button,.pt-compounds>div>.pt-compound-chip{color:#2f568c;background:#f3f1ff;border:1px solid #d3c9f5;border-radius:.5rem;align-items:center;gap:.35rem;min-height:2.75rem;padding:.38rem .7rem;font-size:.74rem;display:inline-flex}.pt-compounds>div>button{cursor:pointer}.pt-compounds>div>button:hover{color:#5b3ec6;border-color:#a994e9}.pt-compounds>div>button small{color:#6f50d5;text-transform:uppercase;font-size:.58rem;font-weight:800}.pt-compounds__empty{color:var(--pt-muted);font-size:.72rem}.pt-occurrence p,.pt-fact p{margin:0;font-size:.74rem;line-height:1.55}.pt-fact{background:#fff9ed;border:1px solid #f2dfb1;border-radius:.65rem;margin-top:.8rem;padding:.75rem}.pt-fact h3{color:#835500}.pt-details__actions{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.8rem;display:grid}.pt-details__actions button{border:1px solid var(--pt-border);min-height:2.75rem;font-size:.7rem;font-weight:var(--weight-bold);cursor:pointer;background:#fff;border-radius:.6rem;justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.pt-details__actions button[aria-pressed=true]{color:#157243;background:#eaf8f0;border-color:#77c99c}.pt-details__actions .pt-primary{color:#fff;background:linear-gradient(135deg,#7046df,#873fe2);grid-column:1/-1}.pt-details__source{color:#526985;text-align:center;margin:.85rem 0 0;font-size:.62rem}.pt-dataset-note{color:#526985;text-align:center;margin:1rem .5rem 0;font-size:.68rem}.pt-training,.pt-progress{padding:1rem}.pt-training>header,.pt-progress>header{justify-content:space-between;align-items:center;display:flex}.pt-training h2,.pt-progress h2{margin:0}.pt-training header p,.pt-progress header p{color:var(--color-muted);margin:.2rem 0 0}.pt-training>header>span{color:#6744d9;font-weight:var(--weight-bold);background:#f1edff;border-radius:2rem;padding:.5rem .8rem}.pt-training__gallery{grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1rem;display:grid}.pt-training__gallery button{text-align:left;border:1px solid var(--pt-border);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border-radius:.75rem;grid-template-columns:2.5rem 1fr;gap:.35rem .7rem;padding:1rem;transition:all .18s;display:grid}.pt-training__gallery button:hover{border-color:#bba7ef;transform:translateY(-2px)}.pt-training__gallery button[aria-pressed=true]{border-color:#8c6be2;box-shadow:0 0 0 2px #eee8ff}.pt-training__gallery i{color:#6d48dc;background:#efe9ff;border-radius:.55rem;grid-row:1/4;place-items:center;width:2.5rem;height:2.5rem;font-style:normal;display:grid}.pt-training__gallery strong{font-size:.8rem}.pt-training__gallery span{color:var(--pt-muted);font-size:.72rem}.pt-training__gallery em{color:#6b49d9;font-size:.7rem;font-style:normal;font-weight:var(--weight-bold)}.pt-trainer{border:1px solid var(--color-line);background:#fbfdff;border-radius:.85rem;max-width:55rem;margin:1rem auto 0;padding:1.2rem}.pt-trainer>header{justify-content:space-between;display:flex}.pt-trainer h3{margin:.2rem 0 0}.pt-trainer header button{cursor:pointer;background:#edf2f8;border-radius:50%;width:2.75rem;height:2.75rem}.pt-trainer__prompt{color:#183d6c;text-align:center;font-size:1.15rem;font-weight:var(--weight-bold);background:#f2f0ff;border-radius:.65rem;margin:1rem 0;padding:1rem}.pt-trainer__options{grid-template-columns:repeat(2,1fr);gap:.55rem;display:grid}.pt-trainer__options button,.pt-trainer__placement button{border:1px solid var(--pt-border);cursor:pointer;background:#fff;border-radius:.55rem;min-height:3rem;padding:.6rem}.pt-trainer__options button.is-correct{color:#188349;background:#eafaef;border-color:#4ac37b}.pt-trainer__options button.is-wrong{color:#b53243;background:#fff0f2;border-color:#e76c79}.pt-trainer>p{min-height:1.5rem;margin:.7rem 0;font-size:.75rem}.pt-trainer>.pt-primary{min-width:12rem}.pt-trainer__placement{grid-template-columns:repeat(6,1fr);gap:.4rem;margin:.7rem 0}.pt-progress__cards{grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1rem 0;display:grid}.pt-progress__cards article{border:1px solid var(--color-line);background:#f7f9fd;border-radius:.7rem;padding:1.2rem;display:grid}.pt-progress__cards span{color:var(--color-muted);font-size:.7rem}.pt-progress__cards strong{font-size:1.4rem}.pt-progress>section{border:1px solid var(--color-line);border-radius:.7rem;margin-top:1rem;padding:1rem}.pt-progress>section h3{margin:0 0 .7rem;font-size:.9rem}.pt-progress__favorites,.pt-progress__achievements{color:var(--color-muted);flex-wrap:wrap;gap:.5rem;font-size:.75rem;display:flex}.pt-progress__favorites button,.pt-progress__achievements span{background:#f4f1ff;border-radius:.5rem;padding:.5rem .7rem}.pt-drawer-backdrop{z-index:399;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#091a3359;position:fixed;inset:0}.pt-model-dialog{border:1px solid var(--color-line);width:min(36rem,100% - 2rem);box-shadow:var(--shadow-lg);border-radius:1rem;padding:0}.pt-model-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#091a3361}.pt-model-dialog header{z-index:2;border-bottom:1px solid var(--color-line);background:#fff;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:relative}.pt-model-dialog header div{display:grid}.pt-model-dialog header span{color:var(--color-muted);font-size:.75rem}.pt-model-dialog header button{cursor:pointer;background:#edf2f8;border-radius:50%;width:2.75rem;height:2.75rem}.pt-model-dialog [data-compound-viewer]{height:22rem;color:var(--pt-muted);place-items:center;display:grid;position:relative;overflow:hidden}.pt-model-dialog [data-compound-viewer].is-loading:after{content:"";border:.2rem solid #ddd5fb;border-top-color:#7048df;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite pt-spin}.pt-model-dialog [data-compound-viewer].is-error{color:#a83848;background:#fff6f7}.pt-model-dialog>p{color:var(--color-muted);text-align:center;margin:0;padding:.75rem;font-size:.72rem}@keyframes pt-spin{to{transform:rotate(1turn)}}body.pt-drawer-open{overflow:hidden}@media (max-width:106rem){.pt-header{align-items:flex-start}.pt-header__metrics{grid-template-columns:repeat(3,1fr);display:grid}.pt-header__metrics>.chem-sound-toggle{grid-column:1}.pt-header__metrics>[data-open-training]{grid-column:2/-1;min-height:2.75rem}.pt-page-grid{grid-template-columns:minmax(0,1fr)}.pt-details{z-index:400;visibility:hidden;pointer-events:none;width:min(32rem,100% - 2rem);max-height:calc(100dvh - 2rem);transition:transform .25s,visibility 0s linear .25s;display:block;position:fixed;top:auto;bottom:1rem;right:1rem;transform:translateY(calc(100% + 2rem))}.pt-details.is-open{visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)}.periodic-page:not([data-initialized=true]) .pt-details{visibility:hidden;pointer-events:none;transform:translateY(calc(100% + 2rem))}.pt-legend-toggle{justify-self:start}}@media (min-width:106.01rem){.pt-details [data-close-details]{display:none}}@media (max-width:72rem){.pt-filters{grid-template-columns:minmax(15rem,1.5fr) repeat(2,1fr)}}@media (max-width:64rem){.pt-header{flex-direction:column}.pt-header__metrics{width:100%}.pt-training__gallery{grid-template-columns:repeat(2,1fr)}.pt-details{width:100%;max-height:88dvh;padding-bottom:calc(1rem + env(safe-area-inset-bottom));border-radius:1.25rem 1.25rem 0 0;bottom:0;right:0}.pt-details:before{content:"";background:#b9c8da;border-radius:999px;width:3rem;height:.28rem;margin:-.35rem auto .65rem;display:block}}@media (max-width:44rem){.periodic-page{--pt-cell-w:3.75rem;--pt-cell-h:4.25rem;width:100%;padding-top:.5rem}.pt-header{gap:.75rem;padding-inline:.75rem}.pt-breadcrumbs{margin-left:0!important}.pt-header__title>div>span{width:3rem;height:3rem}.pt-header__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.pt-header__metrics article{min-width:0;padding:.55rem .45rem}.pt-header__metrics small{font-size:.58rem;line-height:1.25}.pt-header__metrics strong{font-size:.9rem}.pt-header__metrics>.chem-sound-toggle,.pt-header__metrics>[data-open-training]{grid-column:1/-1;min-height:2.75rem}.pt-navigation{scroll-snap-type:x proximity;scrollbar-width:thin;border-radius:0;padding-inline:.25rem;overflow:auto}.pt-navigation button{scroll-snap-align:start;gap:.35rem;min-width:6.4rem;min-height:3.25rem;padding-inline:.25rem;font-size:.72rem}.pt-tab-label--full{display:none}.pt-tab-label--compact{display:inline}.pt-page-grid{gap:0}.pt-table-panel{border-radius:0;flex-direction:column;padding:.75rem;display:flex}.pt-filters{order:1;grid-template-columns:1fr 1fr}.pt-legend{border-top:1px solid #dde8f5;border-bottom:1px solid #dde8f5;order:2;margin:.2rem 0 .65rem;padding:.7rem 0}.pt-scroll-hint{order:3;display:block}.pt-grid-scroll{order:4}.pt-search{grid-column:1/-1}.pt-legend-toggle{white-space:normal;grid-column:1;font-size:.68rem}.pt-filters [data-clear-filters]{grid-column:2}.pt-filters input,.pt-filters select,.pt-filters button{min-height:2.75rem;font-size:1rem}.pt-filters output{font-size:.75rem}.pt-grid-scroll{margin-inline:-.75rem;padding-left:.75rem}.pt-element>em{display:none}.pt-element>small{grid-column:1/-1;font-size:.625rem}.pt-element>strong{font-size:1.05rem}.pt-series-label{font-size:.58rem}.pt-series-placeholder small{display:none}.pt-training,.pt-progress{border-radius:0}.pt-training__gallery,.pt-progress__cards,.pt-trainer__options{grid-template-columns:1fr}.pt-trainer__placement{grid-template-columns:repeat(2,1fr)}.pt-details__actions{grid-template-columns:1fr}.pt-details__actions .pt-primary{grid-column:auto}.pt-dataset-note{padding-inline:.75rem}}@media (prefers-reduced-motion:reduce){.periodic-page *,.periodic-page :before,.periodic-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}.pt-header h1{max-width:24ch;font-size:clamp(1.75rem,1.5rem + 1.15vw,2.35rem);font-weight:var(--weight-extrabold);line-height:var(--leading-heading)}.pt-header p{max-width:62ch;font-size:var(--pt-fs-body);line-height:var(--leading-body)}.pt-header__metrics small,.pt-filters output,.pt-scroll-hint,.pt-details>header p,.pt-details__hero span,.pt-details__badges span,.pt-atom figcaption,.pt-compounds>div>button small,.pt-details__source,.pt-dataset-note,.pt-training__gallery em,.pt-progress__cards span,.pt-model-dialog header span,.pt-model-dialog>p{font-size:var(--pt-fs-caption);line-height:var(--leading-ui)}.pt-header__metrics strong{font-size:var(--text-md);line-height:var(--leading-heading)}.pt-header__metrics>button,.pt-primary,.pt-navigation button,.pt-filters input,.pt-filters select,.pt-filters button,.pt-legend-toggle,.pt-details__actions button,.pt-trainer__options button,.pt-trainer__placement button{font-size:var(--pt-fs-ui);font-weight:var(--weight-bold);line-height:var(--leading-ui)}.pt-filters input,.pt-filters select,.pt-filters button{min-height:3rem}.pt-legend>span,.pt-details__summary,.pt-properties div,.pt-compounds>div>button,.pt-compounds>div>.pt-compound-chip,.pt-compounds__empty,.pt-occurrence p,.pt-fact p,.pt-training header p,.pt-progress header p,.pt-training__gallery span,.pt-trainer>p,.pt-progress__favorites,.pt-progress__achievements{font-size:var(--pt-fs-body);line-height:var(--leading-body)}.pt-details>header h2{max-width:18ch;font-size:var(--pt-fs-title);font-weight:var(--weight-extrabold);line-height:var(--leading-heading)}.pt-details__summary{color:#425b7d}.pt-details__hero strong{font-size:var(--text-md)}.pt-details__hero em{overflow-wrap:anywhere;line-height:var(--leading-ui)}.pt-details__badges span{padding:.38rem .66rem}.pt-properties div{align-items:start}.pt-properties dd{overflow-wrap:anywhere;font-weight:var(--weight-semibold)}.pt-compounds h3,.pt-occurrence h3,.pt-fact h3,.pt-progress>section h3{font-size:var(--text-sm);font-weight:var(--weight-extrabold);line-height:var(--leading-heading)}.pt-details__actions button{white-space:normal;min-width:0;padding:.65rem}.pt-training h2,.pt-progress h2{font-size:var(--text-xl);line-height:var(--leading-heading)}.pt-training__gallery strong{font-size:var(--text-sm);font-weight:var(--weight-extrabold);line-height:var(--leading-heading)}.pt-trainer h3{font-size:var(--text-md);line-height:var(--leading-heading)}.pt-trainer__prompt{font-size:var(--text-md);line-height:var(--leading-body)}.pt-progress__cards strong{font-size:var(--text-lg);line-height:var(--leading-heading)}.pt-model-dialog>p{line-height:var(--leading-body)}.pt-element>small,.pt-series-placeholder,.pt-training__gallery button,.pt-details,.pt-trainer,.pt-progress{overflow-wrap:anywhere}@media (max-width:44rem){.pt-header__metrics article{min-height:4.85rem}.pt-header__metrics small{font-size:var(--pt-fs-caption)}.pt-header__metrics strong{font-size:var(--text-base)}.pt-navigation button{min-width:7.25rem;font-size:var(--pt-fs-ui)}.pt-legend-toggle{font-size:var(--pt-fs-ui)}.pt-filters output{font-size:var(--pt-fs-caption)}.pt-series-label{font-size:.625rem}.pt-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.pt-filters>label{min-width:0}.pt-filters input,.pt-filters select,.pt-filters button{font-size:1rem}}@media (max-width:23rem){.pt-filter-field--category,.pt-filter-field--state{grid-column:1/-1}}