@@ Line 28: / Line 28: @@
 .mw-parser-output {
    font-size: 22px;
-   line-height: 1.65;          /* REDUCED from 1.75 */
+   line-height: 1.6;
    color: #555;
    max-width: 100%;
@@ Line 100: / Line 100: @@
    display: block;
    text-align: left;
-   margin: 6px 0 0;            /* REDUCED from 10px */
+   margin: 3px 0 0;
 }
@@ Line 107: / Line 107: @@
    font-style: normal;
    color: #333;
-   line-height: 1.45;          /* REDUCED from 1.6 */
+   line-height: 1.35;
-   margin: 0;                  /* no extra gap between lines */
+   margin: 0;
 }
@@ Line 124: / Line 124: @@
    color: #c65;
    font-weight: 500;
-   line-height: 1.45;          /* REDUCED */
+   line-height: 1.35;
    margin: 0;
 }
@@ Line 134: / Line 134: @@
    display: block;
    font-weight: bold; color: #c65;
-   margin: 0.8rem 0 0;         /* REDUCED from 1.2rem */
+   margin: 0.5rem 0 0;
    padding: 2px 0 2px 12px;
    border-left: 3px solid #c65;
@@ Line 144: / Line 144: @@
 .bhashyam-block {
    display: block;
-   font-size: 1em; line-height: 1.75;  /* REDUCED from 1.85 */
+   font-size: 1em; line-height: 1.6;
    color: #555;
-   margin: 0.4em 0 0.6em 60px;        /* REDUCED */
+   margin: 0.25em 0 0.35em 48px;
    padding: 0; border: none; background: transparent;
 }
@@ Line 173: / Line 173: @@
 /* NEW — teeka now has a subtle warm background (was unstyled) */
 .teeka-block {
-   border-radius: 6px;
+   border-radius: 5px;
-   padding: 8px 12px 10px;
+   padding: 6px 10px 8px;
-   margin: 0.5em 0 0.5em 0;
+   margin: 0.3em 0;
-   font-size: 0.93em; line-height: 1.7;  /* REDUCED */
+   font-size: 0.92em;
+  line-height: 1.6;
    color: #555;
-   background: #fffdf5;                   /* NEW */
+   background: #fffdf5;
-   border: 1px solid #f0e0b0;            /* NEW */
+   border: 1px solid #f0e0b0;
 }
 .teeka-title {
    font-family: system-ui, -apple-system, sans-serif !important;
-   font-size: 0.78em; font-weight: 600;
+   font-size: 0.75em; font-weight: 700;
    letter-spacing: 0.06em; text-transform: uppercase;
-   color: #777; margin-bottom: 5px; padding-bottom: 4px;
+   color: #a07040; margin-bottom: 4px; padding-bottom: 3px;
-   border-bottom: 1px solid #ddd;
+   border-bottom: 1px solid #e8d4a0;
+}
+.teeka-body { font-family: inherit; margin: 0; }
+.teeka-block .shloka-block {
+  margin: 0 0 0.35em;
+  text-align: left;
+  padding: 0;
 }
-.teeka-body { font-family: inherit; }
-.teeka-block .shloka-block { margin: 0 0 0.5em; text-align: left; }
 .teeka-block .shloka-line {
    display: block; font-style: italic; color: #be100e;
-   line-height: 1.45; font-size: 1em;
+   line-height: 1.4; font-size: 0.97em; margin: 0;
+}
+/* Vyakhya sub-headings rendered as h4 (wikitext === not parsed inside divs) */
+.gr-vyakhya-head, .gr-section-head {
+  font-size: 0.88em; font-weight: 700;
+  color: #6a3e00; margin: 0.4em 0 0.2em;
+  font-family: inherit;
+  border: none;
 }
