.child-toggle{display:flex;align-items:center;gap:7px;font-size:12px}.story-guide{display:flex;align-items:center;gap:16px;border:1px solid #ccdfbd;border-radius:15px;background:#eff6df;padding:20px;margin-top:20px;min-height:145px}.story-icon{display:grid;place-items:center;flex:0 0 57px;height:57px;background:#fff8dc;color:#53754c;border-radius:18px;font-size:34px}.story-guide h3{font-size:20px;margin:5px 0}.story-guide p{font-size:14px;margin:0;color:#496442}.steps{gap:9px;padding:0}.steps button{flex:1;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 8px;font-size:12px;min-height:44px}.steps button.current{background:#e3efdb;border-color:#8bb390}.atom-counts{background:#fff;border:1px solid var(--line);padding:18px;border-radius:12px;margin:0 0 18px}.atom-counts p{font-size:11px;color:var(--muted);margin:7px 0 12px}#atomLedger{display:flex;flex-wrap:wrap;gap:12px}.ledger-item{display:flex;align-items:center;gap:8px;border:1px solid #e4ebe2;background:#fafcf8;border-radius:10px;padding:8px 12px}.ledger-item i{font-style:normal;font-family:Segoe UI;display:grid;place-items:center;border-radius:50%;width:34px;height:34px;color:#244132;font-weight:600}.ledger-item small{display:block;font-size:11px;color:#6d8273;margin-top:3px}.child-mode .scene-caption{font-size:14px;min-height:65px}.child-mode .scene-heading h3{font-size:14px}.child-mode .scene svg{height:auto;min-height:260px}.child-mode .explanation>p{font-size:15px}.child-mode .condition{font-size:13px}.child-mode .primary,.child-mode .secondary{font-size:14px;min-height:44px}.child-mode .reagent{min-height:76px}.child-mode .reagent small{font-size:12px}.child-mode .controls label{font-size:12px}.child-mode .controls{gap:12px}body:not(.child-mode) .story-guide{display:none}.periodic-panel{padding:25px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:30px}.periodic-panel>.section-top h2{font-size:24px;margin-top:7px}.periodic-panel>.section-top>a{font-size:12px;white-space:nowrap}.periodic-panel>p{color:#687b6e;font-size:13px}.periodic-tools{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.periodic-tools .search{flex:1;min-width:220px;margin:15px 0}.periodic-tools>label{font-size:12px}.periodic-tools>span{font-size:11px;color:var(--muted)}.periodic-tools .search input{font-size:14px}.periodic-legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin:12px 0}.periodic-legend>span{display:flex;align-items:center;gap:6px;font-size:10px}.periodic-legend i{width:12px;height:12px;border-radius:4px;background:var(--family)}.family-alkali{--family:#f6d2af}.family-alkaline{--family:#f3e5ad}.family-transition{--family:#d5e6ef}.family-metal{--family:#d9ddf2}.family-metalloid{--family:#d9e9b8}.family-nonmetal{--family:#c7e8cb}.family-halogen{--family:#eed9ec}.family-noble{--family:#c9e6e6}.family-lanthanoid{--family:#e5dcf2}.family-actinoid{--family:#f2d6dc}.table-scroll{overflow:auto;overscroll-behavior-x:contain;border-radius:10px;padding-bottom:10px}.periodic-grid{display:grid;grid-template-columns:24px repeat(18,minmax(45px,1fr));grid-template-rows:22px repeat(7,70px) 15px repeat(2,70px);gap:4px;min-width:960px}.element-cell{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;border:1px solid #0000000c;border-radius:6px;background:var(--family);padding:4px 2px;color:#263d35}.element-cell:hover{outline:2px solid #668a6b;z-index:1}.element-cell.selected{box-shadow:inset 0 0 0 2px #1c7253}.element-cell small{align-self:start;margin-left:3px;font:10px 'Segoe UI'}.element-cell strong{font:600 21px 'Segoe UI';line-height:1.25}.element-cell>span{font:8px 'Segoe UI';max-width:100%;overflow:hidden;text-overflow:ellipsis}.element-cell>i{position:absolute;right:4px;top:0;color:#18765c;font-style:normal}.element-cell.dimmed{opacity:.25}.element-cell.dimmed:focus,.element-cell.dimmed:hover{opacity:1}.group-number,.period-number,.f-placeholder,.f-label{display:grid;place-items:center;font:10px 'Segoe UI';color:#738377}.f-placeholder{border:1px dashed #b4c9b9;border-radius:5px}.f-label{font-family:inherit}.element-bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:18px}.element-detail,.element-test{background:#f6f8f1;border:1px solid #e1e9db;border-radius:12px;padding:20px}.element-identity{display:flex;align-items:center;gap:17px}.element-large{display:flex;flex-direction:column;background:var(--family);width:80px;min-width:80px;padding:10px 12px;border-radius:12px}.element-large strong{font:600 36px 'Segoe UI';text-align:center}.element-large small{font:12px 'Segoe UI'}.element-identity h3{font-size:22px}.element-identity p{font-size:12px;margin:4px 0}.element-identity span{font-size:11px;color:#687b6e}.element-detail>p{font-size:13px}.element-actions{display:flex;gap:10px;flex-wrap:wrap}.element-detail h4{margin:18px 0 8px;font-size:13px}.element-experiments{display:flex;flex-direction:column;align-items:start;max-height:160px;overflow:auto}.element-experiments button{font-size:12px;min-height:36px;text-align:left}.element-experiments p{font-size:12px;margin:0}.element-test h3{font-size:18px}.element-test form{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin-top:20px}.element-test label{font-size:12px;flex:1;min-width:120px}.element-test select{display:block;width:100%;margin-top:7px;min-height:44px}.element-test form>button{width:100%}.element-test p{font-size:13px}.pair-examples{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:11px}.pair-examples button{background:#fff;border:1px solid #cbd8c6;border-radius:6px;padding:8px;min-height:36px}.periodic-panel .coverage-note{background:#fff8e7;padding:13px 16px;border-radius:8px;font-size:12px;margin-bottom:0}.table-hint{font-size:11px!important}.stats{gap:22px}.stats b{padding-left:20px}header nav{display:flex;gap:2px}.tab{padding:13px 15px}@media(max-width:1100px){.element-bottom{grid-template-columns:1fr}.child-mode .scenes{grid-template-columns:1fr}.child-mode .scene svg{max-height:330px;min-height:250px}.child-mode .scene-caption{min-height:45px}.stats{display:none}.child-toggle{font-size:11px}.tab{padding:12px 10px}}@media(max-width:750px){header{gap:12px}header nav{order:3;width:100%;justify-content:space-between}.tab{flex:1;font-size:13px}.periodic-panel{padding:16px}.periodic-panel>.section-top{align-items:start}.periodic-panel>.section-top h2{font-size:20px}.periodic-tools{gap:8px}.periodic-tools .search{flex-basis:100%}.story-guide{padding:16px;gap:12px}.story-icon{flex-basis:43px;height:43px;font-size:27px}.story-guide h3{font-size:18px}.story-guide p{font-size:14px}.steps button{font-size:11px;padding:10px 4px}.element-detail,.element-test{padding:15px}.child-mode .condition{font-size:12px}.child-mode .scene-heading h3{font-size:13px}.ledger-item{padding:7px}.element-bottom{gap:12px}}
.reagent-card{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.reagent-card .reagent{width:100%;flex:1}.mol-input{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);padding:0 4px}.mol-input input{width:84px;border:1px solid var(--line);border-radius:6px;padding:6px 8px;color:var(--ink);background:#fff}.calc-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:18px}.calc-conditions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.calc-conditions div{flex:1;min-width:180px;background:#fff8e7;border:1px solid #f0e2b6;border-radius:9px;padding:10px 12px}.calc-conditions small{display:block;font-size:11px;color:#8c7e46}.calc-conditions b{font-size:13px;font-weight:600}.calc-tables{display:grid;grid-template-columns:3fr 2fr;gap:14px}.calc-tables table{width:100%;border-collapse:collapse;font-size:12px}.calc-tables caption{text-align:left;font-weight:600;font-size:12px;color:var(--green);padding-bottom:6px}.calc-tables th{text-align:left;font-weight:500;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line);padding:6px}.calc-tables td{padding:7px 6px;border-bottom:1px solid #f0f3ee;font-family:"Segoe UI","Nirmala UI",sans-serif}.calc-tables td small{color:var(--muted);font-family:"Nirmala UI",sans-serif}.calc-tables tr.limiting td{background:#fdf1e8}.badge{display:inline-block;background:#e9874f;color:#fff;border-radius:10px;padding:1px 8px;font-size:10px;margin-left:4px}.calc-heat{background:#f6f8f3;border-radius:8px;padding:10px 12px;margin:14px 0 8px;font-size:13px}.calc-heat b{color:#b4572a}.calc-note,.calc-empty{font-size:11px;color:var(--muted);margin:0}.child-mode .calc-heat{font-size:15px}@media(max-width:1000px){.calc-tables{grid-template-columns:1fr}}@media(max-width:450px){.calc-tables{overflow-x:auto}.calc-tables table{min-width:0}.calc-tables th,.calc-tables td{padding:5px 3px}.calc-panel{padding:14px}}