.thtt .toan-tools{border:1px solid #dce8f5;border-radius:22px;padding:35px;background:#f7faff;margin:15px 0}.thtt .toan-local-note{font-size:12px;color:#52738e}.thtt .toan-tool-tabs{display:flex;gap:7px;padding:7px;background:#e8f0fb;border-radius:12px;margin-bottom:28px;flex-wrap:wrap}.thtt .toan-tool-tabs button{flex:1;min-height:48px;border:0;border-radius:8px;background:transparent;color:#254c74;font-size:16px;font-weight:650;padding:10px 16px}.thtt .toan-tool-tabs button[aria-selected=true]{background:#1762d4;color:#fff;box-shadow:0 3px 9px #1762d41b}.thtt .toan-student-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:24px}.thtt .toan-quiz,.thtt .toan-fraction{padding:26px;border:1px solid #dce8f5;border-radius:15px;background:#fff}.thtt .toan-fraction{background:#edf8f3;border-color:#d0e9dd}.thtt .toan-quiz-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px;align-items:center}.thtt .toan-quiz-head h3,.thtt .toan-fraction h3{font-size:23px;margin:0 0 8px}.thtt .toan-quiz-head p,.thtt .toan-fraction p{font-size:14px;margin:0}.thtt .toan-quiz-head label{display:flex;align-items:center;gap:8px;font-size:14px}.thtt .toan-tools select,.thtt .toan-tools input:not([type=radio]),.thtt .toan-tools textarea{min-height:46px;border:1px solid #a9bfd5;border-radius:9px;background:#fff;color:#16324f;padding:9px 12px;font:inherit;font-size:16px;max-width:100%}.thtt .toan-tools textarea{width:100%}.thtt .toan-quiz fieldset{min-width:0;margin:0;padding:0;border:0}.thtt .toan-quiz legend{font-size:20px;font-weight:650;line-height:1.8;margin-bottom:20px;float:none;width:auto}.thtt .toan-quiz-options{display:grid;gap:10px}.thtt .toan-quiz-options label{display:flex;gap:12px;align-items:center;padding:12px 15px;min-height:48px;border:1px solid #d8e4ef;border-radius:10px;background:#f8fbff;font-size:16px}.thtt .toan-quiz-options input{width:18px;height:18px;accent-color:#1762d4;flex-shrink:0}.thtt .toan-quiz-feedback{font-size:16px;line-height:1.9;padding-top:20px;color:#174f43}.thtt .toan-tool-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.thtt .toan-tool-actions .thtt-btn{font-size:14px;padding:11px 15px}.thtt .toan-small{font-size:12px;color:#5a738b;margin:18px 0 0;line-height:1.9}.thtt .toan-link-button{border:0;background:none;min-height:44px;padding:9px;color:#1762d4;text-decoration:underline;font-size:14px}.thtt .toan-pill{display:inline-block;font-size:11px;letter-spacing:1px;color:#257858;font-weight:700;margin-bottom:18px}.thtt .toan-fraction form{display:grid;gap:10px;margin-top:20px}.thtt .toan-fraction form p{font-size:16px;line-height:1.9;margin-top:13px}.thtt .toan-fraction label{font-size:14px}.thtt .toan-tool-intro{margin-bottom:23px}.thtt .toan-tool-intro h3{font-size:25px;margin:0 0 9px}.thtt .toan-tool-intro p{font-size:16px}.thtt .toan-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;margin-bottom:23px}.thtt .toan-form-grid label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:550}.thtt .toan-span-2{grid-column:span 2}.thtt .toan-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.thtt .toan-error{color:#ac3030;font-size:15px}.thtt .toan-output-label{display:block;font-size:16px;font-weight:600;margin:28px 0 10px}.thtt .toan-plan{margin:25px 0;display:grid;gap:12px}.thtt .toan-plan article{border:1px solid #d4e6dd;background:#fff;border-radius:12px;padding:17px 21px;display:grid;grid-template-columns:130px 1fr;gap:20px}.thtt .toan-plan h4{font-size:17px;margin:0;color:#21694d}.thtt .toan-plan p{font-size:15px;margin:0}.thtt .toan-plan small{font-size:12px;color:#537a66}.thtt .toan-plan .toan-plan-total{padding:16px;font-size:15px;background:#e4f3ea;border-radius:10px}.thtt .toan-demo-label{font-size:13px;padding:12px 16px;background:#edf7f2;border-radius:9px}.thtt .thtt-component details{border:1px solid #d8e6ee;border-radius:10px;padding:14px 18px;margin:20px 0}.thtt .thtt-component summary{font-size:16px;font-weight:650;min-height:36px;color:#1762d4}
@media(max-width:900px){.thtt .toan-student-grid{grid-template-columns:1fr}.thtt .toan-tools{padding:28px}.thtt .toan-quiz-head{align-items:start}}
@media(max-width:600px){.thtt .toan-tools{padding:22px 16px;margin-inline:-5px;border-radius:16px}.thtt .toan-tool-tabs{gap:4px;padding:5px}.thtt .toan-tool-tabs button{font-size:13px;padding:10px 8px}.thtt .toan-local-note{display:block;font-size:11px;margin-top:10px}.thtt .toan-quiz,.thtt .toan-fraction{padding:21px 17px}.thtt .toan-quiz-head{gap:10px}.thtt .toan-quiz-head h3{font-size:21px}.thtt .toan-quiz-head p{font-size:12px}.thtt .toan-quiz legend{font-size:18px}.thtt .toan-tool-actions{gap:10px}.thtt .toan-tool-actions .thtt-btn{font-size:13px}.thtt .toan-form-grid{grid-template-columns:1fr}.thtt .toan-span-2{grid-column:auto}.thtt .toan-levels{gap:8px}.thtt .toan-levels label{font-size:11px}.thtt .toan-levels input{padding:8px}.thtt .toan-plan article{grid-template-columns:1fr;gap:8px}.thtt .toan-tool-intro h3{font-size:23px}}