/* ETS Tech — page-specific styles for "Chi Tiet Vi Tri" */
/* Shared .cf-field / input and .form-* field styles live in css/components.css */

.ctv-hero { padding:116px 48px 20px; }
.container { max-width:1200px; margin:0 auto; }
.ctv-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:13.5px; color:#6c8194; margin-bottom:24px; }
.text-muted { color:#6c8194; }
.breadcrumb-sep { color:#b7c4cf; }
.breadcrumb-current { color:#0a1929; font-weight:600; }
.ctv-title { font-size:52px; line-height:1.08; font-weight:700; letter-spacing:-1.2px; margin-bottom:22px; }
.ctv-tags { display:flex; flex-wrap:wrap; gap:12px 14px; }
.ctv-tag { display:inline-flex; align-items:center; gap:9px; padding:11px 18px; border-radius:14px; font-size:14px; color:#0a1929; background:rgba(255,255,255,.62); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,.6); box-shadow:0 8px 24px rgba(15,84,112,.07); }
.ctv-section { padding:40px 48px 100px; }
.ctv-body { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:minmax(0,7fr) minmax(0,3fr); gap:44px; align-items:start; }
.ctv-main-col { display:flex; flex-direction:column; gap:26px; }
.detail-card { padding:38px 40px; border-radius:26px; background:rgba(255,255,255,.62); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.6); box-shadow:0 16px 46px rgba(15,84,112,.1); }
.detail-heading { font-size:26px; letter-spacing:-.5px; margin-bottom:18px; }
.detail-intro { font-size:16px; line-height:1.8; margin:0 0 14px; }
.detail-list { margin:0; padding-left:20px; font-size:16px; line-height:1.9; color:#4a5568; }
.detail-heading-tight { font-size:26px; letter-spacing:-.5px; margin-bottom:22px; }
.benefits-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.benefit-item { display:flex; gap:14px; align-items:flex-start; }
.benefit-icon { flex:none; width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(46,184,235,.12); }
.benefit-title { font-size:15.5px; margin-bottom:4px; }
.benefit-desc { font-size:14px; line-height:1.6; margin:0; }
.detail-heading-sm { font-size:26px; letter-spacing:-.5px; margin-bottom:6px; }
.apply-lead { font-size:14.5px; line-height:1.6; margin:0 0 26px; }
.dropzone { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-align:center; padding:34px 24px; border-radius:18px; border:2px dashed rgba(46,184,235,.5); background:rgba(255,255,255,.5); cursor:pointer; transition:border-color .22s ease, background .22s ease; }
.dropzone-icon { width:48px; height:48px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0f5470,#2eb8eb); box-shadow:0 8px 20px rgba(46,184,235,.3); }
.dropzone-text { font-size:14.5px; color:#0a1929; font-weight:600; }
.dropzone-hint { font-size:12.5px; color:#6c8194; }
.sr-hidden { display:none; }
.ctv-sidebar { position:sticky; top:104px; }
.sidebar-card { padding:30px 28px; border-radius:24px; background:rgba(255,255,255,.62); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.6); box-shadow:0 16px 46px rgba(15,84,112,.1); }
.sidebar-title { font-size:18px; letter-spacing:-.3px; margin-bottom:20px; }
.other-jobs-list { display:flex; flex-direction:column; gap:12px; }
.other-job-link { display:block; padding:16px 18px; border-radius:16px; border:1px solid rgba(15,84,112,.1); background:rgba(255,255,255,.5); transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.other-job-title { font-size:15.5px; margin-bottom:5px; }
.sidebar-view-all { display:block; margin-top:18px; text-align:center; font-size:14px; font-weight:600; color:#0f5470; }
@media (max-width:1024px) {
  [data-sec] { padding-left:60px; padding-right:60px; padding-top:56px; padding-bottom:56px; }
  [data-hero] { padding-top:104px; padding-bottom:20px; }
  [data-body] { grid-template-columns:1fr !important; gap:40px !important; }
  [data-side] { position:static !important; }
  [data-footer-grid] { grid-template-columns:1fr 1fr !important; }
  [data-title-h] { font-size:44px !important; }
}
@media (max-width:767px) {
  [data-sec] { padding-left:20px !important; padding-right:20px !important; padding-top:40px !important; padding-bottom:40px !important; }
  [data-hero] { padding-top:92px !important; padding-bottom:12px !important; }
  [data-title-h] { font-size:32px !important; letter-spacing:-.4px !important; }
  [data-h2] { font-size:24px !important; }
  [data-two-name] { grid-template-columns:1fr !important; gap:16px !important; }
  [data-card] { padding:28px 22px !important; }
  [data-other-list] { flex-direction:row !important; overflow-x:auto !important; gap:14px !important; padding-bottom:8px !important; scroll-snap-type:x mandatory; }
  [data-other-list] > a { flex:0 0 78% !important; scroll-snap-align:start; }
  [data-footer-grid] { grid-template-columns:1fr !important; gap:32px !important; }
}