/* Cung ứng Nhân lực v2: page styles from the design <helmet>, plus hover rules. */

  :root{
    --rose:#A63A4A; --sakura:#E8A0B4; --font-sans:'Montserrat', system-ui, sans-serif;
    --navy-800:#05163A; --navy-700:#08204E; --navy-600:#1A3567; --navy-500:#3D5687;
    --accent-red:#E6354F; --accent-gold:#F5B14E; --accent-green:#10BA7B; --accent-blue:#4579FF;
    --rule-gold:#F5B14E;
    --grad-bridge:linear-gradient(135deg,#10BA7B 0%,#4579FF 100%);
  }
  html{ scroll-behavior:smooth; }
  body{ margin:0; background:var(--paper); font-family:'Montserrat', system-ui, sans-serif; color:var(--navy-600); font-size:17px; line-height:1.65; }
  a{ color:var(--accent-blue); text-decoration-color:rgba(51,102,234,.35); }
  a:hover{ color:var(--navy-700); }
  h1,h2,h3{ color:var(--navy-700); line-height:1.3; letter-spacing:-.015em; margin:0; }
  p{ margin:0; text-wrap:pretty; }
  [data-dd]{ position:relative; }
  [data-dd] [data-dd-menu]{ display:none; }
  [data-dd]:hover [data-dd-menu]{ display:flex; }
  @media (max-width:1024px){
    [data-r="grid12"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="span"]{ grid-column:auto !important; }
    [data-r="b2"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="grid4"],[data-r="grid3"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    [data-r="nav"],[data-r="deco"]{ display:none !important; }
  }
  @media (max-width:768px){
    [data-r="sect"]{ padding-top:64px !important; padding-bottom:64px !important; }
    [data-r="herogrid"]{ grid-template-columns:minmax(0,1fr) !important; }
  }
  @media (max-width:480px){ [data-r="grid4"],[data-r="grid3"]{ grid-template-columns:minmax(0,1fr) !important; } }

    /* === tầng responsive chung === */
    img, svg, video{ max-width:100%; }
    [data-r="mtrigger"]{ display:none; }
    [data-r="drawer"]{ display:none; }
    #mnav{ position:absolute; opacity:0; width:0; height:0; pointer-events:none; }
    #mnav:checked ~ [data-r="drawer"]{ display:flex; }
    @media (max-width:1024px){
      [data-r="mtrigger"]{ display:flex !important; }
      [data-r="hidemob"]{ display:none !important; }
    }
    @media (max-width:768px){
      [data-r="pad"]{ padding-left:18px !important; padding-right:18px !important; }
      [data-r="quote3"]{ padding-left:20px !important; padding-right:20px !important; }
      [data-r="ctaform"]{ grid-template-columns:minmax(0,1fr) !important; }
    }
    @media (max-width:480px){
      body{ font-size:16px; }
      [data-r="sect"]{ padding-top:52px !important; padding-bottom:52px !important; }
      [data-r="pad"]{ padding-left:16px !important; padding-right:16px !important; }
    }
  
  @media (max-width:1024px){
    [data-r="b-top"], [data-r="b-svc"], [data-r="b-pkg"], [data-r="b-dark"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="b-svc2"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  }
  @media (max-width:600px){
    [data-r="b-svc2"]{ grid-template-columns:minmax(0,1fr) !important; }
  }
  header[data-hdr] a{ border-bottom:none; }
  header[data-hdr] [data-r="drawer"] a{ border-bottom:1px solid var(--border-hairline); }
  header[data-hdr] [data-r="drawer"] a:last-child, header[data-hdr] [data-r="drawer"] a[href^="tel:"]{ border-bottom:none; }

  @keyframes fabpulse{ 0%{ transform:scale(1); opacity:.35; } 100%{ transform:scale(1.75); opacity:0; } }
  [data-fabring][data-on="1"]{ animation:fabpulse 2.2s cubic-bezier(.4,0,.2,1) infinite; }
  @media (prefers-reduced-motion: reduce){ [data-fabring]{ animation:none !important; } [data-fab], [data-fabmenu]{ transition:none !important; } }

  footer a, footer a:hover{ border-bottom:none !important; text-decoration:none !important; }
  footer [data-r="ftcols"] a{ align-self:flex-start; }
  @media (max-width:1024px){ [data-r="ft"]{ grid-template-columns:minmax(0,1fr) !important; } }
  @media (max-width:600px){ [data-r="ftcols"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; row-gap:32px !important; } }

/* hover */
.cung-ung-nhan-luc-h0:hover { color: rgb(184, 86, 111) !important; }
.cung-ung-nhan-luc-h1:hover { background: rgb(251, 240, 243) !important; }
.cung-ung-nhan-luc-h2:hover { background: rgb(194, 26, 51) !important; }
.cung-ung-nhan-luc-h3:hover { background: var(--navy-800) !important; }
.cung-ung-nhan-luc-h4:hover { border-color: var(--navy-500) !important; }
.cung-ung-nhan-luc-h5:hover { color: rgb(255, 255, 255) !important; }
.cung-ung-nhan-luc-h6:hover { color: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.08) !important; }
.cung-ung-nhan-luc-h7:hover { background: rgb(247, 249, 252) !important; }