@@ Line 942: / Line 942: @@
 .gr-ullekha-ref a { color: #b04b00 !important; text-decoration: none; }
 .gr-ullekha-ref a:hover { text-decoration: underline; }
+/* ═══════════════════════════════════════════════════════════════════
+   Common.css — v7 additions  (append to existing Common.css)
+   Full typography spec implementation.
+   ═══════════════════════════════════════════════════════════════════ */
+:root {
+  --gr-maroon:     #800000;
+  --gr-orange:     #f57c00;
+  --gr-black:      #222222;
+  --gr-i5mm:  19px;
+  --gr-i7mm:  26px;
+  --gr-i10mm: 38px;
+  --gr-i2mm:   8px;
+  --gr-font-dev:   'Adishila', 'Noto Serif Devanagari', serif;
+  --gr-font-vedic: 'AdishilaVedic', 'Adishila', 'Noto Serif Devanagari', serif;
+}
+/* 1. Heading */
+.gr-doc-title { font-family:var(--gr-font-dev)!important; font-size:24px!important; font-weight:500!important; color:var(--gr-maroon)!important; text-align:center!important; margin:0 0 18px; border:none!important; }
+/* 2. Sub-heading */
+.gr-section-head,.gr-gadya-head,h4.gr-section-head,h4.gr-gadya-head { font-family:var(--gr-font-dev)!important; font-size:16px!important; font-weight:600!important; color:var(--gr-orange)!important; text-align:center!important; margin:18px 0 8px!important; padding:0!important; border:none!important; }
+/* 3. Chapter heading */
+.mw-parser-output h2,.mw-parser-output .mw-heading2 h2 { font-family:var(--gr-font-dev)!important; font-size:18px!important; font-weight:600!important; color:var(--gr-maroon)!important; text-align:center!important; margin:28px auto 6px!important; padding:0!important; border:none!important; border-bottom:2px dotted var(--gr-maroon)!important; width:80%; line-height:1.6; }
+.mw-parser-output h3,.mw-parser-output .mw-heading3 h3 { font-family:var(--gr-font-dev)!important; font-size:16px!important; font-weight:600!important; color:var(--gr-orange)!important; text-align:center!important; margin:22px auto 6px!important; padding:0!important; border:none!important; border-bottom:1px dotted var(--gr-orange)!important; width:70%; line-height:1.5; }
+/* 4. Author-note */
+.bhashyam-block.gr-author-note,.gr-author-note { font-family:var(--gr-font-dev)!important; font-size:16px!important; font-weight:700!important; color:var(--gr-maroon)!important; text-align:center!important; margin:12px 0!important; padding:0!important; border:none!important; background:none!important; }
+/* 5. Moola Veda Shloka */
+.verse-block[data-type="mantra"] .shloka-line,.gr-verse-type-mantra .shloka-line { font-family:var(--gr-font-vedic)!important; font-size:18px!important; font-weight:700!important; color:var(--gr-maroon)!important; text-align:left!important; display:block; padding-left:var(--gr-i5mm)!important; line-height:1.55; margin:0; }
+/* 6. Moola Veda Gadya */
+.verse-block[data-type="mantra"] .bhashyam-block.gr-pramana-gadya { font-family:var(--gr-font-vedic)!important; font-size:18px!important; font-weight:700!important; color:var(--gr-maroon)!important; text-align:justify!important; text-indent:var(--gr-i7mm)!important; padding-left:var(--gr-i2mm)!important; margin-left:0!important; }
+/* 7. Moola Shloka */
+.verse-block .shloka-line,.shloka-block .shloka-line,.gr-verse-text { font-family:var(--gr-font-dev)!important; font-size:18px!important; font-weight:700!important; color:var(--gr-orange)!important; text-align:left!important; display:block; padding-left:var(--gr-i5mm)!important; line-height:1.55; margin:0; }
+.verse-block[data-type="sutra"] .shloka-line,.gr-verse-type-sutra .shloka-line { color:var(--gr-maroon)!important; font-style:normal!important; }
+/* 8. Moola Gadya */
+.gr-verse-text.gr-pramana-gadya,.bhashyam-block.gr-pramana-gadya { font-family:var(--gr-font-dev)!important; font-size:18px!important; font-weight:700!important; color:var(--gr-orange)!important; text-align:justify!important; text-indent:var(--gr-i7mm)!important; padding-left:var(--gr-i2mm)!important; margin-left:0!important; }
+/* 9. Bhashya Shloka (pramana-padya) */
+.bhashyam-block.gr-pramana-padya,.gr-verse-text.gr-pramana-padya { font-family:var(--gr-font-dev)!important; font-size:16px!important; font-weight:400!important; color:var(--gr-black)!important; text-align:left!important; display:block; padding-left:var(--gr-i10mm)!important; margin-left:0!important; line-height:1.6; }
+/* 10. Bhashya Gadya */
+.bhashyam-block,.gr-bhashyam,.gr-inlinepara-run { font-family:var(--gr-font-dev)!important; font-size:16px!important; font-weight:400!important; color:var(--gr-black)!important; text-align:justify!important; text-indent:var(--gr-i7mm)!important; padding-left:var(--gr-i2mm)!important; margin-left:0!important; line-height:1.65; margin-bottom:0.3em; }
+/* 11-12. Teeka Shloka/Gadya */
+.teeka-block .teeka-body { font-family:var(--gr-font-dev)!important; font-size:16px!important; font-weight:400!important; color:var(--gr-black)!important; line-height:1.65; }
+.teeka-block .shloka-line { font-size:16px!important; font-weight:400!important; color:var(--gr-black)!important; text-align:left!important; padding-left:var(--gr-i10mm)!important; line-height:1.6; }
+.teeka-block .bhashyam-block,.teeka-block .gr-vyakhya-para,.teeka-block p { font-size:16px!important; font-weight:400!important; color:var(--gr-black)!important; text-align:justify!important; text-indent:var(--gr-i7mm)!important; padding-left:var(--gr-i2mm)!important; }
+/* 13-14. Tippani */
+.gr-tippani-block { font-family:var(--gr-font-dev)!important; font-size:16px!important; font-weight:400!important; color:var(--gr-black)!important; background:#f5f8fa; border:1px solid #c8dae8; border-radius:4px; padding:6px 10px 8px; margin:0.3em 0; }
+.gr-tippani-block .shloka-line { text-align:left!important; padding-left:var(--gr-i10mm)!important; }
+/* 15. Moola prateeka */
+.gr-mulaprateeka-block,em.Moola,.gr-moola { font-weight:700!important; font-style:italic!important; color:var(--gr-maroon)!important; display:block; text-align:center; margin:0.6em 0 0.3em; }
+/* 16. Prateeka */
+.gr-prateeka,em.prateeka,span.prateeka { font-weight:700!important; font-style:normal!important; color:var(--gr-orange)!important; }
+/* 17. Reference */
+.gr-reference,a.qt,span.gr-blockquote .gr-reference,.pramana a { color:var(--gr-orange)!important; font-style:italic; text-decoration:none; }
+.gr-reference:hover,a.qt:hover { text-decoration:underline dotted; }
+/* Moola reference shloka above teeka entries */
+.gr-moola-ref { display:block; margin:0 0 6px; padding:4px 0 4px var(--gr-i5mm); border-left:3px solid var(--gr-orange); }
+.gr-moola-ref .shloka-line { font-size:17px!important; font-weight:600!important; color:var(--gr-orange)!important; padding-left:0!important; }
+/* TOC bold only on active */
+.vector-toc .vector-toc-level-1>.vector-toc-link,.vector-toc .vector-toc-level-1>.vector-toc-link * { font-weight:400!important; color:#3a1f00!important; }
+.vector-toc .vector-toc-level-2>.vector-toc-link,.vector-toc .vector-toc-level-2>.vector-toc-link * { font-weight:400!important; color:#5a3a00!important; }
+.vector-toc .vector-toc-level-3>.vector-toc-link,.vector-toc .vector-toc-level-3>.vector-toc-link * { font-weight:400!important; color:#7a5010!important; font-size:.95em!important; }
+.vector-toc .vector-toc-list-item-active .vector-toc-link,.vector-toc .vector-toc-list-item-active .vector-toc-link * { color:#f57c00!important; font-weight:700!important; }
+/* About/Main_Page no sidebar TOC */
+body.page-My_wiki-About .vector-sidebar,body.page-My_wiki-About .vector-sticky-pinned-container,body.page-My_wiki-About #vector-toc-pinned-container { display:none!important; }
+/* Ullekha page */
+.gr-ullekha-back { font-size:.88em; color:#888; margin-bottom:.5em; }
+.gr-ullekha-back a { color:var(--gr-maroon); text-decoration:none; }
+.gr-ullekha-source { margin-bottom:2em; border:1px solid #e8d4a0; border-radius:6px; padding:10px 14px 12px; background:#fffdf5; }
+.gr-ullekha-source-title { font-size:1.05em; font-weight:600; color:#5a3000; margin-bottom:2px; border-bottom:1px dotted #c9a060; padding-bottom:4px; }
+.gr-ullekha-list { margin:0!important; padding-left:1.4em!important; list-style:decimal!important; }
+.gr-ullekha-item { margin:.4em 0; line-height:1.55; }
+.gr-ullekha-quote { font-style:italic; color:#444; }
+.gr-ullekha-ref { font-size:.8em; font-style:normal; color:#999; margin-left:4px; font-family:system-ui,sans-serif; }
+.gr-ullekha-ref a { color:var(--gr-maroon)!important; text-decoration:none; }
+/* Responsive */
+@media (max-width:600px) {
+  .mw-parser-output h2,.mw-parser-output h3 { width:100%!important; }
+  .bhashyam-block { text-indent:12px!important; padding-left:4px!important; }
+  .verse-block .shloka-line { padding-left:8px!important; }
+}
+/* ── Moola page (verse-text only view) ──────────────────────────── */
+/* The title shows "...— मूलम्" with a warm ochre accent */
+.gr-doc-title[data-moola="1"] {
+  color: var(--gr-maroon) !important;
+  border-bottom: 2px solid var(--gr-orange);
+  padding-bottom: 8px;
+  margin-bottom: 20px;
+}
+/* On the Moola page, verse lines use full-width justified layout
+   matching the "M. Shloka / M. Gadya" spec (no bhashya indentation) */
+.mw-parser-output .verse-block {
+  margin: 8px 0 12px;
+}
+.mw-parser-output .verse-block .shloka-block {
+  margin: 0;
+}
+/* ── Ullekha page ────────────────────────────────────────────────── */
+/* Title: maroon, dotted bottom border (matches ref site exactly) */
+.gr-ullekha-title {
+  color: var(--gr-maroon) !important;
+  font-size: 22px !important;
+  border-bottom: 1.5px dotted var(--gr-maroon) !important;
+  padding-bottom: 6px !important;
+  margin-bottom: 20px !important;
+  text-align: left !important;
+}
+/* Source heading (h2): orange, dotted bottom border */
+.mw-parser-output .gr-ullekha-page h2,
+body .mw-parser-output h2.gr-ullekha-source-heading {
+  color: var(--gr-orange) !important;
+  font-size: 1em !important;
+  font-weight: 600 !important;
+  border-bottom: 1px dotted var(--gr-orange) !important;
+  width: 60% !important;
+  text-align: left !important;
+}
+/* Numbered list of quotes */
+.gr-ullekha-list {
+  margin: 0.5em 0 1.2em 0 !important;
+  padding-left: 1.6em !important;
+  list-style: decimal !important;
+}
+.gr-ullekha-list li {
+  margin: 0.3em 0;
+  line-height: 1.6;
+}
+/* Each quote as an orange link with single quotes, italic */
+.gr-ullekha-ref-link a,
+.gr-ullekha-list li a {
+  color: var(--gr-orange) !important;
+  font-style: italic;
+  text-decoration: none !important;
+}
+.gr-ullekha-ref-link a:hover,
+.gr-ullekha-list li a:hover {
+  text-decoration: underline dotted !important;
+}
+/* Highlighted text on bhashya page after clicking Ullekha link */
+.gr-ullekha-highlight {
+  background: #fff176 !important;
+  border-radius: 2px;
+  padding: 0 2px;
+}
+/* ═══════════════════════════════════════════════════════════════════
+   Canonical XSL class mappings (added v7.1)
+   The renderer now emits HTML directly with classes matching the XSL
+   template from the reference site, so styles work without MW templates.
+   ═══════════════════════════════════════════════════════════════════ */
+/* Wrap all document content */
+.mw-parser-output {
+  /* All content lives inside maintext-equivalent scope */
+}
+/* ── Verse block (XSL: div.verse > div.verse-text > div.shloka > span.shloka-line) */
+.mw-parser-output .verse {
+  margin: 8px 0 4px;
+}
+.mw-parser-output .verse-text {
+  font-size: 1.1em;
+  color: var(--gr-orange);
+  font-weight: 600;
+  margin-top: 6px;
+}
+.mw-parser-output .verse[type="sutra"] .verse-text,
+.mw-parser-output .verse[type="sutra"] .shloka-line {
+  color: var(--gr-maroon) !important;
+  font-style: normal !important;
+}
+.mw-parser-output .verse[type="mantra"] .verse-text,
+.mw-parser-output .verse[type="mantra"] .shloka-line {
+  font-family: var(--gr-font-vedic) !important;
+  color: var(--gr-maroon) !important;
+  font-weight: 700 !important;
+}
+.mw-parser-output .shloka {
+  margin: 0;
+  padding: 0;
+}
+.mw-parser-output .shloka-line {
+  display: block;
+  font-size: 18px;
+  font-weight: 600;
+  color: var(--gr-orange);
+  padding-left: var(--gr-i5mm);
+  line-height: 1.55;
+  margin: 0;
+}
+/* ── Introduction (XSL: div.introduction) */
+.mw-parser-output .introduction {
+  font-family: var(--gr-font-dev) !important;
+  font-size: 16px;
+  color: var(--gr-black);
+  text-align: justify;
+  text-indent: var(--gr-i7mm);
+  padding-left: var(--gr-i2mm);
+  margin: 0.5em 0 0.3em;
+  line-height: 1.65;
+}
+.mw-parser-output .introduction p {
+  display: inline;
+  margin: 0;
+}
+/* ── Bhashya (XSL: div.bhashya) */
+.mw-parser-output .bhashya {
+  font-family: var(--gr-font-dev) !important;
+  font-size: 16px;
+  color: var(--gr-black);
+  text-align: justify;
+  text-indent: var(--gr-i7mm);
+  padding-left: var(--gr-i2mm);
+  margin: 0.2em 0 0.35em;
+  line-height: 1.65;
+}
+.mw-parser-output .bhashya p {
+  display: inline;
+  margin: 0;
+}
+.mw-parser-output .bhashya.footnote {
+  font-size: 0.9em;
+  padding-left: 40px;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  border-top: 1px solid #007bff;
+  border-bottom: 1px solid #007bff;
+}
+/* ── Leading-bhashya (XSL: div.leading-bhashya) */
+.mw-parser-output .leading-bhashya {
+  font-style: italic;
+  color: var(--gr-black);
+  margin: 0.4em 0 0.5em;
+  line-height: 1.6;
+}
+/* ── Pramana container (XSL: div.pramana) */
+.mw-parser-output .pramana {
+  font-style: italic;
+  color: #be100e;
+  margin: 0.4em 0;
+}
+/* Pramana verse (XSL: div.padya inside div.pramana) */
+.mw-parser-output .pramana .padya {
+  margin-bottom: 1.2em;
+  text-align: left;
+  padding-left: var(--gr-i5mm);
+  line-height: 1.55;
+}
+/* Pramana prose (XSL: div.gadya inside div.pramana) */
+.mw-parser-output .pramana .gadya {
+  margin-bottom: 0.8em;
+  text-align: justify;
+  text-indent: var(--gr-i7mm);
+  padding-left: var(--gr-i2mm);
+}
+/* ── Uvaaca (XSL: blockquote.uvaaca) */
+.mw-parser-output blockquote.uvaaca,
+.mw-parser-output .uvaaca {
+  color: #BF360C;
+  padding: 8px 40px;
+  border-left: 3px solid #BF360C;
+  margin: 16px 0 20px;
+  background-color: #FFF4F3;
+  font-style: normal;
+  font-weight: 500;
+}
+/* ── Author-note (XSL: p.author-note / div.gr-author-note) */
+.mw-parser-output .author-note,
+.mw-parser-output .gr-author-note {
+  font-family: var(--gr-font-dev) !important;
+  font-size: 16px !important;
+  font-weight: 700 !important;
+  color: var(--gr-maroon) !important;
+  text-align: center !important;
+  margin: 14px 0 !important;
+  padding: 0 !important;
+  border: none !important;
+  background: none !important;
+  line-height: 1.6;
+}
+/* ── Prateeka / Moola inline (XSL: span.prateeka, em.Moola) */
+.mw-parser-output .prateeka,
+.mw-parser-output .gr-prateeka {
+  font-weight: bold !important;
+  font-style: normal !important;
+  color: var(--gr-orange) !important;
+  display: inline-block;
+  margin: 0 0.1em;
+}
+.mw-parser-output .Moola,
+.mw-parser-output .gr-moola {
+  font-weight: bold !important;
+  font-style: italic !important;
+  color: var(--gr-maroon) !important;
+  display: inline-block;
+  margin: 0 0.1em;
+}
+/* ── Reference / quote links (XSL: a.qt) */
+.mw-parser-output a.qt,
+.mw-parser-output .gr-reference {
+  color: var(--gr-orange) !important;
+  font-style: italic;
+  text-decoration: none !important;
+}
+.mw-parser-output a.qt:hover,
+.mw-parser-output .gr-reference:hover {
+  text-decoration: underline dotted !important;
+}
+/* ── Adhikarana heading (XSL: h3.adhikarana-heading) */
+.mw-parser-output h3.adhikarana-heading,
+.mw-parser-output .adhikarana-heading {
+  font-size: 1em !important;
+  font-weight: 600 !important;
+  color: var(--gr-orange) !important;
+  text-align: center !important;
+  margin: 22px auto 6px !important;
+  border-bottom: 1px dotted var(--gr-orange) !important;
+  width: 65%;
+  padding: 0 !important;
+}
+/* ── Avataranika (XSL: p.avataranika) */
+.mw-parser-output .avataranika {
+  font-style: italic;
+  color: #444;
+  margin: 0.3em 0 0.5em 0.5em;
+  padding-left: 0.6em;
+  border-left: 2px solid #c9a96e;
+  line-height: 1.6;
+}
+/* ── Mulaprateeka (XSL: p.mulaprateeka) */
+.mw-parser-output .mulaprateeka,
+.mw-parser-output .gr-mulaprateeka-block {
+  font-weight: bold !important;
+  font-style: italic !important;
+  color: var(--gr-maroon) !important;
+  text-align: center !important;
+  margin: 0.6em 0 0.3em !important;
+  line-height: 1.5;
+}
+/* ── Gadya heading (XSL: h2.topichead) */
+.mw-parser-output h2.topichead {
+  font-size: 1em !important;
+  color: #800080 !important;
+  font-weight: 500 !important;
+  margin-top: 10px !important;
+  display: none; /* ref site hides topichead by default */
+}
+/* ── Bhashya-collection inlinepara run */
+.mw-parser-output .gr-inlinepara-run {
+  font-family: var(--gr-font-dev) !important;
+  font-size: 16px;
+  color: var(--gr-black);
+  text-align: justify;
+  line-height: 1.65;
+  margin: 0.2em 0;
+}
+/* ── Bhashya anchor (for copy-id hover) */
+.mw-parser-output .gr-bhashya-anchor {
+  /* inline, no visual change — just provides ID anchor */
+}

MediaWiki:Common.css: Difference between revisions