:root{--accent:#0056D2;--text:#222;--muted:#666;--bg:#fff}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Arial;margin:0;color:var(--text);line-height:1.5;background:var(--bg)}
header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:10}
.brand{font-weight:700;font-size:1.2rem;color:var(--accent)}
nav a{margin-left:18px;text-decoration:none;color:var(--muted);font-size:0.95rem}
nav a:focus, nav a:hover{color:var(--accent);}
.hero{display:flex;flex-wrap:wrap;gap:20px;padding:48px 24px;align-items:center}
.hero h1{font-size:clamp(1.6rem,3vw,2.4rem);margin:0 0 10px;color:var(--accent)}
.quote{font-size:1.1rem;color:var(--text);margin-bottom:12px;font-style:italic}
.hero img{width:260px;height:260px;border-radius:6px;object-fit:cover}
section{padding:36px 24px;border-top:1px solid #fafafa}
h2{color:var(--accent);margin-top:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card{padding:14px;border:1px solid #eee;border-radius:8px;background:#fff}
.news-card img{width:100%;height:auto;border-radius:6px}
.btn{display:inline-block;padding:8px 14px;border-radius:6px;background:var(--accent);color:#fff;text-decoration:none;margin-top:8px}
.muted{color:var(--muted)}
footer{padding:24px;background:#f9f9f9;text-align:center;font-size:0.9rem;color:var(--muted)}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto}}

/* LIGHTBOX */
.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.8);display:none;align-items:center;justify-content:center;padding:20px;z-index:2000}
.lightbox-overlay.active{display:flex}
.lightbox-overlay img{max-width:92%;max-height:92%;border-radius:6px;box-shadow:0 6px 24px rgba(0,0,0,0.5)}
.lightbox-caption{color:#fff;margin-top:12px;text-align:center;font-size:0.95rem}

/* TAMIL FONT FALLBACK */
body{font-family:"Noto Sans Tamil", "Lohit Tamil", Inter, system-ui, Arial, sans-serif}