/* Màn gia sư: một cột, một việc */
.gs { max-width: 680px; }
.gs-dau { display: flex; flex-direction: column; gap: 8px; }
.gs-dau a { display: inline-flex; align-items: center; gap: 4px; text-decoration: none; width: fit-content; }
.gs-dau h1 { font-size: clamp(1.4rem, 2.6vw, 1.9rem); }
#man { display: flex; flex-direction: column; gap: 16px; }
.gs-loi { display: grid; grid-template-columns: 62px minmax(0, 1fr); border-left: 0; }
.gs-ai { font-size: .8125rem; font-weight: 600; color: var(--chu-nhan); padding: 3px 10px 0 0; text-align: right; border-right: 1px solid var(--le); }
.gs-loi p { padding-left: 14px; font-size: 1.125rem; line-height: 1.6; }
.gs-tiep { align-self: flex-start; min-height: 48px; padding-inline: 20px; }
.gs-o { display: flex; flex-direction: column; gap: 6px; font-weight: 600; }
.gs-o textarea { width: 100%; resize: vertical; min-height: 84px; padding: 10px 12px; font: 400 1.0625rem/1.5 var(--phong-chu); background: var(--mat); border: 1px solid var(--vien); border-radius: var(--bo-the); }
.gs-kq { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.gs-kq li { display: flex; gap: 8px; align-items: flex-start; }
.gs-kq .bieu-tuong { margin-top: .25em; }
.gs-kq .dung .bieu-tuong { color: var(--dung); }
.gs-kq .sai .bieu-tuong { color: var(--sai); }
.gs-mau { background: var(--mat); border: 1px solid var(--vien); border-radius: var(--bo-the); padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.gs-mau ul { margin: 6px 0 0; }
.gs-tu { list-style: none; padding: 0; background: var(--mat); border: 1px solid var(--vien); border-radius: var(--bo-the); overflow: hidden; }
.gs-tu li { display: flex; flex-direction: column; padding: 11px 16px; border-bottom: 1px solid var(--vien); }
.gs-tu li:last-child { border-bottom: 0; }
.gs-tu span { color: var(--chu-phu); }
.gs-de { font-size: 1.3rem; line-height: 1.45; font-weight: 500; }
.gs-ct { display: flex; flex-direction: column; gap: 12px; }
.gs-ct h2 { font-size: 1.4rem; }
.gs-cong { background: var(--nhat-chinh); color: var(--chinh); padding: 8px 12px; border-radius: 6px; font-weight: 600; font-size: .9875rem; width: fit-content; max-width: 100%; }
.gs-diem { font-size: 4rem; font-weight: 700; line-height: 1; color: var(--chinh); }
.gs-bia { background: var(--ben); color: #fff; border-radius: var(--bo-the); padding: clamp(22px, 4vw, 36px); display: flex; flex-direction: column; gap: 14px; }
.gs-bia h1 { color: #fff; }
.gs-bia p { color: #C8DCD4; max-width: 58ch; }
.gs-bia .so { color: #C8DCD4; font-size: .9375rem; }
.gs-chang { display: grid; grid-template-columns: 68px minmax(0, 1fr) auto; align-items: center; color: inherit; text-decoration: none; border-bottom: 1px solid var(--vien); }
.gs-chang:last-child { border-bottom: 0; }
.gs-chang:hover { background: var(--mat-2); }
.gs-chang.dang { background: var(--nhat-vang); }
.gs-gio { align-self: stretch; display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; border-right: 1px solid var(--le); color: var(--chu-phu); font-size: .8125rem; }
.gs-chu { display: flex; flex-direction: column; padding: 11px 14px; min-width: 0; }
.gs-chang .chip { margin-right: 12px; }
@media (max-width: 820px) { .gs-chang { grid-template-columns: 54px minmax(0, 1fr) auto; } .gs-loi { grid-template-columns: 52px minmax(0, 1fr); } }