:root{
    --navy:#0b3576;
    --navy-dark:#082657;
    --green:#178a4a;
    --green-dark:#0f6b39;
    --amber:#e8621c;
    --bg:#f3f5f8;
    --card:#ffffff;
    --text:#1c2733;
    --muted:#5b6b7c;
    --border:#e3e8ee;
    --radius:10px;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  body{font-family:'Noto Sans',sans-serif;color:var(--text);background:var(--bg);line-height:1.5;}
  a{text-decoration:none;color:inherit;}
  img{max-width:100%;display:block;}
  .hindi{font-family:'Noto Sans Devanagari',sans-serif;}

  /* skip link */
  .skip-link{position:absolute;left:-9999px;top:0;background:#000;color:#fff;padding:10px 16px;z-index:999;}
  .skip-link:focus{left:10px;top:10px;}

  /* Top green strip */
  .topstrip{height:5px;background:linear-gradient(90deg,var(--green),var(--green-dark));}

  /* Top utility bar */
  .topbar{background:#ffffff;color:#333;font-size:12.5px;border-bottom:1px solid var(--border);}
  .topbar-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:6px 20px;}
  .topbar-left{display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.2px;}
  .topbar-left .flag{color:var(--amber);}
  .topbar-right{display:flex;align-items:center;gap:14px;}
  .topbar-right a{color:#333;}
  .topbar-right button{background:transparent;border:1px solid #c7d0da;color:#333;border-radius:4px;padding:2px 8px;font-size:12px;cursor:pointer;font-weight:600;}
  .topbar-right button:hover, .topbar-right button.active{background:var(--navy);color:#fff;border-color:var(--navy);}
  .topbar-right .divider{width:1px;height:14px;background:#c7d0da;}
  .topbar-right a.btn-login{background:var(--navy);color:#ffffff !important;padding:6px 14px;border-radius:6px;font-weight:600;display:flex;align-items:center;gap:6px;}
  .topbar-right a.btn-login:hover{background:var(--navy-dark);}

  /* Header */
  header.site-header{background:#fff;border-bottom:1px solid var(--border);}
  .header-inner{max-width:1280px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;gap:18px;}
  .emblem{width:56px;height:56px;flex-shrink:0;}
  .emblem-caption{font-size:10px;text-align:center;color:var(--muted);margin-top:2px;}
  .logo-badge{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--green));flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;}
  .logo-badge-img{width:56px;height:56px;border-radius:50%;flex-shrink:0;object-fit:cover;object-position:center;border:1px solid var(--border);}
  .brand-text h1{font-size:22px;color:var(--navy);letter-spacing:.3px;}
  .brand-text .sub{font-size:13px;color:var(--muted);margin-top:2px;}
  .brand-text .tagline{font-size:13px;color:var(--green-dark);margin-top:3px;font-weight:600;}
  .search-wrap{margin-left:auto;width:320px;position:relative;}
  .search-wrap input{width:100%;padding:10px 40px 10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font-size:14px;}
  .search-wrap button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:var(--navy);color:#fff;border:none;width:30px;height:30px;border-radius:6px;cursor:pointer;}

  /* Nav */
  nav.main-nav{background:var(--navy);}
  .nav-inner{max-width:1280px;margin:0 auto;display:flex;padding:0 20px;}
  .nav-inner a{color:#fff;padding:13px 16px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:5px;white-space:nowrap;}
  .nav-inner a:hover, .nav-inner a.active{background:var(--green);}
  .nav-inner a i{font-size:11px;}

  /* Hero */
  .hero{position:relative;max-width:1280px;margin:20px auto 0;padding:0 20px;}
  .hero-slide{position:relative;border-radius:var(--radius);overflow:hidden;height:420px;background:#0c2a4d;}
  .hero-slides-track{position:absolute;inset:0;}
  .hero-slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease;}
  .hero-slide-img.active{opacity:1;}
  .hero-overlay-gradient{position:absolute;inset:0;background:linear-gradient(100deg, rgba(255,255,255,.85) 0%, rgba(255,255,255,.55) 32%, rgba(255,255,255,.15) 52%, rgba(255,255,255,0) 68%);pointer-events:none;}
  .hero-copy{position:absolute;left:40px;top:60px;max-width:480px;}
  .hero-copy h2{font-size:34px;color:#0c2a4d;line-height:1.25;font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.4);}
  .hero-copy p{margin-top:14px;font-size:15px;color:#20344a;font-weight:600;}
  .hero-ctas{margin-top:22px;display:flex;gap:12px;}
  .hero-ctas a{padding:12px 20px;border-radius:8px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;}
  .cta-primary{background:var(--navy);color:#fff;}
  .cta-secondary{background:var(--green);color:#fff;}
  .hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:pointer;}
  .hero-arrow.left{left:18px;}
  .hero-arrow.right{right:18px;}
  .hero-dots{display:flex;justify-content:center;gap:8px;margin-top:14px;}
  .hero-dots span{width:9px;height:9px;border-radius:50%;background:#c3ccd6;}
  .hero-dots span.active{background:var(--navy);width:22px;border-radius:5px;}

  /* Quick access */
  .quick-access{max-width:1280px;margin:20px auto;padding:0 20px;}
  .qa-card{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 4px rgba(20,30,50,.06);padding:22px 10px;display:grid;grid-template-columns:repeat(8,1fr);gap:6px;}
  .qa-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:14px 6px;border-radius:12px;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, background .18s ease;border:1px solid transparent;}
  .qa-item:hover{background:#fff;transform:translateY(-4px);box-shadow:0 10px 22px rgba(11,53,118,.12);border-color:var(--border);}
  .qa-item:hover .qa-icon{transform:scale(1.06);box-shadow:0 6px 14px rgba(0,0,0,.18);}
  .qa-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:19px;color:#fff;transition:transform .18s ease, box-shadow .18s ease;box-shadow:0 3px 8px rgba(0,0,0,.12);}
  .qa-item span{font-size:12.5px;font-weight:600;}
  .qa-item small{font-size:11px;color:var(--muted);}

  /* Generic section card */
  .grid-3{max-width:1280px;margin:0 auto 20px;padding:0 20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;}
  .panel{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 4px rgba(20,30,50,.06);overflow:hidden;transition:box-shadow .2s ease, transform .2s ease;display:flex;flex-direction:column;}
  .panel:hover{box-shadow:0 10px 26px rgba(11,53,118,.1);transform:translateY(-2px);}
  .panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);flex-shrink:0;}
  .panel-head h3{font-size:14.5px;color:var(--navy);display:flex;align-items:center;gap:8px;letter-spacing:.2px;}
  .panel-head a{font-size:12.5px;color:var(--green-dark);font-weight:600;}
  .panel-body{padding:6px 18px 14px;}

  /* Manual-scroll panel with visible scrollbar (News) */
  .news-scroll{flex:1;min-height:270px;overflow-y:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:var(--navy) #eef1f5;}
  .news-scroll::-webkit-scrollbar{width:7px;}
  .news-scroll::-webkit-scrollbar-track{background:#eef1f5;border-radius:4px;}
  .news-scroll::-webkit-scrollbar-thumb{background:var(--navy);border-radius:4px;}
  .news-scroll::-webkit-scrollbar-thumb:hover{background:var(--navy-dark);}

  /* Vertical auto-scroll ticker (Notices) */
  .ticker-viewport{flex:1;min-height:270px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);}
  .ticker-track{animation:mcunaTickerScroll 22s linear infinite;}
  .ticker-viewport:hover .ticker-track{animation-play-state:paused;}
  @keyframes mcunaTickerScroll{
    0%{transform:translateY(0);}
    100%{transform:translateY(-50%);}
  }

  .notice-row{display:flex;gap:12px;padding:11px 0;border-bottom:1px dashed var(--border);}
  .notice-row:last-child{border-bottom:none;}
  .notice-date{width:44px;text-align:center;flex-shrink:0;}
  .notice-date .d{font-size:17px;font-weight:800;color:var(--navy);line-height:1;}
  .notice-date .m{font-size:11px;color:var(--muted);}
  .notice-title{font-size:13.5px;line-height:1.4;}
  .badge-new{display:inline-block;margin-left:6px;background:#fde8e8;color:#c53030;font-size:10px;padding:1px 6px;border-radius:4px;font-weight:700;vertical-align:middle;}

  .news-row{display:flex;gap:12px;padding:11px 0;border-bottom:1px dashed var(--border);}
  .news-row:last-child{border-bottom:none;}
  .news-thumb{width:58px;height:44px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;}
  .news-date{font-size:11px;color:var(--muted);margin-bottom:2px;}
  .news-title{font-size:13.5px;line-height:1.35;}

  .map-box{height:230px;border-radius:8px;position:relative;margin-bottom:6px;overflow:hidden;}
  .map-embed{background:#eef2e6;}
  .map-embed iframe{display:block;}
  .map-pin{position:relative;text-align:center;}
  .map-pin i{font-size:26px;color:var(--navy);}
  .map-pin span{display:block;font-size:12px;font-weight:700;color:var(--navy);}
  .link-list a{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:13.5px;border-bottom:1px dashed var(--border);}
  .link-list a:last-child{border-bottom:none;}
  .link-list i{width:16px;color:var(--green-dark);}
  .explore-btn{display:block;text-align:center;background:var(--navy);color:#fff;padding:11px;border-radius:8px;font-weight:700;font-size:13.5px;margin-top:12px;}

  /* Schemes */
  .grid-2-schemes{max-width:1280px;margin:0 auto 20px;padding:0 20px;display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:stretch;}
  .scheme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 10px;}
  .scheme-icon{width:48px;height:48px;border-radius:13px;background:#f3f5f8;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:19px;transition:transform .18s ease, box-shadow .18s ease;}
  .scheme-item{cursor:pointer;}
  .scheme-item:hover .scheme-icon{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,.1);}
  .scheme-item{text-align:center;}
  .scheme-item span{font-size:12px;font-weight:600;}

  /* At a glance */
  .glance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 14px;padding:16px 18px;}
  .glance-item{display:flex;align-items:center;gap:10px;}
  .glance-icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
  .glance-num{font-size:19px;font-weight:800;color:var(--navy);line-height:1;}
  .glance-num.green{color:var(--green-dark);}
  .glance-label{font-size:11.5px;color:var(--muted);}

  /* Commissioner / corner / services */
  .commissioner{display:flex;gap:16px;padding:16px 18px;}
  .commissioner img, .commissioner .ph{width:110px;height:150px;border-radius:8px;flex-shrink:0;background:linear-gradient(160deg,#c8d4e0,#8fa3b8);object-fit:cover;}
  .commissioner blockquote{font-size:13px;color:var(--text);font-style:italic;line-height:1.5;}
  .commissioner .who{margin-top:8px;font-size:12.5px;font-weight:700;color:var(--navy);}
  .read-more-btn{display:inline-block;margin-top:8px;background:var(--navy);color:#fff;font-size:11.5px;padding:5px 12px;border-radius:6px;font-weight:600;}

  /* Gallery / videos / events */
  .gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 18px 16px;}
  .gallery-grid div{height:70px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;}
  .video-box{margin:12px 18px 16px;height:150px;border-radius:8px;background:#0c2a4d;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;}
  .video-box i{position:absolute;font-size:36px;opacity:.9;}
  .video-box span{position:absolute;bottom:10px;left:12px;font-size:12.5px;}
  .event-row{display:flex;gap:12px;padding:11px 18px;border-bottom:1px dashed var(--border);}
  .event-row:last-child{border-bottom:none;}
  .event-date{width:40px;text-align:center;flex-shrink:0;background:var(--bg);border-radius:6px;padding:4px 0;}
  .event-date .d{font-size:15px;font-weight:800;color:var(--amber);line-height:1;}
  .event-date .m{font-size:10px;color:var(--muted);}
  .event-title{font-size:13px;font-weight:600;}
  .event-meta{font-size:11.5px;color:var(--muted);margin-top:2px;}

  /* Downloads strip */
  .downloads{max-width:1280px;margin:0 auto 30px;padding:0 20px;}
  .downloads-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
  .downloads-head h3{font-size:15px;color:var(--navy);font-weight:800;}
  .downloads-head a{font-size:12.5px;color:var(--navy);font-weight:600;}
  .dl-bar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:stretch;overflow-x:auto;}
  .dl-item{display:flex;align-items:center;gap:9px;padding:16px 20px;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;border-right:1px solid var(--border);flex:1;justify-content:center;transition:background .18s ease;}
  .dl-item:last-child{border-right:none;}
  .dl-icon{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12.5px;flex-shrink:0;transition:transform .18s ease;}
  .dl-item:hover{background:var(--bg);}
  .dl-item:hover .dl-icon{transform:scale(1.08);}

  /* Footer */
  footer{background:var(--navy-dark);color:#cfd9e4;margin-top:10px;}
  .footer-inner{max-width:1280px;margin:0 auto;padding:36px 20px 18px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:24px;}
  .footer-inner h4{color:#fff;font-size:14px;margin-bottom:12px;}
  .footer-inner p{font-size:12.5px;line-height:1.6;color:#a9b8c8;}
  .footer-inner ul{list-style:none;}
  .footer-inner ul li{margin-bottom:8px;font-size:12.5px;}
  .footer-inner ul a:hover{color:#fff;}
  .contact-line{display:flex;gap:8px;font-size:12.5px;margin-bottom:10px;color:#a9b8c8;}
  .contact-line i{margin-top:2px;color:var(--green);}
  .social-row{display:flex;gap:10px;margin-top:14px;}
  .social-row a{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;}
  .qr-box{width:64px;height:64px;background:#fff;border-radius:6px;margin-bottom:8px;}
  .store-badges{display:flex;flex-direction:column;gap:6px;}
  .store-badges span{background:rgba(255,255,255,.08);font-size:11px;padding:6px 10px;border-radius:6px;display:flex;align-items:center;gap:6px;}
  .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:14px 20px;display:flex;justify-content:space-between;max-width:1280px;margin:0 auto;font-size:11.5px;color:#8ea1b5;}
  .footer-bottom a{margin-left:16px;}

  /* Floating action buttons */
  .fab-stack{position:fixed;right:22px;bottom:26px;display:flex;flex-direction:column;gap:12px;z-index:200;}
  .fab{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--navy-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 6px 18px rgba(11,53,118,.35);border:none;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, opacity .2s ease;}
  .fab:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(11,53,118,.45);}
  .fab-accent{background:linear-gradient(135deg,var(--green),var(--green-dark));}
  #back-to-top{opacity:0;pointer-events:none;}
  #back-to-top.visible{opacity:1;pointer-events:auto;}

  @media (max-width: 1000px){
    .grid-2-schemes{grid-template-columns:1fr;}
    .grid-3{grid-template-columns:1fr;}
    .qa-card{grid-template-columns:repeat(4,1fr);}
    .scheme-grid{grid-template-columns:repeat(4,1fr);}
    .glance-grid{grid-template-columns:1fr;}
    .footer-inner{grid-template-columns:1fr 1fr;}
    .dl-bar{flex-wrap:wrap;}
    .dl-item{flex:1 1 33%;border-bottom:1px solid var(--border);}
    .nav-inner{overflow-x:auto;}
  }


/* ==== Drupal integration additions ==== */
.drupal-content-wrapper{max-width:1280px;margin:14px auto 0;padding:0 20px;}
.drupal-content-wrapper:empty{display:none;}
.messages-list{list-style:none;}
.messages{padding:12px 16px;border-radius:8px;margin-bottom:10px;font-size:13.5px;}
.messages--status{background:#e6f6ec;color:#0f6b39;border:1px solid #b8e0c4;}
.messages--error{background:#fde9e9;color:#c0392b;border:1px solid #f3c1c1;}
.messages--warning{background:#fff6e0;color:#8a6a00;border:1px solid #f0dfa0;}

/* Interior (non-front) page layout */
.inner-page-wrap{max-width:1280px;margin:24px auto 40px;padding:0 20px;display:grid;grid-template-columns:1fr;gap:24px;}
.inner-page-panel{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 4px rgba(20,30,50,.06);padding:24px 28px;min-height:300px;}
.inner-page-panel h1{color:var(--navy);font-size:26px;margin-bottom:16px;}
.inner-page-panel h2{color:var(--navy);font-size:19px;margin:18px 0 10px;}
.inner-page-panel p{margin-bottom:12px;line-height:1.7;}
.inner-breadcrumb{font-size:12.5px;color:var(--muted);margin-bottom:14px;}
.inner-breadcrumb a{color:var(--green-dark);}
.inner-page-sidebar{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 4px rgba(20,30,50,.06);padding:18px;}


/* ===== Mobile responsiveness enhancements ===== */
.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;padding:12px 16px;cursor:pointer;}

@media (max-width:900px){
	.header-inner{flex-wrap:wrap;padding:12px 16px;}
	.brand-text h1{font-size:16px;}
	.brand-text .sub{font-size:11px;}
	.brand-text .tagline{font-size:11px;}
	.search-wrap{width:100%;order:3;margin-top:10px;margin-left:0;}
	.logo-badge,.logo-badge-img{width:44px;height:44px;}
	.nav-toggle{display:block;}
	.nav-inner{display:none;flex-direction:column;width:100%;overflow-x:visible;}
	.nav-inner.open{display:flex;}
	.nav-inner a{width:100%;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);}
	.hero-copy{left:20px;top:30px;max-width:80%;}
	.hero-copy h2{font-size:22px;}
	.hero-copy p{font-size:12.5px;margin-top:8px;}
	.hero-ctas{margin-top:14px;flex-direction:column;gap:8px;}
	.hero-ctas a{padding:10px 16px;font-size:12.5px;}
	.hero-slide{height:320px;}
	.hero-arrow{width:32px;height:32px;}
	.qa-card{grid-template-columns:repeat(4,1fr);gap:4px;padding:14px 6px;}
	.qa-icon{width:42px;height:42px;font-size:16px;}
	.qa-item span{font-size:11px;}
	.qa-item small{font-size:10px;}
	.scheme-grid{grid-template-columns:repeat(3,1fr);}
	.glance-grid{grid-template-columns:1fr;}
	.footer-inner{grid-template-columns:1fr;gap:20px;padding:28px 20px 14px;}
	.footer-bottom{flex-direction:column;gap:8px;text-align:center;}
	.footer-bottom a{margin-left:0;margin-right:12px;}
	.dl-bar{flex-wrap:wrap;}
	.dl-item{flex:1 1 50%;border-right:none;border-bottom:1px solid var(--border);}
	.gallery-grid{grid-template-columns:1fr 1fr;}
	.fab-stack{right:14px;bottom:16px;}
	.fab{width:42px;height:42px;font-size:15px;}
}

@media (max-width:480px){
	.topbar-inner{flex-wrap:wrap;gap:6px;padding:6px 12px;}
	.topbar-left{font-size:10.5px;}
	.topbar-right{gap:8px;font-size:11px;}
	.brand-text h1{font-size:14px;}
	.qa-card{grid-template-columns:repeat(3,1fr);}
	.hero-copy h2{font-size:18px;}
	.hero-slide{height:260px;}
	.scheme-grid{grid-template-columns:repeat(2,1fr);}
	.dl-item{flex:1 1 100%;}
}

/* Nav override: horizontal scroll instead of hide, works without JS */
@media (max-width:900px){
	.nav-toggle{display:none;}
	  .nav-inner{display:flex;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;scrollbar-width:none;}
	.nav-inner::-webkit-scrollbar{display:none;}
	.nav-inner a{width:auto;white-space:nowrap;border-bottom:none;padding:13px 14px;}
}