/* Durg Nagar Nigam – portal styles (complements Tailwind) */
[x-cloak] { display: none !important; }
html { scroll-behavior: smooth; }

.hero-pattern {
    background-image:
        radial-gradient(circle at 1px 1px, rgba(255,255,255,.55) 1px, transparent 0);
    background-size: 22px 22px;
}

.nav-active { box-shadow: inset 0 -3px 0 #f7801a; }

.section-kicker { display:inline-block; font-size:.8rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#e0670b; }
.section-title  { margin-top:.25rem; font-size:clamp(1.6rem, 2.5vw, 2.1rem); font-weight:800; color:#0b3d3a; line-height:1.2; }

.badge-new { display:inline-block; font-size:.7rem; font-weight:700; color:#fff; background:#dc2626; border-radius:9999px; padding:.05rem .5rem; animation: pulse-new 1.6s ease-in-out infinite; }
@keyframes pulse-new { 50% { opacity:.55; } }

/* Ticker */
.ticker-track { width:max-content; animation: ticker 40s linear infinite; }
.ticker:hover .ticker-track { animation-play-state: paused; }
@keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .ticker-track { animation:none; } }

.slider-btn { display:grid; place-items:center; height:2.25rem; width:2.25rem; border-radius:9999px; background:rgba(255,255,255,.18); color:#fff; backdrop-filter: blur(4px); transition:background .2s; }
.slider-btn:hover { background:rgba(255,255,255,.35); }

.footer-title { color:#fff; font-weight:700; font-size:1.05rem; margin-bottom:1rem; padding-bottom:.5rem; border-bottom:2px solid rgba(247,128,26,.6); display:inline-block; }
.footer-link  { color:#a7f3da; transition:color .15s; }
.footer-link:hover { color:#fff; }

/* Forms */
.field { display:flex; flex-direction:column; gap:.35rem; }
.field > span { font-size:.9rem; font-weight:600; color:#334155; }
.input { width:100%; border:1px solid #cbd5e1; border-radius:.6rem; padding:.65rem .9rem; background:#fff; font: inherit; transition: border-color .15s, box-shadow .15s; }
.input:focus { outline:none; border-color:#0d9488; box-shadow:0 0 0 3px rgba(20,184,166,.2); }
.btn-primary { display:inline-flex; align-items:center; gap:.5rem; background:#0f766e; color:#fff; font-weight:600; padding:.7rem 1.4rem; border-radius:.6rem; transition: background .15s; }
.btn-primary:hover { background:#115e59; }
.btn-ghost { display:inline-flex; align-items:center; gap:.5rem; color:#334155; font-weight:600; padding:.7rem 1.2rem; border-radius:.6rem; border:1px solid #cbd5e1; }
.btn-ghost:hover { background:#f1f5f9; }

/* Long-form Hindi content */
.prose-hi h2 { font-size:1.4rem; font-weight:700; color:#0b3d3a; margin:1.5rem 0 .5rem; }
.prose-hi h2:first-child { margin-top:0; }
.prose-hi p  { color:#475569; line-height:1.85; }
.prose-hi ul { list-style:disc; padding-left:1.25rem; color:#475569; line-height:1.9; }

/* Org chart (विभाग संरचना) */
.org-node { border-radius: 1rem; padding: 1.1rem 1.25rem; text-align: center; box-shadow: 0 1px 2px rgba(6,38,36,.06), 0 8px 24px -12px rgba(6,38,36,.18); }

/* Two-line clamp */
.line-clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }