.math-card{padding:28px;margin-bottom:28px;background:var(--card);border:1px solid var(--orange-border);border-radius:12px;scroll-margin-top:90px}.math-card h2{font-size:1.2rem;margin-bottom:10px}.math-card p{margin:10px 0;color:var(--muted)}.math-card form{margin-top:20px}.math-card label{font-size:.9rem;color:var(--text)}.math-card input,.math-card select{min-height:46px;font-size:1rem}.math-card fieldset{border:1px solid var(--line);border-radius:8px;padding:16px;min-width:0;flex:1}.math-card legend{padding:0 8px;font-weight:650}.math-fraction-inputs{display:flex;gap:16px;margin:20px 0}.math-card .form-group{min-width:0;margin-bottom:12px}.math-card .math-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.math-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.math-card button{font:inherit;font-weight:650;min-height:44px;border-radius:8px;padding:10px 16px;cursor:pointer}.math-primary{background:#ff8a50;color:#201710;border:1px solid #ff8a50}.math-secondary{background:transparent;color:var(--text);border:1px solid #777}.math-card button:focus-visible,.math-card a:focus-visible{outline:3px solid #ffc19f;outline-offset:3px}.math-examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0}.math-examples button{font-size:.85rem;min-height:40px;padding:6px 10px;border:1px solid #777;color:var(--text);background:#222}.math-card .math-note{font-size:.82rem}.math-card [hidden],.math-result[hidden]{display:none!important}.math-result{background:#201e1c;border:1px solid #ff8a50;border-radius:10px;margin-top:22px;padding:22px;overflow-wrap:anywhere}.math-result:focus{outline:2px solid #ffbf9d;outline-offset:3px}.math-result h3{font-size:1rem;margin-top:20px;margin-bottom:10px}.math-result li{margin:10px 0}.math-result ol,.math-result ul{padding-left:22px}.math-result .math-answer{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.3;font-weight:750;color:#ffb58e;margin:12px 0 16px}.math-result .math-result-label{text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;color:#ddd}.math-result .math-equivalence-answer{font-size:clamp(1.4rem,4vw,2rem)}.math-fraction{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;line-height:1.4}.math-fraction>span:first-child{border-bottom:2px solid currentColor;padding:0 10px}.math-fraction>span:last-child{padding:0 10px}.math-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.math-result-grid .math-answer{font-size:clamp(1.3rem,3.5vw,2rem)}.math-formula{font-size:1.1rem;color:var(--text)!important}.math-error{border-color:#ffa6a6}.math-error p{color:#ffd1d1}.math-jump-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.math-jump-links a,.math-inline-link{color:#ffb58e;text-decoration:underline;text-underline-offset:3px}.math-scale{padding:12px;background:#202020;border-radius:8px;font-weight:650;overflow-wrap:anywhere}.math-prose ol{margin:12px 0 16px;padding-left:24px;color:var(--muted)}.math-prose li{margin:8px 0}.math-prose a{color:#ffb58e;text-decoration:underline;text-underline-offset:3px}.math-prose details{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:8px}.math-prose summary{cursor:pointer;font-weight:650}.math-prose .math-table{overflow-x:auto}.math-prose .math-table table{min-width:420px}.math-related{margin-bottom:30px}.math-related h2{margin-bottom:10px}@media(max-width:540px){.math-card{padding:18px}.math-fraction-inputs{gap:10px}.math-card fieldset{padding:10px}.math-fraction-inputs label{font-size:.8rem}.math-result{padding:16px}.math-card .math-two-col{grid-template-columns:1fr}.math-result-grid{grid-template-columns:1fr}.math-card .form-row{display:block}.math-card .form-group{width:100%}}

.math-periodic-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.math-card .math-periodic-help{font-size:.85rem;line-height:1.55}.math-periodic-preview{padding:14px 16px;background:#202020;border:1px solid var(--line);border-radius:8px}.math-periodic-preview p{margin:0}.math-periodic-preview .math-periodic-number{font-size:1.5rem;line-height:1.8;color:var(--text);overflow-wrap:anywhere}.math-overline{text-decoration:overline;text-decoration-thickness:1.5px}.math-periodic-number{overflow-wrap:anywhere}.math-periodic-number:focus-visible{outline:3px solid #ffc19f;outline-offset:3px}.math-periodic-fields select,.math-periodic-fields input{width:100%;min-width:0}.math-card .math-periodic-examples button{text-align:left}.math-periodic-static .math-overline{white-space:nowrap}@media(max-width:900px){.math-periodic-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.math-periodic-fields{grid-template-columns:1fr}}