#chem-ref-periodic .pt-detail{grid-template-columns:minmax(280px,330px) 90px minmax(0,1fr);align-items:start;gap:18px;min-height:320px}
#chem-ref-periodic .pt-atom-stage{min-width:0}
#chem-ref-periodic .pt-atom-wrap{width:100%;height:258px;border:1px solid #c7dbd5;border-radius:18px;background:radial-gradient(circle at 50% 45%,#f3fbf8 0%,#e9f4ef 66%,#f9fcfa 100%);box-shadow:inset 0 2px 14px #376a5610}
#chem-ref-periodic .pt-drag-hint{bottom:7px;font-size:12px;font-weight:650}
#chem-ref-periodic .pt-shell-strip{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}
#chem-ref-periodic .pt-shell-strip span{display:grid;gap:1px;min-width:46px;padding:5px 7px;border-radius:8px;background:#e9f4ef;color:#235c52;text-align:center}
#chem-ref-periodic .pt-shell-strip small{font-size:10px;line-height:1.1}
#chem-ref-periodic .pt-shell-strip strong{font-size:13px;line-height:1.2}
#chem-ref-periodic .pt-shell-note{margin:9px 0 0;font-size:12px;line-height:1.45;color:#526d66}
#chem-ref-periodic .pt-identity{margin-top:8px}
@media(max-width:1050px){#chem-ref-periodic .pt-detail{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}#chem-ref-periodic .pt-identity{grid-column:2;grid-row:1}#chem-ref-periodic .pt-detail>div:last-child{grid-column:2;grid-row:1;margin-top:106px}}
@media(max-width:700px){#chem-ref-periodic .pt-detail{grid-template-columns:1fr 78px;padding:14px}#chem-ref-periodic .pt-atom-stage{grid-column:1/-1}#chem-ref-periodic .pt-atom-wrap{height:250px}#chem-ref-periodic .pt-identity{grid-column:1;grid-row:auto;margin-top:0}#chem-ref-periodic .pt-detail>div:last-child{grid-column:1/-1;grid-row:auto;margin-top:0}}