.sc-fractions{max-width:960px;width:100%;min-width:0;box-sizing:border-box;margin:24px auto;padding:24px;border:1px solid #d7e3e9;border-radius:16px;background:#fff;color:#183d4b;overflow-wrap:anywhere}.sc-fractions *{box-sizing:border-box}.sc-fractions [hidden]{display:none!important}.sc-fractions .scf-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sc-fractions fieldset{min-width:0;margin:0;padding:18px;border:1px solid #d7e3e9;border-radius:12px}.sc-fractions legend{padding:0 7px;font-weight:700}.sc-fractions label{display:block;font-weight:600}.sc-fractions input,.sc-fractions select{width:100%;min-width:0;max-width:100%;min-height:46px;margin:6px 0 16px;padding:10px;border:1px solid #9cb5c2;border-radius:7px;font:inherit;font-size:16px;background:#fff;color:#183d4b}.sc-fractions .scf-pair{max-width:100%}.sc-fractions .scf-pair input{margin-bottom:8px}.sc-fractions .scf-divider{display:block;border-top:2px solid #176f83;margin:5px 0 10px}.sc-fractions button{width:auto;max-width:100%;min-height:44px;margin:0;padding:10px 15px;border:1px solid #176f83;border-radius:7px;color:#14576a;background:#fff;font:inherit;cursor:pointer;white-space:normal}.sc-fractions button[type=submit]{background:#176f83;color:#fff}.scf-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.sc-fractions :is(button,input,select):focus-visible{outline:3px solid #ad681e;outline-offset:3px}.sc-fractions input[aria-invalid=true]{border-color:#a22}.sc-fractions .scf-help{font-size:.9em;color:#47616e}.sc-fractions [data-status]{color:#8a3518}.scf-answer{padding:18px;background:#eaf6f0;border-left:5px solid #176f63;border-radius:9px}.scf-answer h3{margin:0 0 10px}.scf-answer strong{display:block;font-size:clamp(1.65rem,4vw,2.3rem);line-height:1.3;overflow-wrap:anywhere}.scf-answer p{margin:8px 0 0}.sc-fractions dl{margin:20px 0}.sc-fractions dt{font-weight:700}.sc-fractions dd{margin:3px 0 15px}.sc-fractions ol{padding-left:24px}.sc-fractions li{margin:10px 0}.scf-history{margin-top:25px;padding-top:18px;border-top:1px solid #d7e3e9}.scf-history summary{cursor:pointer;font-weight:600;min-height:44px}@media(max-width:620px){.sc-fractions{padding:16px}.sc-fractions .scf-inputs{grid-template-columns:1fr;gap:16px}.sc-fractions fieldset{padding:14px}.sc-fractions h2{font-size:1.4em}.sc-fractions .scf-actions>*{flex:1 1 140px}}