/* Modern responsive layout for PRM Manpower */

*,*::before,*::after{box-sizing:border-box;}
html{font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;}
body{margin:0; min-height:100vh; background:#f3f5f8; color:#2b2b2b; font-size:16px; line-height:1.75;}
a{color:#0d6efd; text-decoration:none; transition:color .2s ease-in-out;}
a:hover{color:#0a58ca;}
img{max-width:100%; height:auto; display:block;}
button,input,textarea,select{font:inherit;}

body{background-color:#eef2f7; color:#24303f;}

.container{max-width:1100px; width:100%; margin:0 auto; padding:0 20px;}

#header{padding:24px 0 12px;}
#sitetitle{display:flex; align-items:center; justify-content:flex-start;}
#sitetitle a{display:inline-block; font-size:1.45rem; font-weight:700; color:#161e2e; text-decoration:none;}
#sitetitle a:hover{color:#0d6efd;}
#sitetitle img{max-height:70px; width:auto;}

#nav{background:#1d2939; border-radius:18px; padding:14px 18px; margin-bottom:24px;}
#nav ul{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; list-style:none; margin:0; padding:0;}
#nav ul li{margin:0;}
#nav ul li a{color:#e2e8f0; padding:10px 16px; display:block; font-size:0.95rem; text-transform:uppercase; border-radius:10px;}
#nav ul li a:hover, #nav ul li a.current{background:rgba(255,255,255,0.08); color:#fff;}

#content{background:#fff; border-radius:24px; box-shadow:0 22px 60px rgba(15,23,42,.08); padding:30px; margin-bottom:32px;}
#content h1, #content h2, #content h3{color:#161e2e; margin-top:0;}
#content p{margin:0 0 1.15rem; text-indent:0;}
#content h1{font-size:2rem; margin-bottom:0.75rem;}
#content h2{font-size:1.75rem; margin-bottom:1rem;}

#content .grid{display:grid; grid-template-columns:1fr 1.45fr; gap:30px; align-items:start;}
#content .grid figure{margin:0;}
#content .grid figure img{border-radius:18px; box-shadow:0 12px 40px rgba(15,23,42,.08);}

#main{width:100%;}
#trio1{width:100%;}
#trio1 img{border-radius:18px;}

table{width:100%; border-collapse:collapse; margin-top:1rem;}
table td{padding:10px 12px; vertical-align:top; border-bottom:1px solid #e6ebf2;}
table td:first-child{font-weight:600; width:120px; color:#334155;}

#footer{background:#1d2939; color:#d8e2ef; border-radius:18px; padding:22px 18px; text-align:center;}
#footer p{margin:0; font-size:0.95rem;}
#footer a{color:#9ec5ff;}
#footer a:hover{color:#cfe3ff;}

.shadow{box-shadow:0 20px 50px rgba(15,23,42,.08);}

ul{margin:0 0 1rem 0; padding-left:1.25rem;}
li{margin-bottom:0.6rem;}

@media (max-width: 860px) {
  #nav ul{flex-direction:column; gap:8px;}
  #content{padding:24px;}
  #content .grid{grid-template-columns:1fr;}
  #sitetitle{justify-content:center;}
}

@media (max-width: 560px) {
  html{font-size:15px;}
  #content{padding:20px;}
  #footer{padding:18px 14px;}
}