.reading-toc-v829{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 28px}.reading-toc-v829 a{padding:9px 12px;border:1px solid var(--line,#d8e0df);border-radius:999px;text-decoration:none;font-weight:760}
.reading-course-v829,.sodium-case-v829,.reading-practice-v829,.reading-summary-v829{margin:28px 0;padding:26px;border:1px solid var(--line,#d8e0df);border-radius:24px;background:var(--surface,#fff)}
.reading-course-v829{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:28px;align-items:center}
.reading-course-v829 h2,.sodium-case-v829 h2,.reading-practice-v829 h2,.reading-summary-v829 h2{margin-top:4px}
.reading-course-v829 p,.sodium-case-v829 p,.reading-practice-v829 p,.reading-summary-v829 p,.sodium-steps-v829 li{line-height:1.72}
.element-card-demo-v829{position:relative;min-height:330px;border-radius:24px;background:linear-gradient(145deg,rgba(61,104,199,.10),rgba(61,104,199,.03));border:1px solid var(--line,#d8e0df);padding:38px;display:grid;grid-template-rows:auto 1fr auto auto}
.element-demo-number-v829{font-size:1.35rem;font-weight:900}.element-demo-number-v829 span,.element-demo-mass-v829 span{display:block;font-size:.76rem;font-weight:650;opacity:.62}
.element-demo-symbol-v829{font-size:6rem;font-weight:950;align-self:center}.element-demo-name-v829{font-size:1.35rem;font-weight:850}.element-demo-mass-v829{font-size:1.08rem;font-weight:800}
.callout-v829{position:absolute;border-top:2px dashed currentColor;opacity:.18;width:34%}.c-number{top:58px;right:20px}.c-symbol{top:47%;right:18px}.c-name{bottom:70px;right:20px}.c-mass{bottom:30px;right:20px}
.periodic-map-v829{padding:18px;border:1px solid var(--line,#d8e0df);border-radius:20px;background:rgba(61,104,199,.025)}
.map-toolbar-v829{display:flex;gap:8px;margin-bottom:15px}.map-toolbar-v829 button{border:1px solid var(--line,#d8e0df);background:var(--surface,#fff);padding:9px 12px;border-radius:11px;font-weight:800;cursor:pointer}.map-toolbar-v829 button.active{box-shadow:inset 0 0 0 2px currentColor}
.mini-periodic-v829{display:grid;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(3,56px);gap:4px;min-width:0}
.mini-periodic-v829 .cell{border:1px solid var(--line,#d8e0df);border-radius:8px;padding:5px;display:flex;flex-direction:column;justify-content:space-between;opacity:.24;transition:.18s ease}.mini-periodic-v829 .cell b{font-size:1rem}.mini-periodic-v829 .cell small{font-size:.65rem}
.mini-periodic-v829[data-map="group"] .g1,.mini-periodic-v829[data-map="period"] .p3{opacity:1;background:rgba(61,104,199,.12);box-shadow:inset 0 0 0 1px currentColor}.mini-periodic-v829 .focus{font-weight:900}
.c1{grid-column:1;grid-row:1}.c2{grid-column:18;grid-row:1}.c3{grid-column:1;grid-row:2}.c4{grid-column:2;grid-row:2}.c5{grid-column:13;grid-row:2}.c6{grid-column:14;grid-row:2}.c7{grid-column:15;grid-row:2}.c8{grid-column:16;grid-row:2}.c9{grid-column:17;grid-row:2}.c10{grid-column:18;grid-row:2}.c11{grid-column:1;grid-row:3}.c12{grid-column:2;grid-row:3}.c13{grid-column:17;grid-row:3}.c14{grid-column:18;grid-row:3}
.map-caption-v829{margin:14px 2px 0;font-size:.9rem;line-height:1.55}
.block-grid-v829{display:grid;grid-template-columns:2fr 10fr 6fr;grid-template-rows:110px 76px;gap:8px}.block-grid-v829>div{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;font-weight:950;border:1px solid var(--line,#d8e0df)}.block-grid-v829 span{font-size:.76rem;font-weight:650;opacity:.65;margin-top:4px}.b-s{background:rgba(61,104,199,.11)}.b-d{background:rgba(218,138,47,.10)}.b-p{background:rgba(71,153,106,.11)}.b-f{grid-column:2/4;background:rgba(130,85,180,.10)}
.blocks-note-v829{margin-top:16px;padding:15px;border-radius:15px;background:rgba(61,104,199,.045)}.blocks-note-v829 p{margin-bottom:0}
.reading-tip-v829 .mini-official-mascot{transform:scale(1.18);transform-origin:center}.reading-tip-v829 .tip-mascot{overflow:visible}
.sodium-layout-v829{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center;margin:20px 0}.sodium-tile-v829{min-height:210px;border:1px solid var(--line,#d8e0df);border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(61,104,199,.12),rgba(61,104,199,.03))}.sodium-tile-v829 small{font-weight:850}.sodium-tile-v829 b{font-size:4.8rem}.sodium-tile-v829 span{font-weight:850}.sodium-steps-v829{margin:0;padding-left:22px;display:grid;gap:10px}
.reading-practice-v829 details{padding:15px;border:1px solid var(--line,#d8e0df);border-radius:15px}.reading-practice-v829 summary{cursor:pointer;font-weight:850}.practice-links-v829{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.practice-links-v829 a{padding:9px 12px;border:1px solid var(--line,#d8e0df);border-radius:999px;text-decoration:none;font-weight:760}
.reading-summary-v829 ol{display:grid;gap:8px;line-height:1.65}
body.dark .reading-course-v829,body.dark .sodium-case-v829,body.dark .reading-practice-v829,body.dark .reading-summary-v829,body.dark .map-toolbar-v829 button{background:#17201c}
@media(max-width:820px){.reading-course-v829{grid-template-columns:1fr}.mini-periodic-v829{overflow-x:auto}.sodium-layout-v829{grid-template-columns:1fr}.sodium-tile-v829{min-height:180px}.block-grid-v829{grid-template-columns:2fr 5fr 3fr}}