/* ==================================================================
 * विचार-वीथिका — मासिक ई-पत्रिका (flipbook)
 * पन्ने के अंदर सब कुछ cqw (पन्ने की चौड़ाई का %) में है, ताकि हर स्क्रीन पर
 * पन्ना बिल्कुल एक जैसा दिखे और कटे।
 * ================================================================== */

.vithika-reader {
  --paper: #fbf6ea;
  --paper-edge: #efe4cc;
  --ink: #2a2118;
  --ink-soft: #6b5d48;
  --vt-accent: #b4541a;
  --vt-deep: #1b1714;
  --font-print: 'Tiro Devanagari Hindi', 'Noto Serif Devanagari', Georgia, serif;
  padding: 1.2rem 0 1.5rem;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(226, 135, 31, 0.10), transparent 60%),
    var(--bg);
}
.vithika-reader:fullscreen { padding: 0.8rem 0; display: flex; flex-direction: column; justify-content: center; }

.vithika-topbar { display: flex; align-items: baseline; gap: 1rem; flex-wrap: wrap; margin-bottom: 0.9rem; }
.vithika-topbar .back-to-blog { margin: 0; }
.vithika-topbar__title { font-size: clamp(1.05rem, 2.4vw, 1.4rem); color: var(--text); font-weight: 600; }
.vithika-topbar__title span { color: var(--accent); font-weight: 700; margin-right: 0.35rem; }
.vithika-reader:fullscreen .vithika-topbar { display: none; }

.vithika-stage { position: relative; width: 100%; max-width: 1500px; margin: 0 auto; padding: 0 16px; height: 75vh; }
.vithika-book { width: 100%; height: 100%; margin: 0 auto; }
.vithika-reader:not(.is-ready) .vithika-book { visibility: hidden; }
[hidden].vithika-loading { display: none; }
.vithika-loading { position: absolute; inset: 0; display: grid; place-items: center; margin: 0; color: var(--text-muted); font-family: var(--font-accent); font-size: 1.2rem; }

