.balance-shell{max-width:1050px;margin:auto}.balance-card{background:white;border:1px solid var(--line);border-radius:18px;padding:clamp(18px,4vw,36px);margin:24px 0}.balance-picker{display:grid;gap:8px;max-width:100%}.balance-picker select{padding:12px;border:1px solid var(--line);border-radius:8px;max-width:100%;width:100%;background:white;color:var(--ink)}.balance-equation,.balance-side{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.balance-equation{padding:24px 0}.balance-term{display:flex;align-items:center;gap:8px;max-width:100%}.coefficient{width:76px;padding:12px 6px;text-align:center;border:2px solid var(--green);border-radius:9px;background:#f4faf6;color:var(--ink);font-size:21px}.coefficient[aria-invalid=true]{border-color:#a02f2f}.formula{font-size:22px;overflow-wrap:anywhere}.formula small{font-size:12px;margin-left:4px;color:#536960}.balance-arrow{font-size:30px}.balance-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.balance-actions button{min-height:44px}.balance-table{width:100%;border-collapse:collapse;margin:18px 0}.balance-table caption{text-align:left;font-weight:650;margin-bottom:12px}.balance-table th,.balance-table td{padding:12px 6px;text-align:left;border-bottom:1px solid var(--line)}.matched td:last-child{color:#146044}.unmatched td:last-child{color:#913c18}.balance-feedback{min-height:3em;font-weight:600}.input-note{color:#913c18}.sr-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.balance-shell .intro{gap:16px;flex-wrap:wrap}.balance-shell .intro p{color:#536960}.balance-shell h1{font-size:clamp(26px,4vw,36px)}@media(max-width:600px){.balance-equation{flex-direction:column}.balance-arrow{transform:rotate(90deg)}.balance-table{font-size:14px}.balance-term{gap:5px}.formula{font-size:19px}.coefficient{width:64px}}
.learn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.learn-grid>div,.learn-grid>section{min-width:0;background:#f3f8f4;border:1px solid var(--line);border-radius:12px;padding:18px;overflow-wrap:anywhere}.learn-guide p,.learn-steps li,.count-details p,.reaction-reading,.learning-note{line-height:1.9}.learn-guide h3,.count-details h3{font-size:17px}.learn-rule{padding:14px 18px;background:#fff7df;border-left:4px solid #ad7c1a;border-radius:6px}.learn-steps{padding-left:26px}.learn-steps li{padding:5px 0 8px 5px}.balance-shell details{margin:14px 0;border:1px solid var(--line);border-radius:10px;padding:14px 16px}.balance-shell summary{cursor:pointer;font-weight:650;line-height:1.7}.balance-shell summary:focus-visible{outline:3px solid #dcaa3a;outline-offset:4px}.balance-shell details[open]>summary{margin-bottom:14px}.reaction-reading{color:#476256}.learning-note{font-size:14px;color:#476256;border-top:1px solid var(--line);padding-top:16px}@media(max-width:600px){.learn-grid{grid-template-columns:1fr}.learn-grid>div,.learn-grid>section{padding:14px}.balance-shell details{padding:12px}.learn-guide{padding:18px}}