.ca-periodic-trigger,.pt-open-inline{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #c8ddd4;border-radius:9px;background:#f5faf7;color:#17685f;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;padding:10px 13px;cursor:pointer;min-height:42px}
.sidebar>.ca-periodic-trigger{display:flex;margin:10px 16px;width:calc(100% - 32px);font-size:13px}.pt-open-inline:hover,.ca-periodic-trigger:hover{background:#e6f3ed}.gc-practice-top>.pt-open-inline{margin-left:auto;margin-right:12px}.gc-check-head .pt-open-inline{margin:0 0 14px}
#caPeriodicTable{padding:0;border:1px solid #cbded5;border-radius:18px;width:min(1260px,96vw);max-width:96vw;max-height:92dvh;background:#f7faf8;color:#24444e;box-shadow:0 25px 90px #102a3b50;font:14px/1.55 'DM Sans',system-ui,sans-serif;overflow:hidden}
#caPeriodicTable::backdrop{background:#183a4666;backdrop-filter:blur(3px)}#caPeriodicTable *{box-sizing:border-box}#caPeriodicTable button,#caPeriodicTable input,#caPeriodicTable select{font:inherit}#caPeriodicTable button{cursor:pointer}#caPeriodicTable [hidden]{display:none!important}#caPeriodicTable button:focus-visible,#caPeriodicTable input:focus-visible,#caPeriodicTable select:focus-visible,#caPeriodicTable summary:focus-visible,.pt-scroll:focus-visible{outline:3px solid #087b76;outline-offset:3px}
.pt-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid #dce7e1;background:#fff}.pt-header p{margin:0;color:#33786e;font-size:10px;font-weight:800;letter-spacing:.12em}.pt-header h2{margin:2px 0 0;font-size:23px;color:#1e3a4f}.pt-header button{width:42px;height:42px;border:1px solid #d8e4dd;background:#f7faf8;border-radius:9px;font-size:25px!important;flex-shrink:0}.pt-body{max-height:calc(92dvh - 90px);overflow:auto;overscroll-behavior:contain;padding:20px 24px 28px}.pt-intro{margin-top:0}.pt-toolbar{display:grid;grid-template-columns:2fr 1fr;gap:16px}.pt-toolbar label,.pt-card>label{display:grid;gap:6px;font-weight:650;font-size:12px}#caPeriodicTable input,#caPeriodicTable select{width:100%;min-height:44px;background:#fff;border:1px solid #c7dcd1;border-radius:8px;color:#24444e;padding:10px 12px;font-size:16px}.pt-hint{font-size:12px;color:#5b746e;line-height:1.5}.pt-detail{background:white;border:1px solid #d4e4db;border-radius:12px;padding:18px;min-height:170px}.pt-element-heading{display:flex;align-items:center;gap:16px}.pt-element-heading h3{margin:0;font-size:23px}.pt-element-heading p{margin:0;font-size:12px}.pt-element-heading>div>span{font-size:12px;color:#557269}.pt-large-symbol{display:grid;place-items:center;min-width:64px;height:64px;border-radius:10px;font-size:30px;font-weight:800;background:var(--pt-color,#edf4f0);color:#203e48}.pt-detail dl{display:flex;gap:36px;flex-wrap:wrap;margin:14px 0}.pt-detail dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#667d74}.pt-detail dd{margin:3px 0 0;font-weight:650}.pt-detail details{font-size:12px}.pt-detail summary{cursor:pointer;color:#14685e}.pt-detail details p{margin:8px 0}.pt-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding:4px}.pt-grid{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:20px repeat(7,82px) 14px repeat(2,82px);gap:4px;min-width:990px}.pt-grid .pt-element{background:var(--pt-color,#edf4f0);border:1px solid #aec5bc;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:3px 1px;color:#203e48;transition:box-shadow .1s}.pt-element>strong{font-size:20px;line-height:1.1}.pt-element>span{font-size:8px;white-space:nowrap}.pt-element>small{font-size:9px}.pt-element:hover{box-shadow:inset 0 0 0 2px #548c80}.pt-element[aria-pressed=true]{outline:3px solid #087b76;outline-offset:0;position:relative;z-index:1}.pt-element.pt-muted{opacity:.3}.pt-group,.pt-series,.pt-series-label{display:grid;place-content:center;text-align:center;font-size:11px;color:#5c746b}.pt-series-label{text-align:right;padding-right:10px}.pt-legend{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.pt-legend>span{background:var(--pt-color,#edf4f0);color:#26454b;font-size:10px;padding:5px 8px;border-radius:5px;border:1px solid #c6d7cf}.pt-alkali-metal{--pt-color:#f8e1cd}.pt-alkaline-earth-metal{--pt-color:#f4ebc9}.pt-transition-metal{--pt-color:#dcecf4}.pt-post-transition-metal{--pt-color:#e3e4f3}.pt-metalloid{--pt-color:#d5eee0}.pt-nonmetal{--pt-color:#e2f2d2}.pt-halogen{--pt-color:#d0eeeb}.pt-noble-gas{--pt-color:#eedff2}.pt-lanthanide{--pt-color:#f4dfdf}.pt-actinide{--pt-color:#eddecf}.pt-results{display:flex;flex-wrap:wrap;gap:8px;max-height:180px;overflow:auto;margin:12px 0}.pt-results button{border:1px solid #b8d3c6;border-radius:7px;background:#fff;color:#274a4d;padding:9px 12px;min-height:42px}.pt-results button[aria-pressed=true]{border:2px solid #087b76;background:#e8f5ef}.pt-results strong{margin-right:5px}.pt-results small{color:#648078;margin-left:6px}.pt-reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.pt-card{padding:18px;border:1px solid #d5e4dc;border-radius:12px;background:white}.pt-card h3{margin:0 0 14px;font-size:18px}.pt-ion-scroll{max-height:350px;overflow:auto;margin-top:12px}.pt-card table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.pt-card th{position:sticky;top:0;background:#edf5f0;font-size:11px}.pt-card th,.pt-card td{padding:9px;border-bottom:1px solid #e2eae5}.pt-naming p{font-size:13px}.pt-sources{margin-top:20px;font-size:12px;color:#63796f}.pt-sources a{color:#12685f;text-decoration:underline}
@media(max-width:650px){#caPeriodicTable{width:98vw;max-width:98vw;max-height:96dvh;border-radius:12px}.pt-header{padding:14px}.pt-header h2{font-size:19px}.pt-body{padding:14px;max-height:calc(96dvh - 90px)}.pt-toolbar,.pt-reference-grid{grid-template-columns:1fr}.pt-detail dl{gap:12px 24px}.gc-practice-top{flex-wrap:wrap}.gc-practice-top>.pt-open-inline{margin-left:0}}