.case-anh{position:relative}.case-anh-khung{position:relative;width:100%;aspect-ratio:var(--tl,.8);max-height:620px;border-radius:14px;overflow:hidden;background:#f3f3f3}.case-anh figure{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .45s ease}.case-anh figure.dang{opacity:1}body.hd-cases .case-media .case-anh figure{position:absolute}.case-media .case-anh img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;border-radius:0;background:#fff0}.case-media .case-anh figcaption{position:absolute;left:12px;top:12px;display:block;padding:5px 12px;border-radius:999px;background:rgb(255 255 255 / .94);color:var(--ink);font-size:12px;font-weight:700;line-height:1.4}.case-anh-cham{display:flex;justify-content:center;gap:4px;margin-top:8px}.case-anh-cham button{position:relative;width:28px;height:28px;padding:0;border:0;background:#fff0;cursor:pointer}.case-anh-cham button::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:999px;background:#c9d0d1;transition:width .2s,margin .2s,background .2s}.case-anh-cham button[aria-current]::after{width:22px;margin-left:-11px;background:var(--ink)}@media (prefers-reduced-motion:reduce){.case-anh figure{transition:none}}.case-controls button[data-case-next]:not(:disabled){background:var(--ink);border-color:var(--ink);color:#fff}.case-controls .case-position{font-weight:700;color:var(--ink)}.case-chuyen{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--case-border,var(--line))}.case-chuyen button{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border:1px solid #e0e0e0;border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer}.case-chuyen button:hover:not(:disabled){border-color:var(--ink)}.case-chuyen .case-chuyen-tiep{background:var(--ink);border-color:var(--ink);color:#fff}.case-chuyen button:disabled{opacity:.35;cursor:default}.case-chuyen svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.case-chuyen-so{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:.04em}.case-summary{white-space:normal}.case-khoa{margin-top:4px;padding:20px;border:1px solid var(--case-border,var(--line));border-radius:16px;background:#fff}.case-khoa h4{margin:0 0 12px;font-size:15px;font-weight:700;color:var(--ink)}.case-khoa p{margin:0 0 16px;font-size:14px;line-height:1.65;color:#50595c}.case-khoa-mo{display:grid;gap:8px;margin-bottom:16px}.case-khoa-mo span{display:block;height:10px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0,#f8f8f8)}.case-khoa-mo span:nth-child(2){width:84%}.case-khoa-mo span:nth-child(3){width:62%}.case-khoa .case-facts{gap:16px}.case-khoa dt{font-size:12px;font-weight:700;color:var(--teal-dark);margin-bottom:6px}.case-khoa dd{margin:0;font-size:15px;line-height:1.7;color:var(--ink)}.case-khoa dd ul{margin:0;padding-left:18px}.case-khoa dd li+li{margin-top:4px}.case-form{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px 24px 24px;border:0;border-radius:20px;box-shadow:0 24px 70px rgb(8 27 23 / .24);color:var(--ink)}.case-form::backdrop{background:rgb(8 27 23 / .45)}.case-form-dong{position:absolute;top:10px;right:10px;margin:0}.case-form-dong .hd-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:#fff0;color:var(--ink);cursor:pointer}.case-form-dong .hd-close:hover{background:#f5f5f5}.case-form-dong svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.case-form h2{margin:4px 0 6px;font-size:22px;line-height:1.3}.case-form-case{margin:0 0 18px;font-size:14px;line-height:1.6;color:#50595c}.case-form .hd-field{margin-bottom:14px}.case-form .hd-field input{width:100%}.case-form .hd-consent{display:flex;gap:8px;align-items:flex-start;margin:4px 0 2px;font-size:13px;line-height:1.5}.case-form button[type=submit]{width:100%;margin-top:14px}.case-form button[disabled]{opacity:.6;cursor:progress}.case-form-bay{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}@media (max-width:767px){.case-anh-khung{max-height:520px}.case-chuyen{display:none}.case-khoa{padding:16px}}