.periodic-table-main{padding-block:22px 64px}.periodic-table-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:28px;align-items:start}.periodic-table-primary{min-width:0}.periodic-table-input-panel,.periodic-table-section,.periodic-table-summary{min-width:0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}.periodic-table-input-panel{position:relative;z-index:2;padding:26px 28px}.periodic-table-heading{display:flex;gap:16px;align-items:center}.periodic-table-art{display:grid;place-items:center;flex-shrink:0;width:74px;height:74px;border-radius:16px;background:var(--accent-soft);color:#bd2d43}.periodic-table-art .icon{width:44px;height:44px}.periodic-table-eyebrow{font-size:14px;font-weight:600;color:#ba293c}.periodic-table-heading h1,.periodic-table-summary h1{font-size:22px;line-height:1.7}.periodic-table-primary h2{font-size:20px;line-height:1.7}.periodic-table-primary h3{font-size:18px;line-height:1.8}.periodic-table-form{margin-top:24px}.periodic-table-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.periodic-table-fields>div{min-width:0}.periodic-table-fields label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--muted)}.periodic-table-fields :is(input,select){width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;color:var(--ink);font:inherit;font-size:16px}.periodic-table-fields :is(input,select):focus{outline:0;border-color:var(--accent);box-shadow:var(--focus-ring)}.periodic-table-form .solid-button{margin-top:16px;min-height:50px;justify-content:center}.periodic-table-input-panel>.vm-tool-engagement,.periodic-table-summary>.vm-tool-engagement{margin-top:24px}.periodic-table-note,.periodic-table-description{font-size:16px;line-height:2;color:var(--muted)}.periodic-table-section>h2+.periodic-table-note,.periodic-table-description,.periodic-table-section>h2+.periodic-table-notice{margin-top:16px}.periodic-table-viewport{direction:ltr;overflow:auto;margin-top:16px;border:1px solid var(--line);border-radius:12px;padding:12px;overscroll-behavior-inline:contain}.periodic-table-board{display:grid;grid-template-columns:repeat(18,minmax(96px,1fr));grid-template-rows:28px repeat(7,minmax(132px,auto)) 16px repeat(2,minmax(132px,auto));gap:8px;direction:ltr;min-width:1864px}.periodic-table-group{font-size:14px;text-align:center;color:var(--muted)}.periodic-table-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 4px;min-width:0;grid-column:var(--element-column);grid-row:var(--element-row);background:var(--element-color,#eef4fc);border:1px solid #b9c7d8;border-radius:8px;transition:box-shadow .18s,transform .18s;text-align:center;line-height:1.6}.periodic-table-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.periodic-table-number,.periodic-table-name,.periodic-table-mass{font-size:14px}.periodic-table-symbol{font-size:22px}.periodic-table-name{overflow-wrap:anywhere}.periodic-table-mass{margin-top:auto;white-space:nowrap}.periodic-table-gap{display:grid;place-items:center;font-size:14px;background:#f8fafc;border:1px dashed #b9c7d8;border-radius:8px;grid-column:3}.periodic-table-gap--lanthanides{grid-row:7}.periodic-table-gap--actinides{grid-row:8}.periodic-table-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.periodic-table-legend>span{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.periodic-table-legend i{width:16px;height:16px;border-radius:4px;border:1px solid #b9c7d8;background:var(--element-color)}.periodic-table-primary [data-family=alkali]{--element-color:#fff2df}.periodic-table-primary [data-family=alkaline]{--element-color:#fff8dc}.periodic-table-primary [data-family=transition]{--element-color:#ffedf0}.periodic-table-primary [data-family=post]{--element-color:#e9f7ef}.periodic-table-primary [data-family=metalloid]{--element-color:#e9f5f8}.periodic-table-primary [data-family=nonmetal]{--element-color:#eef4fc}.periodic-table-primary [data-family=halogen]{--element-color:#f3edfb}.periodic-table-primary [data-family=noble]{--element-color:#e8f6f6}.periodic-table-primary [data-family=lanthanide]{--element-color:#f9edf8}.periodic-table-primary [data-family=actinide]{--element-color:#f4eefb}.periodic-table-section[data-view=list] .periodic-table-board{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;min-width:0;direction:rtl}.periodic-table-section[data-view=list] :is(.periodic-table-group,.periodic-table-gap){display:none}.periodic-table-section[data-view=list] .periodic-table-tile{grid-column:auto;grid-row:auto;min-height:150px}.periodic-table-summary{background:#fff;border-color:var(--line)}.periodic-table-identity{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:center}.periodic-table-element-symbol{display:grid;gap:12px;justify-items:center;padding:24px 12px;background:var(--element-color,#eef4fc);border:1px solid #b9c7d8;border-radius:12px;text-align:center;font-size:14px;overflow-wrap:anywhere}.periodic-table-element-symbol>strong{font-size:22px}.periodic-table-facts,.periodic-table-properties,.periodic-table-configurations{margin:16px 0 0}.periodic-table-facts>div,.periodic-table-properties>div,.periodic-table-configurations>div,.periodic-table-neighbours>a,.periodic-table-related>a{min-width:0;padding:16px;border:1px solid #e1d8f1;border-radius:12px;background:#f1ecfc;line-height:1.9}.periodic-table-primary :is(.periodic-table-facts,.periodic-table-properties,.periodic-table-configurations,.periodic-table-related)>:nth-child(4n+2){background:#e9f6f0;border-color:#d2e9df}.periodic-table-primary :is(.periodic-table-facts,.periodic-table-properties,.periodic-table-related)>:nth-child(4n+3){background:#eef4fc;border-color:#dce5ef}.periodic-table-primary :is(.periodic-table-facts,.periodic-table-properties,.periodic-table-related)>:nth-child(4n){background:#fff2e7;border-color:#efdfcf}.periodic-table-primary dt,.periodic-table-neighbours span{font-size:14px;color:var(--muted)}.periodic-table-primary dd{margin:0;font-size:18px;font-weight:600;overflow-wrap:anywhere}.periodic-table-primary dd small{display:block;font-size:14px;font-weight:400;margin-top:8px}.periodic-table-notice{padding:16px;background:#fff7e5;border:1px solid #efdfb6;border-radius:12px;font-size:14px;line-height:2;margin-top:16px}.periodic-table-actions{margin-top:16px}.periodic-table-actions button{padding:8px 12px;min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-size:14px}.periodic-table-related{margin-top:16px}.periodic-table-neighbours>a,.periodic-table-related>a{font-size:16px;overflow-wrap:anywhere}.periodic-table-neighbours>a+ a{background:#e9f6f0;border-color:#d2e9df}.periodic-table-comparison:empty{display:none}.periodic-table-table-scroll{margin-top:16px;overflow:auto;border:1px solid var(--line);border-radius:12px;overscroll-behavior-inline:contain}.periodic-table-table-scroll table{border-collapse:collapse;min-width:560px;width:100%;font-size:14px;line-height:1.9}.periodic-table-table-scroll caption{padding:16px;background:#f1ecfc;font-size:16px;font-weight:600}.periodic-table-table-scroll :is(th,td){padding:12px 16px;text-align:right;border-bottom:1px solid var(--line)}.periodic-table-table-scroll thead{background:#e9f6f0}.periodic-table-table-scroll tbody tr:nth-child(even){background:#f8fafc}.periodic-table-page [hidden]{display:none!important}@media(max-width:1100px){.periodic-table-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.periodic-table-section[data-view=list] .periodic-table-board{grid-template-columns:repeat(3,minmax(0,1fr))}.periodic-table-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.periodic-table-fields>div:last-child{grid-column:1/-1}}@media(max-width:850px){.periodic-table-layout{grid-template-columns:1fr}.periodic-table-layout>.age-sidebar{position:static;max-height:none}}@media(max-width:599px){.periodic-table-main{padding-block:18px 38px}.periodic-table-input-panel,.periodic-table-section,.periodic-table-summary{padding:20px 16px}.periodic-table-heading{gap:12px}.periodic-table-heading h1,.periodic-table-summary h1,.periodic-table-primary h2{font-size:18px}.periodic-table-art{width:55px;height:55px}.periodic-table-art .icon{width:34px;height:34px}.periodic-table-fields{grid-template-columns:1fr}.periodic-table-fields>div:last-child{grid-column:auto}.periodic-table-section[data-view=list] .periodic-table-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;min-width:0;direction:rtl}.periodic-table-section[data-view=list] :is(.periodic-table-group,.periodic-table-gap){display:none}.periodic-table-section[data-view=list] .periodic-table-tile{grid-column:auto;grid-row:auto;min-height:150px}.periodic-table-identity{grid-template-columns:1fr;gap:16px}.periodic-table-element-symbol{grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 12px}.periodic-table-primary dd{font-size:16px}.periodic-table-facts>div,.periodic-table-properties>div,.periodic-table-configurations>div,.periodic-table-neighbours>a,.periodic-table-related>a{padding:12px}}