/* Công cụ tính điểm SAT (/tinh-diem-sat). Khung, tab, form, bảng, ô cảnh báo, danh sách và
   khối miễn trừ dùng lại class .hs-qd-* của quy-doi-diem-sat.css (view nạp cả hai file);
   ở đây chỉ có phần riêng: ô nhập có nút +/-, và khối hiển thị điểm. */

.hs-td-form .hs-td-input {
    display: flex;
    align-items: stretch;
    margin-bottom: 15px;
}

.hs-td-form .hs-td-input .form-control {
    margin-bottom: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    border-radius: 0;
}

.hs-td-step {
    flex: 0 0 44px;
    border: 1px solid #ccc;
    background: #f7f9fc;
    color: #1F386B;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.hs-td-step:first-child { border-right: 0; border-radius: 4px 0 0 4px; }
.hs-td-step:last-child { border-left: 0; border-radius: 0 4px 4px 0; }
.hs-td-step:hover, .hs-td-step:focus { background: #e9eef7; outline: none; }

.hs-td-ketqua {
    margin-top: 10px;
    padding: 20px 22px;
    background: #f7f9fc;
    border-left: 4px solid #E41937;
    border-radius: 4px;
}

.hs-td-tong { line-height: 1; margin-bottom: 12px; }
.hs-td-so { font-size: 46px; font-weight: 700; color: #1F386B; }
.hs-td-tren { font-size: 18px; color: #888; margin-left: 6px; }

.hs-td-phan { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-bottom: 12px; font-size: 15px; }
.hs-td-phan strong { font-size: 22px; color: #1F386B; margin-right: 4px; }
.hs-td-phan small { color: #888; }

.hs-td-vitri, .hs-td-moc, .hs-td-next { margin: 0 0 8px; font-size: 15px; line-height: 1.6; color: #333; }
.hs-td-next a { color: #E41937; font-weight: 600; }
.hs-td-next a:hover, .hs-td-next a:focus { text-decoration: underline; }

@media (max-width: 767px) {
    .hs-td-so { font-size: 38px; }
}