.ht-td-form { margin: 0 0 30px; }
.ht-td-form label { font-weight: 600; font-size: .95em; }
.ht-td-form .ht-td-req { color: #d0021b; }
.ht-td-form input[type="text"],
.ht-td-form input[type="email"],
.ht-td-form input[type="tel"],
.ht-td-form input[type="date"],
.ht-td-form select,
.ht-td-form textarea { width: 100%; margin-bottom: 1em; }
.ht-td-form .ht-td-fixed { background: #f3f5f9; color: #1f3c88; font-weight: 600; cursor: default; }
.ht-td-form .ht-td-hp { position: absolute !important; left: -9999px !important; height: 1px; overflow: hidden; }
.ht-td-form .ht-td-dot { background: #eef3fb; border-left: 4px solid #1f3c88; padding: 10px 14px; margin-bottom: 1.2em; }
.ht-td-form .ht-td-error { background: #fdecea; border-left: 4px solid #d0021b; color: #8a1c13; padding: 10px 14px; margin-bottom: 1.2em; }
.ht-td-form .ht-td-guide { background: #fafafa; border: 1px dashed #ccd3e0; border-radius: 6px; padding: 12px 16px; margin: .5em 0 1.2em; }
.ht-td-form .ht-td-guide ol, .ht-td-form .ht-td-guide ul { margin-bottom: .6em; }
.ht-td-form .ht-td-guide p:last-child { margin-bottom: 0; }
.ht-td-form input[type="file"] { display: block; margin: .3em 0 .2em; }
.ht-td-form .ht-td-file-msg { min-height: 1.2em; font-size: .9em; margin-bottom: 1em; }
.ht-td-form .ht-td-file-msg.is-error { color: #d0021b; }
.ht-td-form .ht-td-file-msg.is-ok { color: #2e7d32; }
.ht-td-form .g-recaptcha { margin-bottom: 1em; }
.ht-td-form .ht-td-submit[disabled] { opacity: .6; cursor: wait; }
.ht-td-closed { background: #fff4e5; border-left: 4px solid #f0a020; padding: 12px 16px; margin: 1em 0; }
.ht-td-wrap { margin-top: 2em; padding-top: 1.5em; border-top: 1px solid #e5e8ef; }

/* Ảnh đại diện bài tuyển dụng */
.ht-td-form .ht-td-banner { display: block; margin: 0 0 1em; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 18px rgba(31,60,136,.12); }
.ht-td-form .ht-td-banner img { display: block; width: 100%; height: auto; transition: transform .6s ease; }
.ht-td-form .ht-td-banner:hover img { transform: scale(1.02); }
.ht-td-form .ht-td-pick { margin-bottom: 1.5em; }
.ht-td-form .ht-td-pick-title { font-weight: 600; margin-bottom: .6em; }
.ht-td-form .ht-td-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.ht-td-form .ht-td-card { display: flex; flex-direction: column; border: 1px solid #e1e6f0; border-radius: 8px; overflow: hidden; background: #fff; color: inherit; text-decoration: none; transition: box-shadow .2s, transform .2s; }
.ht-td-form .ht-td-card:hover { box-shadow: 0 6px 20px rgba(31,60,136,.15); transform: translateY(-2px); }
.ht-td-form .ht-td-card-img { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #f3f5f9; }
.ht-td-form .ht-td-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ht-td-form .ht-td-card-body { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px 12px; }
.ht-td-form .ht-td-card-body strong { color: #1f3c88; line-height: 1.35; }
.ht-td-form .ht-td-card-body small { color: #666; }
.ht-td-form .ht-td-card-cta { margin-top: 4px; font-size: .9em; color: #c8a24a; font-weight: 600; }
.ht-td-form .ht-td-pick-note { margin: .8em 0 0; font-style: italic; color: #555; }