/* ==================================================================== ADISHAKTI.ORG — NEW AUTHENTICITY SERIES Shared Editorial Stylesheet Version: 1.0 — September 15, 2026 Suggested location: https://adishakti.org/AI/CSS/authenticity-series.css Scope: Add class="authenticity-series" to for safest use. ==================================================================== */ /* ---------- DESIGN TOKENS ---------- */ .authenticity-series { --as-text: #242424; --as-muted: #666; --as-faint: #8a8a8a; --as-rule: #d7d7d7; --as-soft-rule: #e8e8e8; --as-paper: #fff; --as-soft: #f7f7f7; --as-blue: #165b8f; --as-red: #9b2929; --as-main-max: 1120px; --as-sidebar: 30%; --as-content: 70%; --as-gap: 34px; --as-serif: Georgia, "Times New Roman", serif; --as-sans: Arial, Helvetica, sans-serif; margin: 0; color: var(--as-text); background: var(--as-paper); font-family: var(--as-serif); font-size: 17px; line-height: 1.72; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } /* ---------- BASIC ELEMENTS ---------- */ .authenticity-series *, .authenticity-series *::before, .authenticity-series *::after { box-sizing: border-box; } .authenticity-series img { max-width: 100%; height: auto; } .authenticity-series a { color: #145a8d; text-decoration: none; } .authenticity-series a:hover, .authenticity-series a:focus { text-decoration: underline; } .authenticity-series p { margin: 0 0 1.12em; } .authenticity-series strong { font-weight: 700; } .authenticity-series hr { border: 0; border-top: 1px solid var(--as-rule); margin: 28px 0; } /* ---------- PAGE SHELL: 30 / 70 ---------- */ .authenticity-series .as-page, .authenticity-series .page-shell, .authenticity-series .article-shell { width: min(94%, var(--as-main-max)); margin: 0 auto; } .authenticity-series .as-layout, .authenticity-series .content-layout, .authenticity-series .article-layout { display: flex; align-items: flex-start; gap: var(--as-gap); width: 100%; } .authenticity-series .as-sidebar, .authenticity-series .sidebar { flex: 0 0 calc(var(--as-sidebar) - (var(--as-gap) / 2)); min-width: 0; border-right: 0; } .authenticity-series .as-main, .authenticity-series .main-content, .authenticity-series main.article { flex: 1 1 var(--as-content); min-width: 0; } /* ---------- JOURNAL MASTHEAD ---------- */ .authenticity-series .masthead, .authenticity-series .article-masthead { margin: 0 0 18px; padding: 0 0 9px; border-bottom: 1px solid var(--as-rule); color: #626262; font-family: var(--as-sans); font-size: 12px; font-weight: 400; line-height: 1.4; letter-spacing: .085em; text-transform: uppercase; } /* ---------- ARTICLE TITLE ---------- */ .authenticity-series h1, .authenticity-series .article-title { margin: 0 0 18px; color: #202020; font-family: var(--as-serif); font-size: clamp(34px, 4.1vw, 50px); font-weight: 400; line-height: 1.08; letter-spacing: -.018em; } .authenticity-series .subtitle, .authenticity-series .article-subtitle { margin: 14px 0 9px; color: #555; font-family: var(--as-serif); font-size: 20px; font-weight: 400; line-height: 1.42; } .authenticity-series .author-line, .authenticity-series .byline { margin: 0 0 25px; color: #777; font-family: var(--as-sans); font-size: 12.5px; font-weight: 400; line-height: 1.45; } /* ---------- MAJOR HERO IMAGE ---------- */ /* Desktop: centered, restrained width. Mobile: full article width. Apply only to the primary article hero, not sidebar/book/float images. */ .authenticity-series .hero-wrap, .authenticity-series .main-hero-wrap { width: 88%; max-width: 620px; margin: 0 auto; padding: 0; line-height: 0; text-align: center; } .authenticity-series .hero-wrap img, .authenticity-series img.hero-image, .authenticity-series img.main-hero { display: block; width: 100%; height: auto; margin: 0 auto; } .authenticity-series .hero-caption, .authenticity-series .main-hero-caption { width: 88%; max-width: 620px; margin: 5px auto 17px; color: #666; font-family: var(--as-serif); font-size: 12.5px; line-height: 1.45; text-align: left; } /* ---------- SECTION HEADINGS ---------- */ .authenticity-series h2 { margin: 36px 0 14px; color: #222; font-family: var(--as-sans); font-size: 23px; font-weight: 700; line-height: 1.25; letter-spacing: -.012em; } .authenticity-series h3 { margin: 27px 0 10px; color: #303030; font-family: var(--as-sans); font-size: 18px; font-weight: 700; line-height: 1.32; } .authenticity-series h4 { margin: 22px 0 8px; font-family: var(--as-sans); font-size: 15px; line-height: 1.35; } /* ---------- SUMMARY / CONTENTS ---------- */ .authenticity-series .summary, .authenticity-series .abstract, .authenticity-series .toc, .authenticity-series .contents { margin: 24px 0 30px; padding: 20px 22px; border: 1px solid #dedede; background: #fafafa; } .authenticity-series .toc ul, .authenticity-series .contents ul { margin: 9px 0 0; padding-left: 21px; } .authenticity-series .toc li, .authenticity-series .contents li { margin: 5px 0; } /* ---------- QUOTATIONS ---------- */ .authenticity-series blockquote { margin: 25px 0; padding: 4px 0 4px 21px; border-left: 3px solid #b9b9b9; color: #444; font-size: 17px; line-height: 1.67; } .authenticity-series blockquote p:last-child { margin-bottom: 0; } .authenticity-series .quote-source, .authenticity-series cite { color: #6c6c6c; font-size: 13px; font-style: normal; } /* ---------- RESTORED / PRIMARY-SOURCE BOOK EXTRACT ---------- */ .authenticity-series .book-extract, .authenticity-series .book-extract.restored { margin: 28px 0 34px; padding: 23px 24px; border: 1px solid #d8d8d8; background: #fbfbfb; } .authenticity-series .book-label { margin-bottom: 13px; color: #555; font-family: var(--as-sans); font-size: 12px; font-weight: 700; letter-spacing: .075em; text-transform: uppercase; } .authenticity-series .book-cover { float: left; width: 168px; max-width: 34%; margin: 4px 20px 10px 0; } .authenticity-series .book-cover img { display: block; width: 100%; border: 1px solid #d6d6d6; } .authenticity-series .book-footnote, .authenticity-series .book-source { color: #666; font-size: 13px; line-height: 1.5; } .authenticity-series .book-extract::after, .authenticity-series .post-references-source::after { content: ""; display: table; clear: both; } /* ---------- FLOATING ARTICLE IMAGES ---------- */ .authenticity-series .floatimgleft { float: left; display: block; margin: 5px 20px 10px 0; } .authenticity-series .floatimgright { float: right; display: block; margin: 5px 0 10px 20px; } .authenticity-series .floatimgleft img, .authenticity-series .floatimgright img { display: block; max-width: 100%; height: auto; } /* ---------- ACADEMIC FIGURES ---------- */ .authenticity-series .article-figure { width: 68%; max-width: 540px; margin: 10px auto 26px; text-align: center; } .authenticity-series .article-figure img { display: block; width: 100%; height: auto; border: 1px solid #d6d6d6; } .authenticity-series .article-figure figcaption { margin-top: 8px; color: #666; font-family: var(--as-serif); font-size: 13px; line-height: 1.45; text-align: left; } /* ---------- SMALL WRAPPED REFERENCE / BOOK COVER ---------- */ .authenticity-series .zimmer-float, .authenticity-series .reference-cover { float: left; width: 168px; max-width: 34%; margin: 4px 20px 10px 0; } .authenticity-series .zimmer-float img, .authenticity-series .reference-cover img { display: block; width: 100%; height: auto; border: 1px solid #d6d6d6; } /* ---------- SIDEBAR ---------- */ .authenticity-series .sidebar-heading { margin: 0 0 16px; padding: 0 0 9px; border-bottom: 1px solid var(--as-rule); color: #333; font-family: var(--as-sans); font-size: 14px; font-weight: 700; line-height: 1.35; } .authenticity-series .sidebar-card { margin: 0 0 22px; padding: 0 0 18px; border-bottom: 1px solid var(--as-soft-rule); } .authenticity-series .sidebar-card img { display: block; width: 100%; height: auto; margin: 0 0 9px; } .authenticity-series .sidebar-title { display: block; margin: 0 0 5px; color: var(--as-blue); font-family: var(--as-sans); font-size: 14px; font-weight: 700; line-height: 1.3; } .authenticity-series .sidebar-description, .authenticity-series .sidebar-card p { margin: 0; color: #555; font-family: var(--as-serif); font-size: 13px; line-height: 1.48; } /* ---------- TABLES ---------- */ .authenticity-series .table-wrap { width: 100%; overflow-x: auto; margin: 22px 0 28px; } .authenticity-series table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.5; } .authenticity-series th, .authenticity-series td { padding: 9px 10px; border: 1px solid #d9d9d9; vertical-align: top; } .authenticity-series th { background: #f5f5f5; font-family: var(--as-sans); text-align: left; } /* ---------- REFERENCES ---------- */ .authenticity-series .references, .authenticity-series #references { margin-top: 38px; } .authenticity-series .references ol, .authenticity-series #references ol { padding-left: 23px; } .authenticity-series .references li, .authenticity-series #references li { margin: 0 0 10px; font-size: 14px; line-height: 1.55; } /* ---------- AI / EDITORIAL MANDATE BOX ---------- */ .authenticity-series .ai-mandate, .authenticity-series .editorial-note { margin: 30px 0; padding: 18px 20px; border: 1px solid #d9d9d9; background: #f8f8f8; color: #444; font-size: 14px; line-height: 1.6; } .authenticity-series .ai-mandate strong, .authenticity-series .editorial-note strong { font-family: var(--as-sans); } /* ---------- SEARCH + INTERACTIVE CHAT ---------- */ .authenticity-series .bottom-tools, .authenticity-series .article-tools { clear: both; margin: 38px 0 15px; padding: 18px 0 8px; border-top: 1px solid var(--as-rule); } .authenticity-series .site-search, .authenticity-series .interactive-chat { margin: 0 0 16px; } .authenticity-series .site-search label, .authenticity-series .interactive-chat-title { display: block; margin-bottom: 7px; color: #333; font-family: var(--as-sans); font-size: 13px; font-weight: 700; } .authenticity-series .search-row { display: flex; gap: 7px; width: 100%; } .authenticity-series .search-row input[type="text"], .authenticity-series .site-search input[type="text"] { flex: 1 1 auto; min-width: 0; padding: 9px 10px; border: 1px solid #cfcfcf; background: #fff; font-family: var(--as-sans); font-size: 14px; } .authenticity-series .search-row button, .authenticity-series .site-search button, .authenticity-series .chat-button { padding: 9px 13px; border: 1px solid #aaa; background: #f5f5f5; color: #222; font-family: var(--as-sans); font-size: 13px; cursor: pointer; } .authenticity-series .interactive-chat { padding: 13px 15px; border: 1px solid #dedede; background: #fafafa; font-family: var(--as-sans); font-size: 13px; line-height: 1.5; } .authenticity-series .interactive-chat p { margin: 0 0 7px; } /* ---------- FIXED SIX-POINT NAVIGATION ---------- */ .authenticity-series .section-nav, .authenticity-series .six-point-nav { position: fixed; z-index: 9998; left: 50%; bottom: 0; transform: translateX(-50%); display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; width: min(100%, 820px); min-height: 39px; padding: 0 8px; border: 1px solid #d0d0d0; border-bottom: 0; background: rgba(255,255,255,.97); box-shadow: 0 -2px 8px rgba(0,0,0,.07); font-family: var(--as-sans); } .authenticity-series .section-nav a, .authenticity-series .six-point-nav a { flex: 1 1 0; min-width: 0; padding: 11px 6px 10px; color: #333; font-size: 12px; line-height: 1; text-align: center; white-space: nowrap; text-decoration: none; } .authenticity-series .section-nav a + a, .authenticity-series .six-point-nav a + a { border-left: 1px solid #e2e2e2; } .authenticity-series .section-nav a:hover, .authenticity-series .six-point-nav a:hover { background: #f3f3f3; } /* Reserve room for fixed navigation. */ .authenticity-series { padding-bottom: 58px; } /* ---------- UTILITY CLEAR ---------- */ .authenticity-series .clear, .authenticity-series .clearfix::after { content: ""; display: table; clear: both; } /* ================================================================ RESPONSIVE ================================================================ */ /* Tablet / smartphone: article first, sidebar follows. */ @media (max-width: 820px) { .authenticity-series { font-size: 16px; line-height: 1.68; } .authenticity-series .as-page, .authenticity-series .page-shell, .authenticity-series .article-shell { width: min(94%, 720px); } .authenticity-series .as-layout, .authenticity-series .content-layout, .authenticity-series .article-layout { display: flex; flex-direction: column; gap: 30px; } .authenticity-series .as-main, .authenticity-series .main-content, .authenticity-series main.article { order: 1; width: 100%; } .authenticity-series .as-sidebar, .authenticity-series .sidebar { order: 2; width: 100%; flex-basis: auto; padding-top: 24px; border-top: 1px solid var(--as-rule); border-right: 0; } .authenticity-series h1, .authenticity-series .article-title { font-size: clamp(31px, 8vw, 42px); } .authenticity-series .subtitle, .authenticity-series .article-subtitle { font-size: 18px; } /* Hero becomes full article width on mobile. */ .authenticity-series .hero-wrap, .authenticity-series .main-hero-wrap, .authenticity-series .hero-caption, .authenticity-series .main-hero-caption { width: 100%; max-width: none; } .authenticity-series .article-figure { width: 100%; max-width: 540px; margin: 10px auto 24px; } .authenticity-series .sidebar-card img { width: min(100%, 520px); } } @media (max-width: 520px) { .authenticity-series .as-page, .authenticity-series .page-shell, .authenticity-series .article-shell { width: 92%; } .authenticity-series .masthead, .authenticity-series .article-masthead { font-size: 10.5px; letter-spacing: .065em; } .authenticity-series h1, .authenticity-series .article-title { font-size: 31px; line-height: 1.1; } .authenticity-series h2 { font-size: 21px; } .authenticity-series h3 { font-size: 17px; } .authenticity-series .floatimgleft, .authenticity-series .floatimgright { max-width: 43%; } .authenticity-series .book-cover, .authenticity-series .zimmer-float, .authenticity-series .reference-cover { width: 125px; max-width: 40%; margin-right: 15px; } .authenticity-series .book-extract, .authenticity-series .book-extract.restored { padding: 17px 16px; } /* Keep all six navigation points in one horizontal bar. */ .authenticity-series .section-nav, .authenticity-series .six-point-nav { width: 100%; padding: 0; } .authenticity-series .section-nav a, .authenticity-series .six-point-nav a { padding: 11px 2px 10px; font-size: 9.5px; letter-spacing: -.01em; } } /* ---------- PRINT ---------- */ @media print { .authenticity-series { padding-bottom: 0; color: #000; } .authenticity-series .section-nav, .authenticity-series .six-point-nav, .authenticity-series .bottom-tools, .authenticity-series .article-tools { display: none !important; } .authenticity-series .as-page, .authenticity-series .page-shell, .authenticity-series .article-shell { width: 100%; max-width: none; } } /* ================================================================ SIDEBAR / PAGE-SHELL CORRECTION — v1.2 Existing New Authenticity Series structure: .page-shell > .sidebar + .main-content ================================================================ */ body.authenticity-series{ padding:18px 18px 112px; background:#f5f5f3; } .authenticity-series .page-shell{ display:grid; grid-template-columns:minmax(0,30%) minmax(0,70%); gap:0; width:min(1180px,100%); margin:18px auto; background:#fff; box-shadow:0 6px 26px rgba(0,0,0,.08); } .authenticity-series .page-shell > .sidebar{ display:block; width:auto; min-width:0; max-width:none; flex:none; padding:28px 20px 42px; margin:0; overflow:hidden; background:#fafafa; border:0; border-right:1px solid #e3e3e3; } .authenticity-series .page-shell > .main-content{ display:block; width:auto; min-width:0; max-width:none; flex:none; padding:32px 44px 54px; margin:0; background:#fff; border:0; } .authenticity-series .sidebar-heading{ width:100%; margin:0 0 18px; padding:0 0 10px; border-bottom:1px solid #ddd; color:#075da8; font:700 14px/1.35 Arial,Helvetica,sans-serif; } .authenticity-series .sidebar .related-card, .authenticity-series .sidebar .sidebar-card{ display:block; width:100%; max-width:100%; min-width:0; margin:0 0 28px; padding:0; overflow:hidden; border:0; } .authenticity-series .sidebar .related-card-image, .authenticity-series .sidebar .related-card-title, .authenticity-series .sidebar .sidebar-title{ display:block; width:100%; max-width:100%; } .authenticity-series .sidebar .related-card img, .authenticity-series .sidebar .sidebar-card img{ display:block; width:100%; max-width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; margin:0 0 9px; border:1px solid #d7d7d7; } .authenticity-series .sidebar .related-card-title, .authenticity-series .sidebar .sidebar-title{ margin:0 0 5px; color:#075da8; font:700 15px/1.32 Arial,Helvetica,sans-serif; overflow-wrap:anywhere; } .authenticity-series .sidebar .related-card-text, .authenticity-series .sidebar .sidebar-description{ width:100%; max-width:100%; margin:0; color:#333; font:13.5px/1.5 Georgia,"Times New Roman",serif; overflow-wrap:break-word; } @media(max-width:820px){ body.authenticity-series{ padding:8px 8px 118px; } .authenticity-series .page-shell{ display:flex; flex-direction:column; width:100%; margin:0; box-shadow:none; } .authenticity-series .page-shell > .main-content{ order:1; width:100%; padding:20px 15px 30px; } .authenticity-series .page-shell > .sidebar{ order:2; width:100%; padding:24px 16px 38px; overflow:visible; border:0; border-top:1px solid #d8d8d8; } .authenticity-series .sidebar .related-card, .authenticity-series .sidebar .sidebar-card{ max-width:390px; margin-left:auto; margin-right:auto; margin-bottom:28px; } } /* ================================================================ BOTTOM TOOLS — SEARCH + INTERACTIVE CHAT CORRECTION Standard New Authenticity Series formation ================================================================ */ .authenticity-series .bottom-tools{ clear:both; width:100%; margin:38px 0 0; padding:18px 0 0; border-top:1px solid #d7d7d7; } /* Search is one clean horizontal control */ .authenticity-series .bottom-tools .search-bar{ display:flex; align-items:stretch; width:100%; margin:0 0 14px; padding:0; border:1px solid #d5d5d5; background:#fff; } .authenticity-series .bottom-tools .search-bar input{ display:block; flex:1 1 auto; width:auto; min-width:0; height:42px; margin:0; padding:9px 12px; border:0; border-radius:0; outline:0; background:#fff; color:#222; font:14px/1.3 Arial,Helvetica,sans-serif; } .authenticity-series .bottom-tools .search-bar input:focus{ box-shadow:inset 0 0 0 1px #8aa9c2; } .authenticity-series .bottom-tools .search-bar button{ flex:0 0 auto; min-width:88px; height:42px; margin:0; padding:0 17px; border:0; border-left:1px solid #d5d5d5; border-radius:0; background:#f3f3f3; color:#222; font:700 13px/1 Arial,Helvetica,sans-serif; cursor:pointer; } .authenticity-series .bottom-tools .search-bar button:hover{ background:#e9e9e9; } .authenticity-series .bottom-tools .search-results:empty{ display:none; } /* Existing old Chat blocks use inline styles. !important is intentional here: it lets the shared stylesheet normalize them without editing 30–100 pages. */ .authenticity-series .bottom-tools .search-results + script + div, .authenticity-series .bottom-tools .search-results + script + .chat-box, .authenticity-series .bottom-tools .interactive-chat, .authenticity-series .bottom-tools .chat-box{ width:100% !important; margin:0 0 18px !important; padding:16px 18px !important; border:1px solid #dedede !important; border-radius:0 !important; background:#fafafa !important; box-shadow:none !important; text-align:left !important; font-family:Arial,Helvetica,sans-serif !important; } .authenticity-series .bottom-tools .search-results + script + div h3, .authenticity-series .bottom-tools .interactive-chat h3, .authenticity-series .bottom-tools .chat-box h3{ margin:0 0 6px !important; color:#222 !important; font:700 14px/1.35 Arial,Helvetica,sans-serif !important; } .authenticity-series .bottom-tools .search-results + script + div p, .authenticity-series .bottom-tools .interactive-chat p, .authenticity-series .bottom-tools .chat-box p{ margin:0 0 10px !important; color:#555 !important; font:13px/1.5 Arial,Helvetica,sans-serif !important; } .authenticity-series .bottom-tools .search-results + script + div > a, .authenticity-series .bottom-tools .interactive-chat > a, .authenticity-series .bottom-tools .chat-box > a{ display:inline-block !important; padding:7px 12px !important; border:1px solid #bfcbd5 !important; border-radius:2px !important; background:#fff !important; color:#075da8 !important; text-decoration:none !important; font:700 12px/1.3 Arial,Helvetica,sans-serif !important; } .authenticity-series .bottom-tools .search-results + script + div > a:hover, .authenticity-series .bottom-tools .interactive-chat > a:hover, .authenticity-series .bottom-tools .chat-box > a:hover{ background:#f1f5f8 !important; } .authenticity-series .bottom-tools .search-results + script + div > div:last-child{ margin-top:8px !important; color:#888 !important; font:11px/1.4 Arial,Helvetica,sans-serif !important; } /* If an old in-flow .section-nav exists inside bottom-tools, the global fixed-navigation rule still controls its position and formation. */ .authenticity-series .bottom-tools .section-nav{ margin:0; } @media(max-width:520px){ .authenticity-series .bottom-tools{ margin-top:30px; padding-top:15px; } .authenticity-series .bottom-tools .search-bar input{ height:40px; padding:8px 10px; font-size:13px; } .authenticity-series .bottom-tools .search-bar button{ min-width:76px; height:40px; padding:0 12px; font-size:12px; } .authenticity-series .bottom-tools .search-results + script + div, .authenticity-series .bottom-tools .interactive-chat, .authenticity-series .bottom-tools .chat-box{ padding:14px !important; } }