/* Public (no-login) bye-law pages: www/upvidhi/*.html, built by tools/build_public.py */
:root {
  --ink: #16233b; --paper: #eef1f5; --surface: #ffffff; --text: #17202f; --muted: #5a6478; --line: #dce1e9;
  --marigold: #c98512; --marigold-hi: #f0b23f; --marigold-soft: #fbf0d9; --link: #1f5aa0;
  --display: "Tiro Devanagari Marathi", "Noto Serif Devanagari", Georgia, serif;
  --body: "Mukta", "Noto Sans Devanagari", "Nirmala UI", system-ui, sans-serif;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root { --ink: #0b1222; --paper: #0f1522; --surface: #172033; --text: #e6ebf3; --muted: #9ba6ba; --line: #27324a;
    --marigold: #f0b23f; --marigold-soft: #33290f; --link: #8db9f2; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--text); font: 17px/1.65 var(--body); }
a { color: var(--link); }
.top { background: var(--ink); display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; position: sticky; top: 0; z-index: 2; }
.brand { display: flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; font: 600 1.1em var(--display); }
.brand img { border-radius: 8px; }
.langs { display: flex; gap: 2px; background: rgba(255,255,255,.08); border-radius: 999px; padding: 3px; margin-left: auto; }
.langs a { color: #c9d3e6; text-decoration: none; font-weight: 600; font-size: .85em; padding: 3px 10px; border-radius: 999px; }
.langs a[aria-current] { background: var(--marigold-hi); color: #16233b; }
.open { background: var(--marigold-hi); color: #16233b; text-decoration: none; font-weight: 700; border-radius: 999px; padding: 6px 14px; font-size: .9em; white-space: nowrap; }
main { max-width: 760px; margin: 0 auto; padding: 18px 16px 8px; }
h1 { font: 400 1.75em/1.3 var(--display); margin: 6px 0 12px; }
h1 small, h2 small { display: block; font: 400 .55em/1.5 var(--body); color: var(--muted); }
h2 { font: 600 1.05em/1.4 var(--body); margin: 0 0 6px; }
h2 a { text-decoration: none; }
.crumb { color: var(--muted); font-size: .9em; margin: 0; }
.lead { color: var(--muted); }
.head { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: center; margin: 8px 0 14px; }
.big { font: 400 3.6em/1 var(--display); color: var(--marigold); border-bottom: 4px solid var(--marigold); }
.head h1 { margin: 0; }
.eyebrow { margin: 0; color: var(--muted); font-size: .85em; letter-spacing: .04em; }
.sub { margin: 4px 0 0; color: var(--muted); font-size: .92em; }
section { margin: 0 0 14px; }
.sum { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 14px 16px; }
.sum:first-of-type { background: var(--marigold-soft); border-color: transparent; }
.sum p { margin: 0; }
.cta { display: grid; gap: 2px; background: var(--ink); color: #fff; text-decoration: none; border-radius: 14px; padding: 14px 16px; margin: 0 0 14px; }
.cta span { color: var(--marigold-hi); font-weight: 600; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.chips a { background: var(--surface); border: 1px solid var(--line); border-radius: 999px; padding: 4px 12px; text-decoration: none; font-size: .92em; }
.list { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.row { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 10px; padding: 9px 14px; border-top: 1px solid var(--line); text-decoration: none; color: var(--text); }
.row:first-child { border-top: 0; }
.row .no { color: var(--marigold); font: 600 1.15em var(--display); }
.row small { display: block; color: var(--muted); font-size: .82em; }
.pager { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 18px 0; font-size: .92em; }
.pager a:last-child { text-align: right; }
footer { max-width: 760px; margin: 0 auto; padding: 8px 16px 28px; color: var(--muted); font-size: .85em; }
.note { border-left: 3px solid var(--marigold); padding-left: 10px; }