/* Thamil Systems — clean responsive style */
:root{
  color-scheme: light;
  font-family: 'Droid Sans', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #2b2b2b;
  background: #f2f4f6;
}
*,*::before,*::after{box-sizing:border-box;}
.clearfix::after{content:'';display:table;clear:both;}
.shadow{box-shadow:0 12px 32px rgba(0,0,0,.08);}
html{scroll-behavior:smooth;}
body{margin:0;background:#f2f4f6;color:#2b2b2b;}
a{color:#0a6ebd;text-decoration:none;}
a:hover{text-decoration:underline;}
img{display:block;max-width:100%;height:auto;}
button, input, textarea, select{font:inherit;}
body,button,input,textarea,select{font-family:inherit;}

body{background:#eef1f5;}
#header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;}
#wrapper960{width:min(96%,960px);margin:0 auto;padding:0;}
#sitetitle{display:flex;flex-direction:column;gap:.35rem;}
#sitetitle h1{font-size:clamp(1.9rem,2.2vw,2.8rem);margin:0;color:#1d1d1d;}
#sitetitle h4{margin:0;font-size:1rem;font-weight:400;color:#4d4d4d;}
#nav ul{display:flex;flex-wrap:wrap;gap:16px;list-style:none;margin:0;padding:0;}
#nav a{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#4f4f4f;font-weight:700;transition:color .2s ease;}
#nav a.current{color:#111;}

.slider-wrapper{position:relative;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.08);margin-bottom:32px;}
.slider{position:relative;width:100%;min-height:320px;}
.slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .75s ease-in-out;}
.slider img.active{opacity:1;}

#content,#extended,#footer{background:#fff;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.05);margin-bottom:24px;padding:28px;}
#content h2,#extended h3{margin-top:0;}
#extended{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
#extended .inner{padding:0;}
#content p,#extended p{margin:0;}
#footer p{margin:0;text-align:center;color:#6b6b6b;font-size:.95rem;}

@media(max-width:900px){
  #header,#extended{display:block;}
  #nav ul{justify-content:flex-start;}
  #extended{grid-template-columns:1fr;}
  .slider{min-height:240px;}
}

@media(max-width:600px){
  #header{padding:18px 0;}
  #sitetitle h1{font-size:1.9rem;}
  #content,#extended,#footer{padding:20px;}
  .slider{min-height:200px;}
}