/* Local periodic-table answer */
.periodic-card{max-width:1120px;margin:0 auto 22px;padding:22px;border:1px solid var(--b);border-radius:24px;background:var(--bg-card);box-shadow:0 12px 34px rgba(17,24,39,.08)}
.pt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.pt-eyebrow{margin:0 0 4px;color:var(--ac);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pt-head h2{margin:0;font-size:25px;letter-spacing:-.045em}.pt-sub{margin:5px 0 0;color:var(--t2);font-size:14px}.pt-filter{width:min(250px,100%);min-height:42px;padding:0 13px;border:1px solid var(--b);border-radius:12px;background:var(--bg);color:var(--t1);font:inherit;outline:none}.pt-filter:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--ac-a)}
.pt-grid-wrap{overflow-x:auto;padding:4px 2px 12px}.pt-grid{display:grid;grid-template-columns:repeat(18,minmax(42px,1fr));grid-template-rows:repeat(10,52px);gap:4px;min-width:820px}.pt-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:3px;border:1px solid transparent;border-radius:10px;color:#17202a;font:inherit;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.pt-cell:hover,.pt-cell.selected{z-index:1;transform:translateY(-2px);border-color:rgba(0,113,227,.55);box-shadow:0 6px 15px rgba(0,113,227,.18)}.pt-cell.dim{opacity:.16}.pt-num{position:absolute;top:4px;left:5px;font-size:9px;font-weight:700;opacity:.72}.pt-sym{font-size:18px;font-weight:850;line-height:1}.pt-name{max-width:100%;margin-top:3px;overflow:hidden;font-size:9px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.pt-series{display:flex;align-items:center;justify-content:center;border:1px dashed var(--b);border-radius:10px;background:var(--bg);color:var(--t2);font-size:10px;font-weight:750}.cat-alkali{background:#ffd7dc}.cat-alkaline{background:#ffe5c1}.cat-transition{background:#d9e9ff}.cat-post{background:#dcefe6}.cat-metalloid{background:#e6dafa}.cat-nonmetal{background:#d8f2df}.cat-halogen{background:#f9d8ef}.cat-noble{background:#d7e7fb}.cat-lanthanide{background:#ffe3b4}.cat-actinide{background:#f7d1c9}.cat-unknown{background:#e7e8eb}
.pt-detail{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;margin:14px 0 0;padding:17px 18px;border:1px solid var(--b);border-radius:18px;background:linear-gradient(135deg,var(--ac-a),rgba(175,82,222,.06))}.pt-detail-symbol{display:grid;place-items:center;width:70px;height:70px;border-radius:18px;background:var(--ac);color:#fff;font-size:31px;font-weight:850;box-shadow:0 8px 20px rgba(0,113,227,.22)}.pt-detail h3{margin:0;font-size:21px;letter-spacing:-.035em}.pt-detail p{margin:3px 0 0;color:var(--t2);font-size:13px}.pt-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pt-fact{padding:7px 9px;border:1px solid var(--b);border-radius:10px;background:var(--bg-card);font-size:12px;color:var(--t2)}.pt-fact strong{color:var(--t1)}.pt-legend{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 0}.pt-legend span{display:inline-flex;align-items:center;gap:5px;color:var(--t2);font-size:11px}.pt-legend i{width:10px;height:10px;border-radius:3px}.pt-show-table{margin-top:13px;min-height:40px;padding:0 14px;border:1px solid var(--b);border-radius:11px;background:var(--bg-card);color:var(--t1);font:700 13px/1 inherit;cursor:pointer}.pt-show-table:hover{border-color:var(--ac);color:var(--ac)}
[data-theme="dark"] .pt-cell{color:#17202a}.pt-result-only{max-width:760px}.pt-result-only .pt-head{margin-bottom:2px}
@media(max-width:640px){.periodic-card{margin-left:0;margin-right:0;padding:16px;border-radius:19px}.pt-head{display:block}.pt-filter{width:100%;margin-top:14px}.pt-grid{grid-template-columns:repeat(18,42px);gap:3px;min-width:801px}.pt-cell{border-radius:8px}.pt-detail{gap:12px;padding:14px}.pt-detail-symbol{width:58px;height:58px;border-radius:15px;font-size:26px}.pt-detail h3{font-size:19px}.pt-facts{gap:6px}.pt-fact{font-size:11px;padding:6px 7px}}