:root{font-family:system-ui,-apple-system,sans-serif;color:#18283b;background:#f4f7fb}*{box-sizing:border-box}main{max-width:900px;margin:38px auto;padding:0 18px}section{background:#fff;border:1px solid #dce4ed;border-radius:14px;padding:24px;margin:18px 0;box-shadow:0 3px 14px #1734560b}h1{font-size:2rem;margin:0 0 8px}h2{font-size:1.25rem}p{line-height:1.6}label{display:block;font-weight:650;margin-bottom:10px}input{width:100%;padding:14px;font-size:1.1rem;border:1px solid #9aaec2;border-radius:8px}button{background:#1357a6;color:white;border:0;border-radius:8px;padding:12px 24px;margin-top:14px;font-size:1rem;cursor:pointer}.muted{color:#52677f}.error{border-left:4px solid #ba3b35}.answer{font-size:1.4rem;max-width:100%}.math-expression{max-width:100%;overflow-x:auto;overflow-y:hidden;padding:6px 0}.math-expression mjx-container[display="true"]{margin:.5em 0!important;text-align:left!important}li{padding:7px 0}code{background:#edf2f8;padding:2px 5px;border-radius:4px}footer{color:#66788a;font-size:.9rem;margin:20px 0}

.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.page-header .muted{margin-top:8px}.version{white-space:nowrap;font-weight:700;font-size:.92rem;background:#e5edf8;color:#1357a6;padding:8px 12px;border-radius:8px}.explain{line-height:1.6}@media(max-width:620px){.page-header{flex-direction:column;gap:0}.version{margin:0 0 8px}.answer{font-size:1.1rem}}

/* v1.07: formule MathJax ancorate al margine sinistro del riquadro. */
.answer,.math-expression{width:100%;text-align:left}
.math-expression mjx-container[display="true"]{text-align:left!important;margin:.5em 0!important}
.math-expression mjx-container[display="true"] mjx-math{margin-left:0!important;margin-right:auto!important}

.substitution-steps{margin:12px 0 20px 0;max-width:100%;overflow-wrap:anywhere}.substitution-steps>div{margin:7px 0}.substitution-steps mjx-container[display="true"]{text-align:left!important;margin:.4em 0!important;max-width:100%;overflow-x:auto;overflow-y:hidden}

/* v1.33: espressioni lunghe leggibili anche su schermi stretti. */
.math-expression{scrollbar-width:thin;scrollbar-color:#9aaec2 #edf2f8}
.math-expression:focus-within{outline:2px solid #1357a6;outline-offset:3px}

/* v1.35: risultato disposto su righe, senza comprimere i caratteri. */
.result-terms{overflow-x:auto;line-height:1.65}
.result-terms mjx-container{max-width:100%}
.substitution-steps>div{overflow-x:auto;scrollbar-width:thin}

/* v1.36: nessuna formula può uscire visivamente dal riquadro dei passaggi. */
.substitution-steps{min-width:0;max-width:100%}
.substitution-steps>div{max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:3px}
.substitution-steps mjx-container[display="true"]{max-width:none;min-width:0}

/* v1.49: due addendi per riga sui desktop, uno sui piccoli schermi. */
.result-compact{display:block}
.result-mobile{display:none}
.result-terms{line-height:1.4}
@media(max-width:700px){.result-compact{display:none}.result-mobile{display:block}}

/* v1.50: una sola formula MathJax per il risultato, niente duplicazioni responsive. */
.result-terms{display:block!important}

button.example{display:inline-block;width:auto;min-width:0;margin:2px 4px 2px 0;padding:4px 7px;font-size:.78rem;line-height:1.3;background:#eaf0f8;color:#264b77;border:1px solid #d9e4f2;border-radius:4px;cursor:pointer}button.example:hover{background:#dce9f9}
/* v1.81 */
select{width:100%;padding:12px;font-size:1.05rem;border:1px solid #9aaec2;border-radius:8px;background:#fff;margin-bottom:15px}.bounds{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.bounds[hidden]{display:none}@media(max-width:600px){.bounds{grid-template-columns:1fr}}

/* v1.85: avviso beta e crediti nel footer pubblico. */
.site-footer{margin-top:20px;padding:14px 0 22px;text-align:center;color:#61748d;font-size:.88rem;line-height:1.55}
.site-footer p{margin:5px 0}
.site-footer .beta-notice{max-width:690px;margin:0 auto 10px}
.site-footer .author-credit a{color:#1454a1;text-decoration:underline}