/* Styles of tool: Periodic Table of Elements */
.pt-table{display:grid;grid-template-columns:repeat(18,1fr);gap:2px;overflow-x:auto;min-width:600px}
.tool-box .pt-el{aspect-ratio:1;min-width:30px;padding:2px!important;border:0!important;border-radius:3px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;cursor:pointer}
.pt-el.dim{opacity:.18}
.pt-num{font-size:.5rem;opacity:.7}
.pt-sym{font-size:.85rem;font-weight:700}
.cat-nonmetal{background:#c6f6d5}.cat-noble{background:#c4b5fd}.cat-alkali{background:#fca5a5}.cat-alkaline{background:#fcd34d}.cat-metalloid{background:#a7f3d0}.cat-halogen{background:#93c5fd}.cat-metal{background:#cbd5e1}.cat-transition{background:#f9a8d4}.cat-lanthanide{background:#fdba74}.cat-actinide{background:#fda4af}
.pt-detail{margin-top:16px}
.pt-card{display:flex;gap:16px;align-items:center;padding:16px;border-radius:10px}
.pt-card-sym{font-size:3rem;font-weight:800;min-width:80px;text-align:center}
.pt-card h3{margin:0}
@media(max-width:700px){.pt-table{min-width:540px}}