.pt-root{--c-matematik: var(--c-kimya, var(--accent))}.pt-canvas{min-height:480px;padding:.85rem}.pt-frame{display:flex;flex-direction:column;gap:.85rem}.pt-shell{flex:1;min-height:0;display:grid;grid-template-columns:1fr;gap:.85rem}@media(min-width:900px){.pt-shell{grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:minmax(0,1fr);align-items:stretch}}.pt-stage{position:relative;min-width:0;container:pt-stage / inline-size}.pt-infobox{order:-1;min-width:0;display:flex;flex-direction:column}@media(min-width:900px){.pt-infobox{order:0}}.pt-tablewrap{height:100%;display:flex;gap:.85rem;align-items:stretch;transition:opacity .3s ease,transform .3s ease}.pt-tablewrap.is-hidden{opacity:0;transform:scale(.97);pointer-events:none}.pt-tableview{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.85rem;background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:.85rem}.pt-grid-wrap{container-type:inline-size}.pt-topbar{display:flex;align-items:center;gap:1rem;flex-shrink:0}.pt-topbar-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pt-topbar .interactive-fs-btn{position:static;margin-left:auto;flex-shrink:0}@keyframes pt-mp-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.pt-ev-back{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem .45rem .6rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s ease,transform .15s ease}.pt-ev-back:hover{background:var(--bg);transform:translate(-2px)}.pt-ev-back:focus-visible{outline:2px solid var(--c, var(--accent));outline-offset:2px}.pt-mp-body{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(260px,1fr);gap:.85rem;animation:pt-mp-in .32s cubic-bezier(.22,.61,.36,1)}@media(min-width:900px){.pt-mp-body{grid-template-columns:250px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}}.pt-mp-list{min-height:0;overflow-y:auto;background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:.75rem}@media(max-width:639px){.pt-mp-list{max-height:30vh}}.pt-mp-desc{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.7rem;background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem}.pt-mp-desc-head{display:flex;flex-direction:column;gap:.15rem;padding-bottom:.7rem;border-bottom:1px solid var(--line)}.pt-mp-desc-formula{font-family:var(--font-display);font-size:1.4rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink)}.pt-mp-desc-name{font-size:.95rem;color:var(--ink-soft)}.pt-mp-desc-text{margin:0;font-size:.92rem;line-height:1.6;color:var(--ink)}.pt-mp-desc-empty{margin:0;font-size:.9rem;font-style:italic;color:var(--ink-soft)}.pt-mp-legend{margin-top:auto;padding-top:.85rem;display:flex;flex-direction:column;gap:.45rem}.pt-mp-legend-title{margin:0 0 .15rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-mute)}.pt-mp-legend-item{display:flex;align-items:center;gap:.55rem;font-size:.85rem}.pt-mp-legend-swatch{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.3);box-shadow:inset 0 1px 1px #fff6}.pt-mp-legend-sym{font-family:var(--font-display);font-weight:700;color:var(--ink);min-width:1.4rem}.pt-mp-legend-name{color:var(--ink-soft)}.pt-mol-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.pt-mol-group+.pt-mol-group{margin-top:.9rem}.pt-mol-group-title{margin:0 0 .45rem .25rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute)}.pt-mol-count{margin-left:auto;min-width:1.9rem;padding:.15rem .4rem;border-radius:999px;font-size:.7rem;font-weight:600;text-align:center;font-variant-numeric:tabular-nums;color:var(--ink-soft);background:var(--bg-card);border:1px solid var(--line);flex-shrink:0}.pt-mol-item.is-active .pt-mol-count{color:#fff;background:var(--c, var(--accent));border-color:transparent}.pt-mol-item{width:100%;display:flex;align-items:center;gap:.7rem;padding:.6rem .85rem;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}.pt-mol-item:hover{border-color:var(--c, var(--accent))}.pt-mol-item.is-active{border-color:var(--c, var(--accent));background:var(--c-soft, var(--bg-card))}.pt-mol-text{display:flex;flex-direction:column;gap:.05rem;min-width:0}.pt-mol-formula{font-family:var(--font-display);font-weight:700;font-size:1.05rem;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}.pt-mol-name{min-width:0;font-size:.82rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-ev-canvas{position:relative;min-height:280px;border-radius:14px;overflow:hidden}.pt-ev-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);text-align:center;padding:1.5rem}.cp-viewer.is-fullscreen .pt-root .interactive-hint{display:none}.cp-viewer.is-fullscreen .pt-tablewrap{height:100%}.cp-viewer.is-fullscreen .pt-tableview{container-type:size;height:100%;align-items:center;justify-content:center}.cp-viewer.is-fullscreen .pt-grid-wrap{width:min(100%,calc(180cqh - 180px))}.cp-viewer.is-fullscreen .pt-detail-card{overflow:hidden}.cp-viewer.is-fullscreen .pt-detail-atom{min-height:0}.cp-viewer.is-fullscreen .bohr-atom{max-width:200px;max-height:30vh}@media(prefers-reduced-motion:reduce){.pt-tableview{transition:none}.pt-mp-body{animation:none}}.pt-detail-card{flex:1;display:flex;flex-direction:column;gap:.4rem;padding:1.1rem 1.2rem;border-radius:14px;border:1px solid rgba(0,0,0,.12);color:#1a1d2e}@media(min-width:900px){.pt-infobox{position:relative}.pt-detail-card{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;container:pt-card / size}}@container pt-card (max-height: 700px){.pt-detail-card .pt-detail-atom{display:none}}.pt-detail-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pt-detail-z{font-size:.9rem;font-weight:600;color:#0009;font-variant-numeric:tabular-nums}.pt-detail-sym{font-family:var(--font-display);font-size:3rem;font-weight:800;line-height:1;color:#1a1d2e}.pt-detail-name{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:#1a1d2e}.pt-detail-cat{font-size:.78rem;color:#0009;text-transform:uppercase;letter-spacing:.05em}.pt-detail-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem;margin-top:.5rem;padding-top:.85rem;border-top:1px solid rgba(0,0,0,.15)}.pt-detail-rows span{display:flex;flex-direction:column;gap:.1rem;font-size:.92rem;color:#1a1d2e;word-break:break-word}.pt-detail-rows strong{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#0000008c}.pt-detail-models{display:flex;align-items:center;gap:.7rem;margin-top:.5rem;flex-shrink:0;padding:.7rem .85rem;border-radius:12px;border:1px solid rgba(0,0,0,.14);background:#ffffffb3;color:#1a1d2e;font:inherit;font-size:.9rem;font-weight:700;text-align:left;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.pt-detail-models:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.pt-detail-models:focus-visible{outline:2px solid var(--c-kimya, var(--accent));outline-offset:2px}.pt-detail-models .pt-legend-3d{font-size:.8rem;padding:.3em .45em}.pt-detail-models small{display:block;font-size:.75rem;font-weight:500;color:#0009}.pt-detail-models-arrow{margin-left:auto;font-size:1.1rem}.pt-detail-atom{margin-top:auto;flex:0 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.9rem;border-radius:12px;border:1px solid rgba(0,0,0,.14);background:#ffffff80}.bohr-atom{flex:0 1 auto;min-height:0;width:auto;max-width:100%;height:190px;display:block}.bohr-shell{fill:none;stroke:#0003;stroke-width:1}.bohr-shell-rot{transform-box:view-box;transform-origin:center;animation-name:bohr-spin;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes bohr-spin{to{transform:rotate(360deg)}}.pt-detail-atom-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem .9rem;font-size:.78rem;color:#1a1d2e}.pt-detail-atom-legend span{display:inline-flex;align-items:center;gap:.3rem}.bohr-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.bohr-dot--p{background:#e23b2e}.bohr-dot--n{background:#b9c0cc}.bohr-dot--e{background:#2f6bff}@media(prefers-reduced-motion:reduce){.bohr-shell-rot{animation:none}}.pt-group-row{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:clamp(1px,.35cqw,3px);margin-bottom:clamp(1px,.3cqw,3px)}.pt-group-label{text-align:center;font-size:clamp(.32rem,1.15cqw,.62rem);font-weight:700;letter-spacing:.02em;color:var(--ink-soft);font-variant-numeric:tabular-nums}.pt-grid{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:repeat(7,auto) clamp(.4rem,3cqw,2.5rem) repeat(2,auto);gap:clamp(1px,.35cqw,3px)}.pt-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;min-width:0;padding:clamp(1px,.4cqw,4px);border-radius:clamp(2px,.5cqw,5px);border:1px solid rgba(0,0,0,.15);background:var(--bg-card);color:var(--ink);cursor:pointer;font:inherit;transition:transform .1s ease,box-shadow .1s ease,opacity .2s ease,filter .2s ease;text-align:center;overflow:hidden}.pt-cell:hover,.pt-cell.is-selected{transform:scale(1.08);z-index:5;box-shadow:0 4px 12px #0000002e}.pt-cell.is-selected{outline:2px solid var(--c-kimya, var(--accent))}.pt-cell.is-dim,.pt-placeholder.is-dim{opacity:.22;filter:saturate(.4)}.pt-cell.has-models:after{content:"3D";position:absolute;top:clamp(1px,.25cqw,3px);right:clamp(1px,.25cqw,3px);padding:.1em .25em;border-radius:.35em;font-size:clamp(.28rem,.75cqw,.48rem);font-weight:800;line-height:1;letter-spacing:.02em;color:#fff;background:var(--c-kimya, var(--accent))}.pt-legend-3d{display:inline-block;padding:.12em .35em;border-radius:.35em;font-size:.8em;font-weight:800;line-height:1.1;color:#fff;background:var(--c-kimya, var(--accent));vertical-align:.05em}.pt-cell-z{font-size:clamp(.34rem,1.2cqw,.66rem);line-height:1;color:#000000b3;font-variant-numeric:tabular-nums}.pt-cell-sym{font-family:var(--font-display);font-size:clamp(.52rem,2.4cqw,1.25rem);font-weight:700;line-height:1;color:#1a1d2e}.pt-cell-name{font-size:clamp(.3rem,1cqw,.6rem);line-height:1.1;color:#000000a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@container (max-width: 620px){.pt-cell-name{display:none}}.pt-placeholder{display:flex;align-items:center;justify-content:center;font-size:clamp(.4rem,1.4cqw,.62rem);color:var(--ink-soft);background:var(--bg);border:1px dashed var(--line);border-radius:4px}.pt-cell--alkali{background:#fde2e2}.pt-cell--toprak-alkali{background:#fde6c4}.pt-cell--gecis{background:#fdf3c4}.pt-cell--temel-metal{background:#d9e6f7}.pt-cell--yari-metal{background:#e6d9f7}.pt-cell--ametal{background:#d4f5d4}.pt-cell--halojen{background:#f7e0bd}.pt-cell--asal-gaz{background:#c4ddfd}.pt-cell--lantanit{background:#f0d3f7}.pt-cell--aktinit{background:#f7c4d9}.pt-legend{grid-row:1 / 4;grid-column:3 / 13;align-self:center;display:flex;flex-direction:column;gap:clamp(.3rem,.9cqw,.6rem);padding:0 clamp(.25rem,1.2cqw,1rem);min-width:0}.pt-legend-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(2px,.4cqw,5px) clamp(4px,.8cqw,10px)}.pt-legend-chip{display:flex;align-items:center;gap:.4em;min-width:0;padding:.3em .5em;border:1px solid transparent;border-radius:999px;background:none;color:var(--ink);font:inherit;font-size:clamp(.5rem,1.15cqw,.78rem);font-weight:600;line-height:1.15;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.pt-legend-chip:hover,.pt-legend-chip.is-active{background:var(--bg);border-color:var(--line)}.pt-legend-chip[aria-pressed=true]{border-color:var(--c-kimya, var(--accent))}.pt-legend-chip:focus-visible{outline:2px solid var(--c-kimya, var(--accent));outline-offset:1px}.pt-legend-swatch{width:1em;height:1em;flex-shrink:0;border-radius:.3em;border:1px solid rgba(0,0,0,.18)}.pt-legend-desc{margin:0;min-height:2.6em;padding:0 .5em;font-size:clamp(.5rem,1.1cqw,.78rem);line-height:1.3;color:var(--ink-soft)}.pt-legend-desc strong{color:var(--ink)}@container (max-width: 620px){.pt-legend{grid-row:11;grid-column:1 / -1;padding:.5rem 0 0}.pt-legend-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.pt-legend-chip,.pt-legend-desc{font-size:.72rem}}.content-page--wide .container:has(.pt-root){max-width:clamp(1000px,calc(200vh - 300px),1680px)}@media(min-width:900px){@container pt-stage (max-width: 900px){.pt-mp-body{grid-template-columns:210px minmax(0,1fr)}.pt-ev-canvas{min-height:0}}}.pt-modes{display:flex;flex-wrap:wrap;gap:.25rem;padding:.2rem;margin-right:auto;border-radius:999px;background:var(--bg-card);border:1px solid var(--line)}.pt-mode{padding:.3rem .75rem;border:0;border-radius:999px;background:none;color:var(--ink-soft);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.pt-mode:hover{color:var(--ink);background:var(--bg)}.pt-mode.is-active{background:var(--c-kimya, var(--accent));color:#fff}.pt-mode:focus-visible{outline:2px solid var(--c-kimya, var(--accent));outline-offset:2px}.pt-cell.is-colored{background:var(--cell-bg);border-color:#0000001f}.pt-cell.is-colored .pt-cell-sym,.pt-cell.is-colored .pt-cell-z,.pt-cell.is-colored .pt-cell-name{color:var(--cell-fg)}.pt-cell.is-colored .pt-cell-z,.pt-cell.is-colored .pt-cell-name{opacity:.8}.pt-cell.is-predicted,.pt-swatch-predicted{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.45) 0 3px,transparent 3px 7px)}.pt-swatch-predicted{background-color:#8d92a3}.pt-cell.pt-cell--nodata{background:var(--bg);border:1px dashed var(--line)}.pt-cell.pt-cell--nodata .pt-cell-sym,.pt-cell.pt-cell--nodata .pt-cell-z,.pt-cell.pt-cell--nodata .pt-cell-name{color:var(--ink-mute)}.pt-legend--metric{gap:clamp(.2rem,.6cqw,.45rem)}.pt-scale-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:clamp(.55rem,1.15cqw,.8rem);color:var(--ink)}.pt-scale-head span{font-variant-numeric:tabular-nums;color:var(--ink-soft);white-space:nowrap}.pt-scale{position:relative;height:clamp(8px,1.1cqw,12px)}.pt-scale-bar{height:100%;border-radius:999px}.pt-scale-marker{position:absolute;top:50%;width:clamp(10px,1.5cqw,16px);height:clamp(10px,1.5cqw,16px);border-radius:50%;background:var(--bg-card);border:2px solid var(--ink);transform:translate(-50%,-50%);transition:left .2s ease;pointer-events:none}.pt-scale-ends{display:flex;justify-content:space-between;gap:.5rem;font-size:clamp(.5rem,1cqw,.7rem);color:var(--ink-soft);font-variant-numeric:tabular-nums}.pt-scale-nodata{display:inline-flex;align-items:center;gap:.3em}.pt-scale-nodata i{width:.9em;height:.9em;border-radius:.2em;background:var(--bg);border:1px dashed var(--ink-mute)}.pt-legend-chip.is-static{cursor:default}.pt-legend-chip.is-static:hover{background:none;border-color:transparent}.pt-detail-rows .is-wide{grid-column:1 / -1}.pt-detail-rows .is-metric{margin:-.25rem -.4rem;padding:.25rem .4rem;border-radius:8px;background:#fff9;box-shadow:inset 3px 0 0 var(--c-kimya, var(--accent))}.pt-detail-na{font-style:normal;color:#00000073}.pt-detail-source{margin:.2rem 0 0;font-size:.66rem;color:#00000080}.pt-mp-facts{display:flex;flex-wrap:wrap;gap:.35rem}.pt-mp-fact{padding:.2rem .6rem;border-radius:999px;font-size:.75rem;color:var(--ink-soft);background:var(--bg);border:1px solid var(--line)}.pt-mp-fact strong{color:var(--ink);font-variant-numeric:tabular-nums}.pt-mp-structure{margin:0;font-size:.85rem;color:var(--ink-soft)}.pt-mp-structure strong{color:var(--ink)}.pt-comp-bar{display:flex;gap:2px;height:10px;margin-bottom:.2rem}.pt-comp-bar span{min-width:3px;border:1px solid rgba(0,0,0,.12)}.pt-comp-bar span:first-child{border-radius:4px 0 0 4px}.pt-comp-bar span:last-child{border-radius:0 4px 4px 0}.pt-comp-bar span:only-child{border-radius:4px}.pt-mp-legend-n{color:var(--ink-mute);font-variant-numeric:tabular-nums}.pt-mp-legend-pct{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.pt-mp-link{align-self:flex-start;font-size:.85rem;font-weight:600;color:var(--accent);text-decoration:none}.pt-mp-link:hover{text-decoration:underline}@media(min-width:900px){.pt-infobox>.pt-mp-desc{position:absolute;top:0;right:0;bottom:0;left:0}}