/* /giai-phap/ (04/11/2026) — trang-moi/giai-phap.php */
.gp-mo { padding-top: clamp(28px, 4vw, 48px); }
.gp-mo__luoi { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); align-items: center; }
.gp-mo .m-robot { margin: 0; }
.gp-kenh { display: flex; flex-wrap: wrap; gap: 6px; margin: 18px 0 14px; }
.gp-o, .gp-tt { display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border-radius: 99px; border: 1px solid var(--vien); background: #fff; font-size: 13px; font-weight: 600; }
.gp-o::before, .gp-tt::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #3FB866; }
.gp-o--cho, .gp-tt--cho { color: var(--nhat); border-style: dashed; }
.gp-o--cho::before, .gp-tt--cho::before { background: #fff; border: 1.5px solid #B5AFA6; }
.gp-muc { display: flex; flex-wrap: wrap; gap: 8px; }
.gp-muc a { padding: 8px 14px; border-radius: 10px; background: var(--den); color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; }
.gp-muc a.cho { background: #F4F2EF; color: var(--nhat); }
.gp-viec { scroll-margin-top: 80px; }
.gp-viec__luoi { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); align-items: center; }
.gp-viec__luoi--mot { grid-template-columns: minmax(0, 720px); }
.gp-viec .m-robot { margin: 0; }
.gp-viec .m-h2 { margin: 14px 0 12px; }
.gp-mo-ta { font-size: 17px; line-height: 1.6; color: var(--chu); margin: 0 0 12px; max-width: 600px; }
.gp-o-dau { font-size: 14px; color: var(--nhat); margin: 0 0 18px; }
.gp-o-dau b { color: var(--den); }
.gp-nut { display: flex; flex-wrap: wrap; gap: 10px; }
@media (max-width: 767px) {
	.gp-mo__luoi, .gp-viec__luoi { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.gp-mo-ta { font-size: 15px; }
	.gp-nut .m-nut { flex: 1 1 auto; justify-content: center; }
	.gp-muc a { font-size: 13px; padding: 7px 11px; }
}