.chon-runner { border: 0; padding: 0; margin: 18px 0 0; min-width: 0; }
.chon-runner legend { padding: 0; margin-bottom: 9px; font-size: 11px; }
.cap-runner { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.lua-chon-runner {
  position: relative; display: flex; flex-direction: column; justify-content: center;
  gap: 2px; margin: 0; padding: 10px 12px; cursor: pointer;
  background: #0e2a46; border: 1px solid #8caec23d; border-radius: 10px;
  color: #cfdee8; font-size: 11px; min-height: 105px;
}
.lua-chon-runner:has(input:checked) { background: #263c48; border-color: #f0cb85; color: #ffe0a3; }
.lua-chon-runner:has(input:focus-visible) { outline: 2px solid #00a9cc; outline-offset: 3px; }
.lua-chon-runner input {
  position: absolute; top: 10px; right: 10px; width: 14px; height: 14px;
  min-height: 14px; padding: 0; margin: 0; accent-color: #f0cb85;
}
.xem-runner { display: block; width: 51px; height: 68px; }
.xem-runner svg { width: 100%; height: 100%; overflow: visible; }
@media (max-width: 700px) { .chon-runner legend { font-size: 12px; } }

.chon-muc-tieu { border: 0; padding: 0; margin: 18px 0 0; min-width: 0; }
.chon-muc-tieu legend { font-size: 11px; margin-bottom: 9px; padding: 0; }
.cac-muc-tieu { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; }
.cac-muc-tieu label { margin: 0; min-height: 44px; padding: 8px; justify-content: center; gap: 5px; font-size: 10px; background: #0e2a46; border: 1px solid #8caec23d; border-radius: 10px; cursor: pointer; white-space: nowrap; }
.cac-muc-tieu label:has(input:checked) { background: #263c48; border-color: #f0cb85; color: #ffe0a3; }
.cac-muc-tieu input { width: 12px; height: 12px; min-height: 12px; margin: 0; padding: 0; accent-color: #f0cb85; }
.goi-y-loi-mong { display: flex; flex-direction: column; gap: 5px; margin: 8px 0; }
.goi-y-loi-mong button { text-align: left; background: #0e2a46; border: 1px solid #8caec23d; border-radius: 8px; padding: 8px 10px; min-height: 36px; color: #ccdde5; font-size: 10px; line-height: 1.5; }
.goi-y-loi-mong button[aria-pressed=true] { border-color: #f0cb85; color: #ffe0a3; }
@media (max-width:700px) { .chon-muc-tieu legend { font-size: 12px; } .goi-y-loi-mong button { min-height: 40px; font-size: 11px; } }