.vh-site .vh-panchang {
  --panchang-ink: #173b2c;
  --panchang-muted: #4a6154;
  --panchang-line: #d7e1d7;
  background: #f4f7ef;
  color: var(--panchang-ink);
  padding: clamp(2rem, 5vw, 4rem) 0;
}
.vh-panchang h1, .vh-panchang h2 { color: var(--panchang-ink); margin: 0 0 .35rem; }
.vh-panchang p { color: var(--panchang-muted); }
.vh-panchang i { color: #87611b; }
.vh-panchang-heading, .vh-panchang-controls, .vh-panchang-controls form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem 1rem;
}
.vh-site .vh-panchang-today { padding: .75rem 0; }
.vh-panchang-heading { gap: .2rem .85rem; margin-bottom: .4rem; }
.vh-panchang-heading h2 { font-size: 1.35rem; margin: 0; }
.vh-panchang-heading p { margin: 0; }
.vh-panchang-heading p, .vh-panchang-heading a { font-size: .82rem; }
.vh-panchang-heading a { margin-inline-start: auto; padding-block: .15rem; }
.vh-panchang a { color: #24553e; text-decoration: underline; }
.vh-site .vh-panchang a:hover { color: #173b2c; }
.vh-panchang-strip {
  overflow-x: auto;
  scrollbar-width: thin;
  background: #fff;
  border: 1px solid var(--panchang-line);
  border-radius: .4rem;
}
.vh-panchang-strip:focus-visible { outline: 2px solid #24553e; outline-offset: 2px; }
.vh-panchang-grid { display: flex; width: max-content; min-width: 100%; margin: 0; }
.vh-panchang-grid > div { flex: 1 0 auto; padding: .35rem .65rem; }
.vh-panchang-grid > div + div { border-inline-start: 1px solid var(--panchang-line); }
.vh-panchang-grid dt { color: var(--panchang-muted); font-size: .75rem; }
.vh-panchang-grid dd { font-size: .91rem; font-weight: 700; font-variant-numeric: tabular-nums; margin: 0; }
.vh-panchang-controls { margin: 1.25rem 0; }
.vh-panchang-controls label { margin: 0; }
.vh-panchang-controls select { background: #fff; color: var(--panchang-ink); border: 1px solid #708678; border-radius: .35rem; padding: .45rem; }
.vh-panchang-scroll-hint { display: none; }
.vh-panchang-scroll { overflow-x: auto; max-width: 100%; margin-bottom: 1rem; border: 1px solid var(--panchang-line); border-radius: .65rem; }
.vh-panchang-scroll:focus-visible { outline: 2px solid #24553e; outline-offset: 3px; }
.vh-panchang-table { width: 100%; background: #fff; font-variant-numeric: tabular-nums; }
.vh-panchang-table caption { caption-side: top; color: var(--panchang-ink); font-weight: 700; padding: .8rem; }
.vh-panchang-table th, .vh-panchang-table td { padding: .65rem .8rem; border-top: 1px solid var(--panchang-line); white-space: nowrap; vertical-align: top; }
.vh-panchang-table thead { background: #e5ede0; }
.vh-panchang-table tbody tr:nth-child(even) { background: #f7f9f5; }
.vh-panchang-table tbody .vh-panchang-current { background: #fff2cd; }
@media (max-width: 767px) {
  .vh-panchang-heading a { margin-inline-start: 0; }
  .vh-panchang-scroll-hint { display: block; }
}