/* M&A Global Vietnam — base styles. Layout/colours are inline (from the Hi-Fi mockup). */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#FFFFFF;color:#0F1B33;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%}
a{transition:color .15s ease,background-color .15s ease,filter .15s ease}
a:focus-visible{outline:3px solid #1AA54C !important;outline-offset:3px;border-radius:6px}
header nav a:hover:not([aria-current]){background:#F4F6FA !important;color:#173977 !important}
main a:not([style*="background"]):hover{color:#12803A !important}
main a[style*="background: #173977"]:hover{filter:brightness(1.15)}
main a[style*="background: #FFFFFF"]:hover{background:#EAF0FA !important}
footer a:hover{color:#4CC97A !important}
.skip{position:absolute;left:-9999px;top:0;z-index:10;background:#173977;color:#fff;padding:12px 16px;border-radius:0 0 8px 0;font-weight:600}
.skip:focus{left:0}
:target{scroll-margin-top:24px}
@media (max-width:640px){
  main h1{font-size:34px !important}
  main h2[style*="font-size: 36px"]{font-size:28px !important}
  main>section>div{padding-top:56px !important;padding-bottom:56px !important}
  main>section>div>div[style*="padding: 40px"],main>section section[style*="padding: 32px"]{padding:24px !important}
}
@media print{header nav,.skip{display:none}}