:root { --paper:#f4efe6; --ink:#1a1612; --muted:#5c5348; --line:#ddd4c6; --saffron:#c45c26; --official:#0b5c45; --official-ink:#f7fff9; --card:#fffdf8; --warn:#7a2e12; }
* { box-sizing: border-box; }
html { font-size: 18px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Noto Sans Devanagari","Noto Sans",system-ui,sans-serif; line-height:1.45; }
a { color: inherit; }
.wrap { max-width:430px; margin:0 auto; padding:0 16px 88px; }
.banner { background:#2a221b; color:#f3e9dc; font-size:0.72rem; padding:8px 16px; text-align:center; }
.banner strong { color:#ffd7b0; }
header.top { display:flex; align-items:baseline; justify-content:space-between; padding:18px 0 10px; }
.brand { text-decoration:none; }
.brand h1 { font-family:"Tiro Devanagari Hindi",serif; font-size:1.55rem; margin:0; font-weight:400; }
.brand p { margin:2px 0 0; color:var(--muted); font-size:0.78rem; }
.pill { font-size:0.68rem; border:1px solid var(--line); padding:4px 8px; border-radius:999px; color:var(--muted); }
nav.tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin:12px 0 18px; }
nav.tabs a { text-decoration:none; text-align:center; background:var(--card); border:1px solid var(--line); border-radius:12px; padding:10px 4px 8px; font-size:0.78rem; }
nav.tabs a.on { border-color:var(--ink); background:#fff; }
h2 { font-family:"Tiro Devanagari Hindi",serif; font-size:1.28rem; font-weight:400; margin:8px 0 10px; }
.lede { color:var(--muted); margin:0 0 16px; font-size:0.95rem; }
.card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:14px; margin:0 0 12px; text-decoration:none; display:block; }
.card .kicker { font-size:0.7rem; color:var(--saffron); }
.card h3 { margin:4px 0 6px; font-size:1.05rem; font-weight:600; }
.card .meta { color:var(--muted); font-size:0.82rem; }
.official { display:block; text-align:center; background:var(--official); color:var(--official-ink); text-decoration:none; border-radius:14px; padding:14px 16px; font-weight:700; margin:16px 0; }
.box { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px; margin:14px 0; }
footer { color:var(--muted); font-size:0.78rem; margin-top:28px; }
footer a { color:var(--muted); }