/* Global styles for Himatnagar.in - clean, modern, white-forward design */
:root{
  --brand:#0ea5e9; /* sky-500 */
  --brand-dark:#0284c7; /* sky-600 */
  --text:#0f172a; /* slate-900 */
  --muted:#475569; /* slate-600 */
  --bg:#ffffff;
  --bg-muted:#f8fafc; /* slate-50 */
}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;color:var(--text);background:var(--bg)}

.container{max-width:1200px;margin-inline:auto;padding:0 1rem}
.lead{font-size:1.125rem;color:var(--muted)}
.section{padding:3rem 0}
.section-muted{background:var(--bg-muted)}
.prose{line-height:1.8}
.prose h2{font-size:1.75rem;margin:2rem 0 0.75rem}
.prose h3{font-size:1.25rem;margin:1.5rem 0 0.5rem}
.prose p{margin:0.75rem 0}
.prose ul{margin:0.5rem 1.25rem}
.prose li{margin:0.25rem 0}
.hero{background:linear-gradient(180deg,rgba(14,165,233,0.06),transparent)}
.hero-title{font-weight:800;letter-spacing:-0.02em}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:0.75rem;padding:1rem;box-shadow:0 1px 2px rgba(0,0,0,0.04)}
.grid{display:grid;gap:1.25rem}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.grid-2,.grid-3{grid-template-columns:1fr}}
img.responsive{max-width:100%;height:auto;border-radius:0.75rem}
.breadcrumbs{background:#ffffff;border-bottom:1px solid #e2e8f0}
.toc{position:sticky;top:1rem}
.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;background:#0f172a;color:#fff;border-radius:0.75rem;padding:0.75rem 1rem;box-shadow:0 6px 24px rgba(0,0,0,0.15);display:flex;gap:0.75rem;align-items:flex-start;z-index:50}
.cookie-banner .actions{margin-left:auto;display:flex;gap:0.5rem}
.cookie-banner .btn{background:#16a34a}
.cookie-banner .btn:hover{background:#15803d}
header .nav a{color:#0f172a;text-decoration:none;padding:0.5rem 0.75rem;border-radius:0.5rem}
header .nav a:hover{background:#e2e8f0}
header .brand{display:flex;align-items:center;gap:0.5rem;font-weight:700}
.badge{display:inline-flex;align-items:center;gap:0.35rem;background:#e0f2fe;color:#0369a1;padding:0.25rem 0.5rem;border-radius:999px;font-size:0.75rem}
.footer{background:var(--bg-muted);border-top:1px solid #e2e8f0;margin-top:2rem}
.footer a{color:var(--brand-dark);text-decoration:none}
.footer a:hover{text-decoration:underline}
.small{font-size:0.85rem;color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:0.5rem;background:var(--brand);color:#fff;padding:0.6rem 0.9rem;border-radius:0.6rem;text-decoration:none}
.btn:hover{background:var(--brand-dark)}

/* Utility */
.hidden{display:none}