:root{--fg:#1d1d1f;--bg:#fffdf8;--mut:#5b5b66;--acc:#b5442b;--line:#e7e2d6}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);line-height:1.6;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari",
"Nirmala UI","Mangal",sans-serif;font-size:1.05rem}
:lang(hi),:lang(sa){font-family:"Noto Sans Devanagari","Nirmala UI","Mangal","Noto Sans",system-ui,sans-serif;line-height:1.8}
header,main,footer{max-width:46rem;margin:0 auto;padding:0 1rem}
header{padding-top:1rem}header a{color:var(--acc);font-weight:700;text-decoration:none}
nav.crumbs{font-size:.9rem;color:var(--mut)}nav.crumbs a{color:var(--mut)}
h1{font-size:1.6rem;line-height:1.3}h2{font-size:1.25rem;margin-top:2rem;border-top:1px solid var(--line);padding-top:1rem}
h3{font-size:1.05rem;margin-bottom:.2rem}
a{color:var(--acc)}
.video{position:relative;padding-top:56.25%;background:#000;border-radius:8px;overflow:hidden}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ts{font-variant-numeric:tabular-nums;font-size:.85rem;margin-right:.4rem}
ul.cards{list-style:none;padding:0;display:grid;gap:.8rem}
ul.cards li{border:1px solid var(--line);border-radius:8px;padding:.6rem .8rem}
.meta{color:var(--mut);font-size:.9rem}
.pager{display:flex;gap:1rem;margin:1.5rem 0}
footer{color:var(--mut);font-size:.85rem;padding:2rem 1rem}
@media(min-width:48rem){ul.cards{grid-template-columns:1fr 1fr}h1{font-size:2rem}}