.vithika-controls { display: flex; justify-content: center; align-items: center; gap: 0.4rem; flex-wrap: wrap; margin: 1rem auto 0; padding: 0 16px; }
.vithika-controls[hidden] { display: none; }
.vithika-controls button {
  min-width: 44px; height: 44px; padding: 0 0.85rem;
  border: 1px solid var(--border-strong); border-radius: 999px;
  background: var(--bg-elevated); color: var(--text);
  font: 600 1rem var(--font-body); cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.vithika-controls button:hover, .vithika-controls button:focus-visible { border-color: var(--accent); color: var(--accent-strong); outline: none; }
.vithika-counter { min-width: 9.5rem; text-align: center; color: var(--text-muted); font-size: 0.95rem; }
@media (max-width: 520px) {
  .vithika-controls button[data-vt="toc"] span { display: none; }
  .vithika-counter { min-width: 7rem; font-size: 0.85rem; }
}

/* नापने के लिए छिपा हुआ ढांचा */
.vt-measure { position: absolute; left: -10000px; top: 0; visibility: hidden; pointer-events: none; }
.vt-measure .vt-page { width: 100%; height: 100%; }
/* बड़े/छोटे आकार पर अक्षरों की चौड़ाई ज़रा-सी बदलने से कोई शब्द अगली पंक्ति में खिसक सकता है,
   इसलिए नापते समय पाठ-क्षेत्र एक पंक्ति छोटा रखते हैं; असली पन्ने पर यह जगह नीचे खाली रहती है */
.vt-measure .vt-page__body { margin-bottom: 4.8cqw; }
.vt-measure .vt-page--cols .vt-page__body { margin-bottom: 9cqw; } /* संकरे कॉलम में पंक्तियां ज़्यादा खिसकती हैं */

/* ------------------------------------------------------------------
 * पन्ना
 * ------------------------------------------------------------------ */
.vt-page {
  container-type: size;
  overflow: hidden;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
}
.vt-page__inner { position: relative; width: 100%; height: 100%; }
.vt-page--text .vt-page__inner {
  display: flex; flex-direction: column;
  padding: 7cqw 7cqw 3.2cqw;
}
.vt-page--text .vt-page__inner { background: var(--paper); }
.vt-page--left .vt-page__inner  { background: linear-gradient(to left, rgba(90, 64, 30, 0.14), rgba(90, 64, 30, 0) 8%), var(--paper); }
.vt-page--right .vt-page__inner { background: linear-gradient(to right, rgba(90, 64, 30, 0.14), rgba(90, 64, 30, 0) 8%), var(--paper); }

/* मुख्य पाठ: छपी पत्रिका जैसा serif, justified, पैराग्राफ़ों में indent (बीच में खाली जगह नहीं) */
.vt-page__body {
  position: relative; flex: 1; min-height: 0; overflow: hidden;
  font-family: var(--font-print); font-size: 2.95cqw; line-height: 1.6;
}
.vt-page__foot {
  display: flex; align-items: baseline; gap: 1.6cqw;
  padding-top: 2.6cqw; font-size: 2.1cqw; color: var(--ink-soft);
}
.vt-page__foot b { font-family: var(--font-display); font-size: 2.8cqw; color: var(--ink); padding-right: 1.6cqw; border-right: 0.2cqw solid var(--ink-soft); }
.vt-page--right .vt-page__foot { justify-content: flex-end; flex-direction: row-reverse; }
.vt-page--right .vt-page__foot b { border-right: 0; padding-right: 0; padding-left: 1.6cqw; border-left: 0.2cqw solid var(--ink-soft); }

.vt-page__body > *:first-child { margin-top: 0; }
.vt-page__body p { margin: 0; text-align: justify; }
.vt-page__body p + p { text-indent: 1.4em; }
.vt-page__body p.vt-cont { text-indent: 0; }
.vt-page__body p:has(br) { text-indent: 0; text-align: left; margin: 0.4em 0; } /* कविता और हस्ताक्षर: बिना indent */
.vt-page__body h1, .vt-page__body h2 {
  font-family: var(--font-display); color: var(--ink); font-weight: 600;
  font-size: 7.6cqw; line-height: 1.12; margin: 0 0 0.25em;
}
.vt-page--opener .vt-page__body > h1:first-child,
.vt-page--opener .vt-page__body > h2:first-child { padding-top: 3cqw; }
.vt-page__body h3, .vt-page__body h4 { font-family: var(--font-display); font-size: 4.4cqw; line-height: 1.3; margin: 0.9em 0 0.35em; color: var(--vt-accent); }
.vt-page__body h3 + p, .vt-page__body h4 + p, .vt-page__body blockquote + p, .vt-page__body figure + p, .vt-page__body ul + p, .vt-page__body ol + p { text-indent: 0; }

/* श्रेणी-लेबल (लाल चौकोर), लेखक, सार */
.vt-label { display: flex; align-items: center; gap: 1.6cqw; margin: 0 0 1.6cqw !important; text-indent: 0 !important; font-family: var(--font-body); font-size: 2.9cqw; font-weight: 600; color: var(--ink-soft); }
.vt-label__mark { width: 2.2cqw; height: 2.2cqw; background: #c8322e; flex: none; }
.vt-page__body p.vt-byline, .vt-hero__text p.vt-byline {
  text-indent: 0; text-align: left; margin: 0 0 1.2em;
  font-family: var(--font-body); font-weight: 600; font-size: 2.9cqw; color: var(--vt-accent);
}
.vt-deck { text-indent: 0 !important; text-align: left !important; margin: -0.4em 0 1.4em !important; font-style: italic; font-size: 1.04em; color: var(--ink-soft); }
.vt-page__body p.vt-byline + p, .vt-page__body p.vt-deck + p, .vt-page--after-hero .vt-page__body > p:first-child { text-indent: 0; }
.vt-page--opener .vt-page__body p.vt-byline + p:not(.vt-deck)::first-letter,
.vt-page--opener .vt-page__body p.vt-deck + p::first-letter,
.vt-page--after-hero .vt-page__body > p:first-child::first-letter {
  float: left; font-family: var(--font-display); font-weight: 700; color: var(--ink);
  font-size: 3.9em; line-height: 0.92; padding: 0.04em 0.1em 0 0;
}

.vt-page__body a { color: var(--vt-accent); text-decoration: underline; text-underline-offset: 0.15em; }
/* उद्धरण: पत्रिका जैसा बड़ा, रंगीन pull-quote */
.vt-page__body blockquote {
  margin: 0.9em 0; padding: 0.5em 0;
  border-top: 0.3cqw solid var(--vt-accent); border-bottom: 0.3cqw solid var(--vt-accent);
  font-family: var(--font-print); font-style: italic; font-size: 1.32em; line-height: 1.45; color: var(--vt-accent);
}
.vt-page__body blockquote p { text-align: left; text-indent: 0 !important; }
.vt-page__body blockquote cite { display: block; font-size: 0.7em; font-style: normal; color: var(--ink-soft); margin-top: 0.3em; }
.vt-page__body ul, .vt-page__body ol { margin: 0.5em 0; padding-left: 1.3em; }
.vt-page__body li { margin-bottom: 0.2em; }
.vt-page__body figure { margin: 0.7em 0 0.9em; }
.vt-page__body img {
  display: block; max-width: 100%; height: auto; max-height: 55cqh;
  margin: 0 auto; object-fit: cover;
}
.vt-page__body figcaption, .vt-page__body .wp-element-caption { font-family: var(--font-body); font-size: 0.72em; color: var(--ink-soft); text-align: left; margin-top: 0.45em; }
.vt-page__body hr { border: 0; text-align: center; margin: 0.6em 0; }
.vt-page__body hr::after { content: "❁"; color: var(--vt-accent); }
.vt-page__body .vt-clip { max-height: 100%; overflow: hidden; }
.vt-page__body script, .vt-page__body .post-share { display: none; }

/* पूरे-पन्ने का चित्र वाला पहला पन्ना (opener) */
.vt-page--hero .vt-page__inner { padding: 0; }
.vt-page--hero .vt-page__body { position: absolute; inset: 0; }
.vt-hero__img { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover; }
.vt-page--hero .vt-page__body::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(to bottom, rgba(12, 10, 8, 0.72) 0%, rgba(12, 10, 8, 0.25) 38%, rgba(12, 10, 8, 0) 55%);
}
.vt-hero__text { position: absolute; z-index: 1; left: 8cqw; right: 8cqw; top: 8cqw; color: #fffaf0; }
.vt-hero__text .vt-label { color: #fffaf0; }
.vt-page--hero .vt-page__body .vt-hero__title { font-family: var(--font-display); font-weight: 600; font-size: 11cqw; line-height: 1.05; margin: 0 0 2cqw; color: #fffaf0; text-shadow: 0 0.4cqw 2.4cqw rgba(0, 0, 0, 0.45); }
.vt-hero__text p.vt-byline { color: #ffd9a0; }
.vt-hero__text .vt-deck { color: #f7ead2; font-family: var(--font-print); margin-top: -0.6em !important; font-size: 3.4cqw; }
.vt-page--hero .vt-page__foot { position: absolute; z-index: 1; left: 8cqw; right: 8cqw; bottom: 3cqw; color: rgba(255, 250, 240, 0.85); }
.vt-page--hero .vt-page__foot b { color: #fffaf0; border-color: rgba(255, 250, 240, 0.7) !important; }

/* अनुक्रमणिका: बड़े पृष्ठ-अंक, शीर्षक, लेखक और एक पंक्ति का सार */
.vt-page--toc .vt-kicker { display: block; font-size: 2.6cqw; margin-bottom: 1cqw; }
.vt-toc__title { font-family: var(--font-display); font-weight: 600; font-size: 11cqw; line-height: 1.1; margin: 0 0 3cqw; color: var(--ink); padding-bottom: 2cqw; border-bottom: 0.5cqw solid var(--ink); }
.vt-toc { list-style: none; margin: 0; padding: 0; }
.vt-toc__item {
  display: flex; align-items: flex-start; gap: 3.5cqw; width: 100%;
  padding: 2.4cqw 0; border: 0; background: none; cursor: pointer;
  font: inherit; color: inherit; text-align: left;
}
.vt-toc__num { flex: none; min-width: 10cqw; font-family: var(--font-display); font-weight: 700; font-size: 8cqw; line-height: 0.95; color: var(--ink); }
.vt-toc__text { flex: 1; display: flex; flex-direction: column; gap: 0.5cqw; font-family: var(--font-body); }
.vt-toc__text small { font-size: 2.4cqw; font-weight: 600; color: #c8322e; }
.vt-toc__text strong { font-family: var(--font-display); font-weight: 600; font-size: 4.4cqw; line-height: 1.22; }
.vt-toc__text em { font-style: normal; font-weight: 600; font-size: 2.6cqw; color: var(--vt-accent); }
.vt-toc__deck { font-family: var(--font-print); font-size: 2.9cqw; line-height: 1.45; color: var(--ink-soft); }
.vt-toc__item:hover strong, .vt-toc__item:focus-visible strong { color: var(--vt-accent); }

/* आधा-चित्र (संपादकीय/भूमिका): ऊपर किनारे-से-किनारे फ़ोटो, नीचे पाठ */
.vt-page--halfpic .vt-page__inner { padding-top: calc(46cqh + 6cqw); }
.vt-halfpic { position: absolute; top: 0; left: 0; width: 100%; height: 46cqh; object-fit: cover; object-position: 50% 30%; }
.vt-page--halfpic .vt-page__body > h1:first-child,
.vt-page--halfpic .vt-page__body > h2:first-child,
.vt-page--halfpic .vt-page__body > .vt-label:first-child { padding-top: 0; }

/* दो-कॉलम पाठ: कॉलम पहले ऊपर से नीचे भरता है, फिर अगला */
.vt-page--cols .vt-page__body { column-count: 2; column-gap: 5cqw; column-fill: auto; font-size: 2.75cqw; line-height: 1.58; }
.vt-page--cols .vt-page__body > h1, .vt-page--cols .vt-page__body > h2,
.vt-page--cols .vt-page__body > .vt-label, .vt-page--cols .vt-page__body > .vt-byline,
.vt-page--cols .vt-page__body > .vt-deck { column-span: all; }
.vt-page--cols .vt-page__body p { hyphens: manual; orphans: 1; widows: 1; } /* कॉलम-ब्रेक हर आकार पर एक जैसा रहे */

/* इस अंक के रचनाकार: गोल, स्केच-जैसी फ़ोटो के साथ परिचय */
.vt-contrib { display: flow-root; margin: 0 0 3.6cqw; padding-bottom: 3.2cqw; border-bottom: 0.2cqw dashed rgba(107, 93, 72, 0.45); font-size: 3.15cqw; line-height: 1.55; }
.vt-contrib:last-child { border-bottom: 0; }
.vt-page__body .vt-contrib p { text-indent: 0; text-align: left; margin: 0 0 0.4em; }
.vt-page__body .vt-contrib__pic {
  float: left; width: 21cqw; height: 21cqw; max-height: none; margin: 0.6cqw 4cqw 1cqw 0;
  object-fit: cover; border-radius: 50%; border: 0.5cqw solid var(--paper);
  box-shadow: 0 0 0 0.25cqw rgba(107, 93, 72, 0.5);
  filter: grayscale(1) sepia(0.25) contrast(1.12);
}
.vt-contrib strong:first-child, .vt-contrib p:first-of-type b:first-child { color: #b4541a; font-family: var(--font-display); font-size: 1.12em; }

/* खाली बचा पन्ना */
.vt-page--filler .vt-page__body { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.vt-page--filler .vt-ornament { font-size: 12cqw; color: var(--vt-accent); opacity: 0.7; }
.vt-filler__text { font-family: var(--font-accent); font-size: 4cqw; color: var(--ink-soft); text-align: center !important; max-width: 70%; }

/* ------------------------------------------------------------------
 * कवर: ऊपर कागज़ी पट्टी पर बड़ा नाम, नीचे पूरा चित्र और उस पर लेखों के शीर्षक
 * ------------------------------------------------------------------ */
.vt-kicker { font-size: 2.6cqw; color: var(--vt-accent); font-weight: 600; }
.vt-cover { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; background: #fbf7ee; overflow: hidden; }
.vt-cover__band { flex: none; display: flex; flex-direction: column; align-items: center; padding: 4.5cqw 5cqw 2.6cqw; text-align: center; }
.vt-cover__name {
  font-family: var(--font-display); font-weight: 700; font-size: 14.5cqw; line-height: 1.15; color: #17120e; white-space: nowrap;
  margin-bottom: 1.2cqw;
}
.vt-cover__sub {
  align-self: stretch; display: flex; justify-content: space-between; gap: 3cqw;
  padding: 1cqw 2cqw; background: #b4541a; color: #fffaf0;
  font-size: 2.8cqw; font-weight: 600;
}
.vt-cover__art-wrap { position: relative; flex: 1; min-height: 0; color: #fff8ec; background: var(--vt-deep); }
.vt-cover__art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.vt-cover__art-wrap::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(to bottom, rgba(16, 11, 7, 0) 40%, rgba(16, 11, 7, 0.55) 68%, rgba(16, 11, 7, 0.92) 100%);
}
.vt-cover__tag { position: absolute; z-index: 1; left: 6cqw; right: 6cqw; top: 4cqw; margin: 0; font-family: var(--font-print); font-style: italic; font-size: 4.4cqw; line-height: 1.3; color: #fff3dc; text-shadow: 0 0.3cqw 1.6cqw rgba(0, 0, 0, 0.7); }
.vt-cover__lines { position: absolute; z-index: 1; left: 6cqw; right: 6cqw; bottom: 9cqw; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2.4cqw; }
.vt-cover__lines li { padding-left: 3cqw; border-left: 0.9cqw solid #e2871f; display: flex; flex-direction: column; }
.vt-cover__lines strong { font-family: var(--font-display); font-weight: 600; font-size: 4.6cqw; line-height: 1.22; text-shadow: 0 0.3cqw 1.5cqw rgba(0, 0, 0, 0.6); }
.vt-cover__lines span { font-size: 2.8cqw; color: #f2c58a; }
.vt-cover__foot { position: absolute; z-index: 1; left: 0; right: 0; bottom: 3cqw; text-align: center; font-size: 2.4cqw; color: rgba(255, 248, 236, 0.8); }

/* पिछला कवर */
.vt-back {
  width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 3cqw; padding: 10cqw; text-align: center;
  background: radial-gradient(ellipse at 50% 35%, #3a2a1c 0%, var(--vt-deep) 70%);
  color: #ede3d3; font-size: 3.4cqw; line-height: 1.6;
}
.vt-back .vt-kicker { color: #f2c58a; }
.vt-back__name { font-family: var(--font-display); font-size: 10cqw; color: #fff8ec; line-height: 1.1; }
.vt-back .vt-ornament { font-size: 7cqw; color: #e2871f; }
.vt-back p { margin: 0; }
.vt-back a { color: #f2a63f; font-family: inherit; }
.vt-back__invite { font-family: var(--font-accent); font-size: 3.8cqw; }
.vt-back__issue { margin-top: 4cqw; font-size: 2.5cqw; color: #b7a890; }

/* ------------------------------------------------------------------
 * सभी अंक (archive)
 * ------------------------------------------------------------------ */
.vithika-archive-head { text-align: center; max-width: 640px; margin: 0 auto 2.5rem; }
.vithika-archive-head .vt-kicker { font-size: 0.8rem; color: var(--accent); }
.vithika-archive-head h1 { font-size: clamp(2.2rem, 6vw, 3.4rem); margin: 0.3rem 0 0.6rem; color: var(--text); }
.vithika-archive-head p { color: var(--text-muted); margin: 0; }
.vithika-shelf { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 2rem 1.5rem; }
.vithika-issue { display: flex; flex-direction: column; gap: 0.4rem; color: var(--text); text-decoration: none; }
.vithika-issue__cover {
  position: relative; display: block; aspect-ratio: 480 / 630; /* Time Magazine: 8 × 10.5 इंच */ overflow: hidden; border-radius: 4px 10px 10px 4px;
  background: #1b1714; box-shadow: var(--shadow); transition: transform 0.25s ease, box-shadow 0.25s ease;
  container-type: inline-size;
}
.vithika-issue__cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(16, 11, 7, 0.75), transparent 40%), linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent 7%); }
.vithika-issue:hover .vithika-issue__cover, .vithika-issue:focus-visible .vithika-issue__cover { transform: translateY(-6px) rotate(-1deg); }
.vithika-issue__cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vithika-issue__mast { position: absolute; z-index: 1; top: 0; left: 0; right: 0; padding: 7cqw 5cqw 0; text-align: center; display: flex; flex-direction: column; }
.vithika-issue__mast .vt-kicker { font-size: 4.5cqw; color: #f2c58a; }
.vithika-issue__mast strong { font-family: var(--font-display); font-size: 14cqw; color: #fff8ec; line-height: 1.1; }
.vithika-issue__title { font-family: var(--font-display); font-weight: 700; font-size: 1.15rem; margin-top: 0.4rem; }
.vithika-issue__label { color: var(--text-muted); font-size: 0.9rem; }
.vithika-empty { text-align: center; color: var(--text-muted); }

/* ------------------------------------------------------------------
 * बड़ी किताब: इस पेज पर header साथ-साथ न चिपके, ताकि किताब को पूरी जगह मिले
 * ------------------------------------------------------------------ */
body.single-vithika_ank .site-header { position: relative; }
.vithika-reader { padding-top: 0.6rem; }
.vithika-topbar { margin-bottom: 0.5rem; }
.vithika-stage { max-width: none; }

/* ------------------------------------------------------------------
 * "चित्र: ..." placeholder — असली चित्र आने तक
 * ------------------------------------------------------------------ */
.vt-page__body .vt-ph { position: relative; margin: 0.7em 0 0.9em; }
.vt-page__body .vt-ph img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.vt-page__body .vt-ph__label,
.vt-ph-badge {
  font-family: var(--font-body); font-size: 2.3cqw; line-height: 1.35; font-weight: 600;
  color: #fffaf0; background: rgba(20, 14, 10, 0.62); border: 0.2cqw dashed rgba(255, 250, 240, 0.7);
  padding: 1cqw 2cqw; border-radius: 1cqw;
}
.vt-page__body .vt-ph__label { position: absolute; left: 2.5cqw; bottom: 2.5cqw; right: 2.5cqw; margin: 0; text-align: left; }
.vt-ph-badge { position: absolute; z-index: 2; right: 5cqw; bottom: 9cqw; max-width: 70%; }
.vt-ph-badge--half { top: calc(46cqh - 9cqw); bottom: auto; right: 5cqw; }

/* ------------------------------------------------------------------
 * फैला-चित्र: एक ही चित्र आमने-सामने के दो पन्नों पर
 * ------------------------------------------------------------------ */
.vt-page--hero .vt-page__body .vt-spread { width: 200% !important; max-width: none; }
.vt-page--hero .vt-page__body .vt-spread--l { left: 0; right: auto; }
.vt-page--hero .vt-page__body .vt-spread--r { left: -100%; right: auto; }
/* दोनों पन्नों पर ऊपर एक जैसी छाया, ताकि बीच में कोई सीवन न दिखे */
.vt-page--spread-l .vt-page__inner,
.vt-page--spread-r .vt-page__inner { background: #000 !important; }

/* placeholder पर फ़ोटो का मार्गदर्शन (आकार/दिशा/सावधानी) */
.vt-ph__label strong, .vt-ph-badge strong { display: block; font-weight: 700; }
.vt-ph__label .vt-ph__guide, .vt-ph-badge .vt-ph__guide { display: block; margin-top: 0.4cqw; font-weight: 500; font-size: 0.86em; opacity: 0.92; }
.vt-page__body .vt-contrib p.vt-ph__guide--face { font-family: var(--font-body); font-size: 2.2cqw; color: var(--vt-accent); margin-top: 0.3em; }

/* ==================================================================
 * पेशेवर पत्रिका का अनुपात (v2): छोटे-सधे शीर्षक, संतुलित पाठ और हाशिए
 * (छपी पत्रिका में पाठ पन्ने की चौड़ाई का ~1.6–2%, शीर्षक ~5% होते हैं;
 *  स्क्रीन पर पढ़ने लायक रखने के लिए पाठ थोड़ा बड़ा, 2.45%)
 * ================================================================== */
.vt-page--text .vt-page__inner { padding: 6.5cqw 6.8cqw 3cqw; }
.vt-page__body { font-size: 2.45cqw; line-height: 1.55; }
.vt-page--cols .vt-page__body { font-size: 2.3cqw; line-height: 1.52; column-gap: 4.2cqw; }
.vt-measure .vt-page__body { margin-bottom: 3.9cqw; }
.vt-measure .vt-page--cols .vt-page__body { margin-bottom: 7.2cqw; }
.vt-page__body p + p { text-indent: 1.2em; }
.vt-page__foot { font-size: 1.75cqw; padding-top: 2cqw; }
.vt-page__foot b { font-size: 2.2cqw; }

.vt-page__body h1, .vt-page__body h2 { font-size: 5.4cqw; line-height: 1.15; font-weight: 600; margin: 0 0 0.3em; }
.vt-page--opener .vt-page__body > h1:first-child,
.vt-page--opener .vt-page__body > h2:first-child { padding-top: 1cqw; }
.vt-page__body h3, .vt-page__body h4 { font-size: 3.2cqw; }
.vt-label { font-size: 2.2cqw; gap: 1.2cqw; margin-bottom: 1.2cqw !important; }
.vt-label__mark { width: 1.7cqw; height: 1.7cqw; }
.vt-page__body p.vt-byline, .vt-hero__text p.vt-byline { font-size: 2.2cqw; margin-bottom: 1em; }
.vt-deck { font-size: 1em; }
.vt-page--opener .vt-page__body p.vt-byline + p:not(.vt-deck)::first-letter,
.vt-page--opener .vt-page__body p.vt-deck + p::first-letter,
.vt-page--after-hero .vt-page__body > p:first-child::first-letter { font-size: 3.3em; }
.vt-page__body blockquote { font-size: 1.22em; }

.vt-page--hero .vt-page__body .vt-hero__title { font-size: 7.8cqw; line-height: 1.08; }
.vt-hero__text { left: 6.8cqw; right: 6.8cqw; top: 6.5cqw; }
.vt-hero__text .vt-deck { font-size: 2.7cqw; }

.vt-toc__title { font-size: 7.5cqw; margin-bottom: 2.4cqw; }
.vt-toc__item { padding: 1.8cqw 0; gap: 3cqw; }
.vt-toc__num { font-size: 5.6cqw; min-width: 7.5cqw; }
.vt-toc__text strong { font-size: 3.3cqw; }
.vt-toc__text em, .vt-toc__text small { font-size: 2.1cqw; }
.vt-toc__deck { font-size: 2.3cqw; }

.vt-page--halfpic .vt-page__inner { padding-top: calc(40cqh + 5cqw); }
.vt-halfpic { height: 40cqh; }
.vt-ph-badge--half { top: calc(40cqh - 9cqw); }
.vt-contrib { font-size: 2.6cqw; margin-bottom: 2.8cqw; padding-bottom: 2.6cqw; }
.vt-page__body .vt-contrib__pic { width: 16cqw; height: 16cqw; margin-right: 3.2cqw; }
.vt-page__body .vt-ph__label, .vt-ph-badge { font-size: 1.9cqw; }

/* एक ही पन्ने पर अगली छोटी रचना से पहले सजावटी विभाजक */
.vt-page__body hr.vt-sep { border: 0; height: auto; margin: 1.2em 0 1em; text-align: center; column-span: all; }
.vt-page__body hr.vt-sep::after { content: "❁  ❁  ❁"; color: var(--vt-accent); font-size: 0.9em; letter-spacing: 0; }