@@ Line 494: / Line 503: @@
 .mw-logo-wordmark { color: #ffffff !important; font-weight: 700; font-size: 18px; }
 .mw-logo-icon { content: url('/favicon.ico'); width: 24px; height: 24px; }
-.vector-header .vector-icon { filter: invert(1); opacity: 0.9; }
+/* Invert header icons to white — but NOT the user-links area icons
+ * (user menu chevron, login button) which need to remain visible) */
+.vector-header .vector-icon:not(.vector-user-links .vector-icon):not(#vector-user-links-dropdown .vector-icon) {
+  filter: invert(1);
+  opacity: 0.9;
+}
+/* Keep user-links icons visible at full opacity */
+.vector-user-links .vector-icon,
+#vector-user-links-dropdown .vector-icon,
+.vector-user-menu-container .vector-icon {
+  filter: none !important;
+  opacity: 1 !important;
+}
 .cdx-search-input .vector-icon, .cdx-search-input svg, .cdx-search-input path,
 .cdx-search-input__end-button .vector-icon, .cdx-search-input__end-button svg,
@@ Line 511: / Line 532: @@
   * ──────────────────────────────────────────────────────────────── */
-/* 1. Watchlist overflow portlet */
+/* 1. Watchlist icon — hide by specific item ID only.
-.mw-portlet-vector-user-menu-overflow,
+ * Do NOT hide .mw-portlet-vector-user-menu-overflow by class — on some
-#p-vector-user-menu-overflow,
+ * Vector versions that portlet contains the profile/logout links too. */
 li#pt-watchlist,
 li#pt-watchlist-kbd { display: none !important; }
@@ Line 674: / Line 695: @@
    .toc { max-width: 100%; }
    .gr-gadya { width: 90%; }
+}
+/* ── Global spacing tightening ────────────────────────────────── */
+.mw-parser-output p { margin-bottom: 0.35rem !important; }
+.mw-parser-output .verse-block,
+.mw-parser-output .shloka-block { margin-top: 2px !important; margin-bottom: 2px !important; }
+/* ── Vyakhya sub-headings (h4 replaces === which breaks inside divs) */
+.gr-vyakhya-head, .gr-section-head {
+  font-size: 0.9em;
+  font-weight: 700;
+  color: #6a3e00;
+  margin: 0.35em 0 0.15em;
+  font-family: inherit;
+  border: none;
+  padding: 0;
+}
+/* ── Vyakhya page layout ──────────────────────────────────────── */
+.gr-vyakhya-gadya { margin: 0.2em 0; line-height: 1.6; }
+.gr-avataranika   { margin: 0.2em 0; line-height: 1.6; color: #555; }
+.gr-embedded-bhashya { margin: 0.2em 0 0.2em 1em; line-height: 1.6; }
+/* ── Individual vyakhya prose paragraphs ─────────────────────── */
+.gr-vyakhya-para {
+  margin: 0 0 0.5em 0;
+  line-height: 1.65;
+  color: #444;
+}
+.gr-vyakhya-para:last-child { margin-bottom: 0; }
+/* Shloka-lines inside teeka-block (quoted verses within commentary) */
+.teeka-body .shloka-block {
+  margin: 0.4em 0;
+  padding: 0.3em 0.6em;
+  border-left: 3px solid #e8c88a;
+  background: transparent;
+}
+.teeka-body .shloka-line {
+  color: #8a4a00;
+  font-style: italic;
+  font-size: 0.97em;
+}
+/* ══════════════════════════════════════════════════════════════════
+   TEEKA VIEW MODES
+   Applied to <body> by Common.js based on referrer / ?ref= param.
+   gr-standalone  — direct URL access: plain reading view
+   gr-ref-mode    — navigated from main doc: styled embedded view
+   ══════════════════════════════════════════════════════════════════ */
+/* ── Standalone mode: strip all container chrome ──────────────── */
+/* The gr-page-nav back-link is useful in standalone, keep it */
+body.gr-standalone .gr-page-nav {
+  display: block;
+}
+/* Remove coloured box — show as plain flowing text */
+body.gr-standalone .teeka-block {
+  background: none !important;
+  border: none !important;
+  padding: 0 !important;
+  border-radius: 0 !important;
+}
+body.gr-standalone .teeka-title {
+  display: none !important;
+}
+/* Each entry flows naturally, small separator between descriptors */
+body.gr-standalone .gr-teeka-entry {
+  border-bottom: 1px solid #f0e8d8;
+  padding-bottom: 0.8em;
+  margin-bottom: 0.8em;
+}
+body.gr-standalone .gr-teeka-entry:last-of-type {
+  border-bottom: none;
+}
+/* Shlokas in standalone get the normal verse color, no extra indent */
+body.gr-standalone .teeka-body .shloka-block {
+  border-left: none;
+  padding-left: 0;
+  background: none;
+}
+body.gr-standalone .teeka-body .shloka-line {
+  color: #be100e;
+  font-style: italic;
+}
+/* Vyakhya headings still show, but lighter */
+body.gr-standalone .gr-vyakhya-head {
+  color: #a07040;
+  font-size: 0.95em;
+  margin-top: 0.8em;
+}
+/* ── Ref mode: full styled embedded view (default teeka-block look) ── */
+/* This is already the default from .teeka-block rules above.
+   Explicit declarations here for clarity and override safety. */
+body.gr-ref-mode .teeka-block {
+  background: #fffdf5 !important;
+  border: 1px solid #f0e0b0 !important;
+  padding: 6px 10px 8px !important;
+  border-radius: 5px !important;
+}
+body.gr-ref-mode .teeka-title {
+  display: block !important;
+}
+/* The page-nav back-link is redundant when embedded in main doc */
+body.gr-ref-mode .gr-page-nav {
+  display: none;
+}
+/* ── Default (no body class yet — JS may not have run) ────────── */
+/* Show styled until JS classifies */
+.gr-teeka-page .teeka-block {
+  background: #fffdf5;
+  border: 1px solid #f0e0b0;
 }

MediaWiki:Common.css: Difference between revisions