/* vrat.css — acult Vrat & Festivals.
   A lunar calendar, so the Moon leads: a dial of the thirty tithis with today's
   real phase, then a timeline of vrats whose rail is the Moon's phase day by day.
   Ratri night, Chandra moonlight, Kesar saffron for fasts, Sindoor for festivals,
   Neel for Ekadashi. Type is the app's own: Unbounded, Google Sans, Tiro Devanagari Hindi. */
html.nova {
  --ratri:#0B1033; --ratri-2:#121A4A; --chandra:#F3EBD3; --kesar:#F29A2E; --sindoor:#E2344F; --neel:#5B8CFF;
  --bg:#F2F1FA; --surface:#FFFFFF; --surface-2:#F7F6FC; --surface-3:#ECEAF7;
  --ink:#141838; --ink-body:#3A3E63; --muted:#6A6F97;
  --sel:#1B1F4B; --on-sel:#fff; --brand:#D72E47;
  --line:rgba(20,24,56,.10); --line-strong:rgba(20,24,56,.20);
  --sh-2:0 6px 18px -8px rgba(20,24,56,.18),0 18px 40px -22px rgba(20,24,56,.22);
  --sh-3:0 24px 70px -20px rgba(11,16,51,.45);
  --k-ekadashi:#3E74F0; --k-festival:#D72E47; --k-pradosh:#7A4FD8; --k-sankashti:#E07A1F;
  --k-purnima:#B07A00; --k-amavasya:#4B5070; --k-sankranti:#1E9A6B;
  --display:'Unbounded','Noto Sans Devanagari',sans-serif;
  --hindi:'Tiro Devanagari Hindi','Noto Sans Devanagari','Google Sans',serif;
  --body:'Google Sans','Manrope','Tiro Devanagari Hindi',system-ui,sans-serif;
  color-scheme:light;
}
html.nova[data-theme="dark"] {
  --bg:#080C29; --surface:#11173F; --surface-2:#18205A; --surface-3:#202A6A;
  --ink:#EEF0FF; --ink-body:#C9CDEE; --muted:#98A0CC;
  --sel:#EF3D57; --brand:#EF3D57;
  --line:rgba(160,170,235,.13); --line-strong:rgba(160,170,235,.26);
  --sh-2:0 16px 36px -20px rgba(0,0,0,.75); --sh-3:0 30px 80px -24px rgba(0,0,0,.85);
  --k-ekadashi:#6E9BFF; --k-festival:#FF5D74; --k-pradosh:#A98BFF; --k-sankashti:#FFA352;
  --k-purnima:#F4C064; --k-amavasya:#A0A8D2; --k-sankranti:#4FD8A4;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink-body);font:500 15px/1.55 var(--body);-webkit-font-smoothing:antialiased;min-height:100vh;
  padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
button{font:inherit;color:inherit}
[hidden]{display:none !important}
:focus-visible{outline:2px solid var(--kesar);outline-offset:2px}
.vc{max-width:1180px;margin:0 auto;padding:6px 14px 40px}

/* ---- top ---- */
.vc-top{display:flex;align-items:center;gap:12px;padding:6px 0 10px}
.vc-title{flex:1;display:flex;align-items:center;gap:12px;min-width:0}
.vc-title h1{margin:0;font:600 18px/1.2 var(--display);color:var(--ink);letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vc-logo{height:19px;width:auto}
html.nova[data-theme="dark"] .vc-logo.l, html.nova:not([data-theme="dark"]) .vc-logo.d{display:none}
@media (max-width:419px){.vc-logo{display:none}}
.vc-iconbtn{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none;font-size:20px;line-height:1}
.vc-iconbtn.sm{width:34px;height:34px;border-radius:11px}
.vc-bell{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 15px;border-radius:14px;border:0;cursor:pointer;font:800 13.5px var(--body);color:#2A1600;background:linear-gradient(180deg,#FFC066,var(--kesar));box-shadow:0 8px 20px -10px rgba(242,154,46,.8)}
@media (max-width:419px){ .vc-bell span{display:none} .vc-bell{width:42px;padding:0;justify-content:center} }

/* ---- layout: the sky on the left, the calendar on the right ---- */
.vc-layout{display:grid;gap:18px}
@media (min-width:960px){
  .vc-layout{grid-template-columns:400px minmax(0,1fr);gap:28px;align-items:start}
  .vc-sky{position:sticky;top:14px}
}

/* ---- the sky ---- */
.vc-sky{position:relative;border-radius:30px;padding:16px 16px 14px;color:#EEF0FF;overflow:hidden;
  background:radial-gradient(120% 80% at 50% 0%,#1C2669 0%,var(--ratri) 58%,#060924 100%);box-shadow:var(--sh-3);isolation:isolate}
.vc-sky::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.55;pointer-events:none;
  background-image:radial-gradient(1px 1px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 78% 12%,#fff 50%,transparent 51%),
  radial-gradient(1.5px 1.5px at 88% 46%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 22% 64%,#fff 50%,transparent 51%),
  radial-gradient(1px 1px at 64% 82%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 40% 30%,#ffe9c4 50%,transparent 51%),
  radial-gradient(1px 1px at 6% 88%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 94% 90%,#fff 50%,transparent 51%)}
.vc-dial{position:relative;width:min(100%,340px);margin:0 auto}
.vc-dial svg{width:100%;height:auto;aspect-ratio:1;display:block;overflow:visible}
.vc-dial .ring-s{stroke:rgba(243,235,211,.55)} .vc-dial .ring-k{stroke:rgba(243,235,211,.16)}
.vc-dial .tick{stroke:rgba(243,235,211,.35);stroke-width:1.2}
.vc-dial .mark{cursor:pointer;transition:r .2s ease}
.vc-dial .mark:hover,.vc-dial .mark:focus-visible{r:9}
.vc-dial .mark:focus-visible{outline:none;stroke:#fff;stroke-width:2}
.vc-dial .needle{transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.vc-dial .lbl{fill:rgba(243,235,211,.7);font:700 10px var(--body);letter-spacing:.02em}
.vc-dial .moon{transform-origin:170px 170px;animation:rise 1.2s cubic-bezier(.2,.8,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}
.vc-tithi{margin-top:10px;text-align:center;font:600 17px/1.3 var(--display);color:var(--chandra);letter-spacing:-.01em}
.vc-tithi small{display:block;font:600 12px var(--body);color:rgba(243,235,211,.65);margin-top:2px}

.vc-next{margin-top:6px;padding:16px 16px 14px;border-radius:22px;background:rgba(243,235,211,.06);border:1px solid rgba(243,235,211,.14)}
.vc-next .lead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font:700 13px var(--body);color:rgba(243,235,211,.7)}
.vc-next .lead b{font:800 13px var(--body);color:var(--kesar)}
.vc-next h2{margin:6px 0 0;font:600 21px/1.25 var(--display);color:var(--chandra);letter-spacing:-.015em}
.vc-next .hiname{font:600 16px/1.35 var(--hindi);color:rgba(243,235,211,.8)}
.vc-next .when{margin-top:2px;font-size:13.5px;color:rgba(238,240,255,.75)}
.vc-next .moment{margin-top:12px;display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:16px;background:rgba(242,154,46,.12);border:1px solid rgba(242,154,46,.35)}
.vc-next .moment .ic{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(242,154,46,.2)}
.vc-next .moment span{font-size:12.5px;color:rgba(238,240,255,.75)}
.vc-next .moment b{display:block;font:800 14.5px var(--body);color:#FFE2B8}
.vc-next .cd{font-variant-numeric:tabular-nums}
.vc-next button.open{margin-top:12px;width:100%;height:40px;border-radius:13px;border:1px solid rgba(243,235,211,.25);background:transparent;color:#EEF0FF;font:700 13.5px var(--body);cursor:pointer}

.vc-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.vc-place{flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 13px;border-radius:13px;border:1px solid rgba(243,235,211,.22);background:rgba(243,235,211,.06);color:#EEF0FF;cursor:pointer;font-weight:700}
.vc-place span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vc-sky .vc-seg{border-color:rgba(243,235,211,.22);background:rgba(243,235,211,.06)}
.vc-sky .vc-seg button{color:rgba(238,240,255,.8)}
.vc-sky .vc-seg button[aria-checked="true"]{background:var(--chandra);color:var(--ratri)}

/* ---- segmented controls, year, filters ---- */
.vc-seg{display:inline-flex;padding:3px;gap:2px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface)}
.vc-seg button{border:0;background:none;cursor:pointer;padding:7px 14px;border-radius:999px;font:700 13px var(--body);color:var(--ink-body);white-space:nowrap}
.vc-seg button[aria-checked="true"],.vc-seg button[aria-selected="true"]{background:var(--sel);color:var(--on-sel)}
.vc-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.vc-year{display:inline-flex;align-items:center;gap:8px}
.vc-year b{font:600 16px var(--display);color:var(--ink);min-width:52px;text-align:center}
.vc-filters{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin:0 -2px 4px;scrollbar-width:none}
.vc-filters::-webkit-scrollbar{display:none}
.vc-filters button{flex:none;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:700 13px var(--body);cursor:pointer;white-space:nowrap}
.vc-filters button i{width:8px;height:8px;border-radius:50%;background:var(--k)}
.vc-filters button[aria-pressed="true"]{background:var(--sel);color:var(--on-sel);border-color:transparent}

/* ---- the timeline ---- */
.vc-month{position:sticky;top:0;z-index:2;margin:14px -4px 4px;padding:8px 4px;background:var(--bg);font:600 15px var(--display);color:var(--ink);letter-spacing:-.01em}
.vc-tl{position:relative;padding-left:46px}
.vc-tl::before{content:"";position:absolute;left:19px;top:6px;bottom:6px;width:2px;border-radius:2px;background:linear-gradient(var(--line-strong),var(--line))}
.vc-item{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:start;width:100%;padding:12px 12px 12px 10px;margin-bottom:6px;border-radius:18px;border:1px solid transparent;background:none;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.vc-item:hover{background:var(--surface);border-color:var(--line)}
.vc-item[aria-expanded="true"]{background:var(--surface);border-color:var(--line-strong)}
.vc-item .phase{position:absolute;left:-39px;top:14px;width:26px;height:26px;border-radius:50%;box-shadow:0 0 0 4px var(--bg)}
.vc-item.today{background:var(--surface);border-color:var(--kesar);box-shadow:0 0 0 1px var(--kesar) inset}
.vc-item.past{opacity:.5}
.vc-date{text-align:center;line-height:1}
.vc-date b{display:block;font:600 22px/1 var(--display);color:var(--ink)}
.vc-date small{display:block;margin-top:4px;font:700 11.5px var(--body);color:var(--muted)}
.vc-name{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.vc-name b{font:700 16px/1.3 var(--body);color:var(--ink)}
html[lang="hi"] .vc-name b{font:700 16px/1.35 var(--hindi)}
.vc-sub{display:block;font:500 14px/1.4 var(--hindi);color:var(--muted)}
.vc-kind{display:inline-flex;align-items:center;gap:6px;font:700 12px var(--body);color:var(--k)}
.vc-kind::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--k)}
.vc-tag{font:700 11.5px var(--body);padding:1px 8px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink-body)}
.vc-tag.fast{border-color:var(--kesar);color:var(--kesar);background:rgba(242,154,46,.1)}
.vc-key{margin-top:6px;font-size:13.5px;color:var(--ink-body)}
.vc-key b{color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums}
.vc-note{display:inline-block;margin-left:6px;font:800 11.5px var(--body);color:var(--kesar)}
.vc-today{position:sticky;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:block;margin:10px auto 0;height:40px;padding:0 18px;border-radius:999px;border:0;cursor:pointer;font:800 13px var(--body);color:var(--on-sel);background:var(--sel);box-shadow:var(--sh-2)}

/* ---- month ---- */
.vc-cal{border-radius:24px;border:1px solid var(--line);background:var(--surface);overflow:hidden;box-shadow:var(--sh-2);touch-action:pan-y}
.vc-cal-h{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}
.vc-cal-h b{font:600 15px var(--display);color:var(--ink)}
.vc-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.vc-grid.slide-l{animation:sl .28s ease} .vc-grid.slide-r{animation:sr .28s ease}
@keyframes sl{from{transform:translateX(18px);opacity:.3}} @keyframes sr{from{transform:translateX(-18px);opacity:.3}}
.vc-wd{padding:8px 0;text-align:center;font:700 11.5px var(--body);color:var(--muted);border-bottom:1px solid var(--line)}
.vc-cell{position:relative;min-height:70px;padding:6px 6px 5px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;background:none;text-align:left;display:flex;flex-direction:column;gap:3px}
.vc-cell:nth-child(7n){border-right:0}
.vc-cell.out{cursor:default}
.vc-cell .top{display:flex;justify-content:space-between;align-items:center}
.vc-cell .n{font:700 13px var(--body);color:var(--ink)}
.vc-cell .mp{width:14px;height:14px;border-radius:50%;opacity:.9}
.vc-cell.today .n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--kesar);color:#2A1600}
.vc-cell.sel{background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--sel)}
.vc-dots{display:flex;gap:3px;flex-wrap:wrap}
.vc-dots i{width:7px;height:7px;border-radius:50%;background:var(--k)}
.vc-cell .lbl{font:700 10.5px/1.25 var(--body);color:var(--ink-body);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (max-width:599px){ .vc-cell .lbl{display:none} .vc-cell{min-height:56px} }
@media (min-width:960px){ .vc-cell{min-height:96px} }
.vc-dayhead{margin:16px 2px 6px;font:600 15px var(--display);color:var(--ink)}
.vc-swipe{margin:8px 0 0;text-align:center;font-size:12px;color:var(--muted)}
@media (pointer:fine){.vc-swipe{display:none}}

/* ---- the sheet: one observance in detail ---- */
.vc-sheet{position:fixed;z-index:45;left:0;right:0;bottom:0;max-height:88vh;overflow:auto;padding:10px 18px calc(22px + env(safe-area-inset-bottom,0px));border-radius:28px 28px 0 0;background:var(--surface);box-shadow:var(--sh-3);animation:up .32s cubic-bezier(.2,.8,.2,1)}
@keyframes up{from{transform:translateY(40px);opacity:.4}}
@media (min-width:720px){ .vc-sheet{left:50%;right:auto;bottom:auto;top:8vh;width:min(560px,calc(100vw - 32px));transform:translateX(-50%);border-radius:28px;animation:pop .28s cubic-bezier(.2,.8,.2,1)} }
@keyframes pop{from{opacity:0;margin-top:14px}}
.vc-sheet-grip{width:44px;height:5px;border-radius:5px;background:var(--line-strong);margin:2px auto 10px}
@media (min-width:720px){.vc-sheet-grip{display:none}}
.vc-sheet-x{position:absolute;right:14px;top:14px;width:36px;height:36px;font-size:16px}
.vc-sh-hi{margin:10px 44px 0 0;font:600 21px/1.25 var(--display);color:var(--ink);letter-spacing:-.015em}
.vc-sh-en{font:600 16px/1.35 var(--hindi);color:var(--muted)}
.vc-sh-when{margin-top:2px;color:var(--muted)}
.vc-sh-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.vc-ribbon{margin:18px 0 6px;padding:14px 12px 10px;border-radius:20px;background:var(--surface-2);border:1px solid var(--line)}
.vc-ribbon svg{width:100%;height:auto;display:block;overflow:visible}
.vc-ribbon .ax{fill:var(--muted);font:700 11px var(--body)}
.vc-ribbon .day{fill:var(--ink);font:800 11.5px var(--body)}
.vc-ribbon .cap{fill:var(--ink-body);font:700 11.5px var(--body)}
.vc-rows{display:grid;gap:2px;margin-top:6px}
.vc-row{display:flex;gap:12px;align-items:baseline;padding:9px 2px;border-bottom:1px solid var(--line)}
.vc-row:last-child{border-bottom:0}
.vc-row span{flex:1;color:var(--ink-body);font-size:14px}
.vc-row b{color:var(--ink);font:800 14px var(--body);font-variant-numeric:tabular-nums;text-align:right}
.vc-row.key b{color:var(--k)}
.vc-row.note span{color:var(--muted);font-size:13px}
.vc-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.vc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 18px;border-radius:14px;cursor:pointer;font:800 14px var(--body);border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);text-decoration:none}
.vc-btn.pri{border:0;color:#2A1600;background:linear-gradient(180deg,#FFC066,var(--kesar))}
.vc-btn.ghost{background:transparent}

/* ---- states ---- */
.vc-empty,.vc-lock{padding:26px 20px;border-radius:24px;border:1px dashed var(--line-strong);text-align:center;color:var(--muted)}
.vc-lock{border-style:solid;background:var(--surface);box-shadow:var(--sh-2);color:var(--ink-body)}
.vc-lock h2{margin:6px 0;font:600 19px/1.3 var(--display);color:var(--ink)}
.vc-lock .ico{font-size:34px}
.vc-skel{height:72px;border-radius:18px;margin-bottom:8px;background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:sk 1.2s linear infinite}
@keyframes sk{to{background-position:-200% 0}}
.vc-foot{margin:22px 4px 0;font-size:12.5px;color:var(--muted);text-align:center}

/* ---- dialogs (place, reminders) ---- */
.vc-scrim{position:fixed;inset:0;z-index:40;background:rgba(5,7,22,.55);backdrop-filter:blur(2px)}
.vc-dlg{position:fixed;z-index:46;left:50%;top:10vh;transform:translateX(-50%);width:min(460px,calc(100vw - 24px));max-height:80vh;overflow:auto;padding:18px;border-radius:24px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--sh-3)}
.vc-dlg-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.vc-dlg-h h2{margin:0;font:600 17px var(--display);color:var(--ink)}
.vc-input{width:100%;height:46px;padding:0 14px;border-radius:13px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);font:600 16px var(--body)}
.vc-input:focus{outline:none;border-color:var(--kesar)}
#vcHere{margin:10px 0 6px;width:100%}
.vc-results{display:flex;flex-direction:column;gap:4px}
.vc-results button{text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer}
.vc-results button b{display:block;color:var(--ink)}
.vc-results button small{color:var(--muted)}
.vc-rem{top:5vh;max-height:90vh}
.vc-rem h3{margin:16px 0 8px;font:700 13px var(--body);color:var(--muted)}
.vc-remlead{margin:0 0 6px;color:var(--ink-body)}
.vc-remfor{margin:0;font-weight:700;color:var(--ink)}
.vc-checks{display:flex;flex-wrap:wrap;gap:8px}
.vc-checks.col{flex-direction:column;gap:6px}
.vc-checks label{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface-2);cursor:pointer;font-weight:700;color:var(--ink)}
.vc-checks.col label{border:0;background:none;padding:4px 0;font-weight:600}
.vc-checks input{width:18px;height:18px;accent-color:var(--kesar)}
.vc-remacts{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px}
@media (min-width:520px){ .vc-remacts{grid-template-columns:1fr 1fr} .vc-remacts .vc-btn.pri{grid-column:1 / -1} }
.vc-tip{margin:12px 0 0;font-size:12.5px;color:var(--muted)}
.vc-linkbtn{margin-top:10px;padding:0;border:0;background:none;color:var(--muted);font:700 12.5px var(--body);text-decoration:underline;cursor:pointer}
.vc-remlock{margin-top:14px;padding:14px;border-radius:14px;background:var(--surface-2);text-align:center}
.vc-toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:50;padding:11px 18px;border-radius:999px;font:700 13.5px var(--body);color:var(--on-sel);background:var(--sel);box-shadow:var(--sh-3)}

@media (prefers-reduced-motion:reduce){
  .vc-dial .moon,.vc-sheet,.vc-grid.slide-l,.vc-grid.slide-r,.vc-skel{animation:none}
  .vc-dial .needle{transition:none}
}

/* grid columns must be allowed to shrink below their content (the scrolling filters) */
.vc-layout{grid-template-columns:minmax(0,1fr)}
.vc-layout > *{min-width:0}
@media (min-width:960px){ .vc-layout{grid-template-columns:400px minmax(0,1fr)} }
html,body{overflow-x:hidden}

/* ---- header tools: the app's theme toggle and language switch ---- */
.vc-tools{display:flex;align-items:center;gap:8px}
.vc-theme .sun{display:none} html.nova[data-theme="dark"] .vc-theme .moon{display:none} html.nova[data-theme="dark"] .vc-theme .sun{display:block}
.vc-lang{display:inline-flex;padding:3px;gap:2px;border-radius:13px;border:1px solid var(--line-strong);background:var(--surface)}
.vc-lang button{border:0;background:none;cursor:pointer;height:34px;min-width:36px;padding:0 9px;border-radius:10px;font:700 13px var(--body);color:var(--ink-body)}
.vc-lang button.on{background:var(--sel);color:var(--on-sel)}
@media (max-width:479px){ .vc-title h1{font-size:15px} .vc-top{gap:8px} .vc-tools{gap:6px} .vc-iconbtn{width:38px;height:38px} .vc-lang button{min-width:32px;padding:0 7px} }
/* Hindi text is set in Noto Sans Devanagari, a little larger for the same weight of colour */
html[lang="hi"] body{font-family:var(--hindi)}
html[lang="hi"] .vc-title h1,html[lang="hi"] .vc-next h2,html[lang="hi"] .vc-sh-hi,html[lang="hi"] .vc-tithi,html[lang="hi"] .vc-month,html[lang="hi"] .vc-cal-h b,html[lang="hi"] .vc-dayhead,html[lang="hi"] .vc-lock h2,html[lang="hi"] .vc-dlg-h h2{font-family:var(--hindi);font-weight:700;letter-spacing:0}
/* one meta row under the name: kind, then the tags */
.vc-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:3px}