:root {
            --brand-900: #3d160f;
            --brand-700: #7b3019;
            --line: #e4cda9;
            --main-header-height: 84px;
            --topbar-height: 40px;
            --tirth-submenu-height: 56px;
        }
        * { box-sizing: border-box; }
        html, body { margin: 0; padding: 0; }
        body {
            font-family: "Noto Sans Devanagari", "Mangal", "Nirmala UI", "Kokila", sans-serif;
            background: linear-gradient(180deg, #fff9f0 0%, #fff2df 100%);
            color: #3b2a1d;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            overflow-x: hidden;
        }
        .site-main { flex: 1; }
        .container { width: min(1220px, 94%); margin: 0 auto; }
        .topbar { background: var(--brand-900); color: #ffe8c8; padding: 8px 0; font-size: .88rem; }
        .row-between { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
        .header { position: sticky; top: 0; z-index: 30; background: rgba(255, 252, 247, .97); border-bottom: 1px solid var(--line); }
        .header-wrap { min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
        .brand { text-decoration: none; color: inherit; display: flex; align-items: center; gap: 12px; }
        .seal { width: 260px; height: 70px;  display: grid; place-items: center;  }
        .brand h1 { margin: 0; font-size: 1.15rem; line-height: 1.2; }
        .brand p { margin: 2px 0 0; color: #7a5a41; font-size: .82rem; }
        .toggle { display: none; border: 1px solid var(--line); background: #fff; border-radius: 10px; padding: 8px 12px; font-weight: 700; color: var(--brand-700); }
        .nav > ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 2px; }
        .nav li { position: relative; }
        .nav a { display: block; text-decoration: none; color: #4f3524; font-size: .93rem; font-weight: 700; padding: 10px 12px; border-radius: 7px; white-space: nowrap; }
        .nav > ul > li > a.active, .nav > ul > li:hover > a { background: #faecd5; color: var(--brand-700); }
        .submenu { position: absolute; left: 0; top: calc(100% + 3px); min-width: 230px; margin: 0; padding: 8px; list-style: none; border: 1px solid var(--line); background: #fffdf9; border-radius: 10px; box-shadow: 0 15px 24px rgba(75,44,20,.16); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .18s ease; }
        .has-dropdown:hover > .submenu { opacity: 1; visibility: visible; transform: translateY(0); }
        .submenu a { font-weight: 600; padding: 8px 10px; border-radius: 8px; }
        .submenu a:hover, .submenu a.active { background: #fbead0; color: var(--brand-700); }

        .tirth-submenu-band { width: 100%; background: linear-gradient(180deg, #fff8ed 0%, #f9e8cf 100%); border-bottom: 1px solid #e0be93; position: sticky; top: var(--main-header-height); z-index: 25; }
        .tirth-submenu-wrap { margin-top: 0; }
        .tirth-section-menu { display: grid; grid-template-columns: repeat(7, minmax(0,1fr)); gap: 1px; background: #dcb98e; border: 1px solid #dcb98e; overflow: hidden; }
        .tirth-section-menu a { text-decoration: none; text-align: center; color: #4e2c19; background: #fff4e1; padding: 13px 8px; font-size: .86rem; font-weight: 700; line-height: 1.35; }

        .page-hero { padding: 54px 0 28px; }
        .page-hero h2 { margin: 0; color: #4d1f12; font-size: clamp(1.5rem, 3vw, 2.35rem); }
        .page-hero p { margin: 10px 0 0; max-width: 980px; color: #6f5946; }
        .section { padding: 18px 0 48px; }
        .site-main section[id] {
            scroll-margin-top: calc(var(--main-header-height) + var(--tirth-submenu-height) + 14px);
        }

        .slider { position: relative; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; box-shadow: 0 12px 24px rgba(88,51,20,.15); margin-top: 18px; }
        .slider.fullscreen { margin-top: 0; border-radius: 0; border-left: 0; border-right: 0; box-shadow: none; }
        .slides { position: relative; height: clamp(260px, 42vw, 430px); }
        .slider.fullscreen .slides { height: min(70vh, calc(100vh - var(--main-header-height) - var(--topbar-height))); min-height: 380px; }
        .slide { position: absolute; inset: 0; opacity: 0; transition: opacity .5s ease; }
        .slide.active { opacity: 1; }
        .slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .slide-caption { position: absolute; left: 18px; right: 18px; bottom: 18px; background: linear-gradient(90deg, rgba(47,21,14,.88), rgba(47,21,14,.5)); color: #ffe6c6; border: 1px solid rgba(255,209,156,.45); border-radius: 12px; padding: 12px 14px; }
        .slide-caption h3 { margin: 0 0 5px; font-size: 1.1rem; color: #ffe2ba; }
        .slide-caption p { margin: 0; font-size: .93rem; color: #f4d2ab; }
        .slider-controls { position: absolute; right: 12px; top: 12px; display: flex; gap: 6px; }
        .slider-btn { border: 1px solid rgba(255,255,255,.5); background: rgba(45,19,11,.52); color: #fff2de; width: 30px; height: 30px; border-radius: 8px; cursor: pointer; }
        .slider-dots { position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%); display: flex; gap: 6px; z-index: 2; }
        .slider-dot { width: 10px; height: 14px; border-radius: 50%; border: 1px solid rgba(255,255,255,.7); background: rgba(33,13,8,.4); cursor: pointer; }
        .slider-dot.active { background: #ffd3a2; }

        .card { background: rgba(255,255,255,.86); border: 1px solid var(--line); border-radius: 16px; padding: 20px; box-shadow: 0 10px 24px rgba(98,60,27,.09); }
        .card h3,.card h4 { margin: 0 0 10px; color: #5b2513; }
        .post-card { padding: 0; overflow: hidden; }
        .post-image-link { display: block; }
        .post-image { width: 100%; height: 220px; object-fit: cover; display: block; border-bottom: 1px solid var(--line); }
        .post-body { padding: 14px 16px 16px; }
        .post-body h3 a,.post-body h4 a { color: #5b2513; text-decoration: none; }
        .post-body h3 a:hover,.post-body h4 a:hover { color: var(--brand-700); }
        .post-meta { font-size: .85rem; color: #856651; margin: 0 0 8px; }
        .post-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; flex-wrap: wrap; }
        .read-more-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #d4ac7d;
            background: #fff4e0;
            color: #5d2d16;
            padding: 7px 12px;
            border-radius: 8px;
            font-size: .84rem;
            font-weight: 700;
            text-decoration: none;
            cursor: pointer;
        }
        .read-more-btn:hover { background: #ffe8c7; }
        .article-content { line-height: 1.85; color: #5c4533; }
        .keywords-line { margin-top: 12px; color: #7a5943; font-size: .9rem; }
        .share-links { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
        .share-links a,
        .share-links button {
            border: 1px solid #d6b58e;
            background: #fff;
            color: #6a3a1e;
            border-radius: 999px;
            padding: 4px 10px;
            font-size: .77rem;
            line-height: 1.3;
            text-decoration: none;
            cursor: pointer;
        }
        .share-links a:hover,
        .share-links button:hover { background: #fff0da; }
        .simple-pager {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            flex-wrap: wrap;
        }
        .simple-pager a,
        .simple-pager span {
            border: 1px solid #d6b58e;
            border-radius: 8px;
            padding: 6px 12px;
            font-size: .84rem;
            color: #6a3a1e;
            text-decoration: none;
            background: #fff7ea;
        }
        .simple-pager .is-disabled { opacity: .55; }
        .simple-pager .pager-meta { background: #fff; border-color: #e2c9a7; }
        .gallery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
        .gallery-card { padding: 0; overflow: hidden; }
        .gallery-image-link { display: block; }
        .gallery-image { width: 100%; height: 200px; object-fit: cover; display: block; }
        .gallery-meta { padding: 12px 14px 14px; }
        .gallery-meta h4 { margin: 0 0 10px; }
        .gallery-actions { display: flex; gap: 8px; margin-bottom: 10px; }
        .lightbox {
            position: fixed;
            inset: 0;
            z-index: 90;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 16px;
        }
        .lightbox.show { display: flex; }
        .lightbox-backdrop {
            position: absolute;
            inset: 0;
            background: rgba(18, 8, 4, .82);
        }
        .lightbox-panel {
            position: relative;
            z-index: 1;
            width: min(980px, 96vw);
            max-height: 92vh;
            overflow: auto;
            border: 1px solid #e4cda9;
            border-radius: 16px;
            background: #fff;
            box-shadow: 0 22px 40px rgba(0, 0, 0, .3);
        }
        .lightbox-close {
            position: absolute;
            right: 12px;
            top: 12px;
            width: 34px;
            height: 34px;
            border: 1px solid #e0c39a;
            background: #fff4e0;
            color: #5e2e18;
            border-radius: 999px;
            font-size: 1.35rem;
            line-height: 1;
            cursor: pointer;
            display: grid;
            place-items: center;
        }
        .lightbox-image { width: 100%; max-height: 72vh; object-fit: contain; background: #1f120b; }
        .lightbox-foot { padding: 12px 14px 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
        .lightbox-foot h4 { margin: 0; color: #5b2513; }
        .lightbox-actions { display: flex; gap: 8px; }
        .no-scroll { overflow: hidden; }
        .grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
        .grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
        .split-12 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; }
        .col-4 { grid-column: span 4; }
        .col-8 { grid-column: span 8; }
        .col-12 { grid-column: span 12; }
        .text-left { text-align: left; }
        .text-right { text-align: right; }
        .text-center { text-align: center; }
        .text-justify { text-align: justify; }
        .split-6 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
        .list { margin: 0; padding-left: 18px; }
        .list li { margin-bottom: 8px; color: #6e4a31; }

        .plain-section { padding: 6px 0 28px; }
        .plain-col h3,.media-text h3 { margin: 0 0 10px; color: #5b2513; }
        .plain-col p,.media-text p { margin: 0 0 10px; color: #6a4a31; }
        .plain-col ul { margin: 0; padding-left: 18px; }
        .plain-col li { margin-bottom: 7px; color: #6f4c32; }
        .media-split { padding: 6px 0 40px; align-items: center; }
        .media-image { border: 1px solid var(--line); border-radius: 14px; overflow: hidden; box-shadow: 0 10px 20px rgba(92,56,24,.12); }
        .media-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .global-extra { padding: 0 0 44px; }

        .footer {
            margin-top: 8px;
            background: linear-gradient(180deg, #5f2314 0%, #34140d 52%, #220f0b 100%);
            color: #f6dcc1;
            border-top: 4px solid #be7f3a;
            box-shadow: inset 0 1px 0 rgba(255, 210, 146, .26);
        }
        .footer-topline {
            height: 6px;
            background: linear-gradient(90deg, #f4d49f 0%, #c98a43 50%, #f4d49f 100%);
        }
        .footer-main { padding: 44px 0 30px; }
        .footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 26px; }
        .footer h4 {
            margin: 0 0 12px;
            color: #ffd9ad;
            font-size: 1.05rem;
            letter-spacing: .02em;
        }
        .footer p,.footer li,.footer a {
            color: #f2cfad;
            text-decoration: none;
            font-size: .95rem;
            line-height: 1.7;
        }
        .footer-brand p { max-width: 420px; }
        .footer ul { margin: 0; padding-left: 18px; }
        .footer li { margin-bottom: 6px; }
        .footer a:hover { color: #ffe8cb; }
        .footer-col { position: relative; }
        .footer-col::before {
            content: "";
            position: absolute;
            left: -12px;
            top: 4px;
            bottom: 4px;
            width: 1px;
            background: rgba(241, 193, 137, .25);
        }
        .footer-col:first-child::before { display: none; }
        .copyright {
            border-top: 1px solid rgba(240, 190, 132, .35);
            background: rgba(22, 8, 6, .35);
            padding: 14px 0 16px;
            color: #e8c39f;
            font-size: .88rem;
        }

        @media (max-width: 1024px) {
            .split-12 { grid-template-columns: 1fr; }
            .split-12 > .col-4,
            .split-12 > .col-8,
            .split-12 > .col-12 { grid-column: 1 / -1; }
        }

        @media (max-width: 920px) {
            .toggle { display: inline-block; }
            .nav { display: none; position: absolute; top: 84px; right: 3%; left: 3%; background: #fffefb; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 16px 28px rgba(0,0,0,.14); padding: 8px; max-height: 78vh; overflow: auto; }
            .nav.open { display: block; }
            .nav > ul { flex-direction: column; align-items: stretch; }
            .nav a { padding: 10px 12px; }
            .submenu { position: static; opacity: 1; visibility: visible; transform: none; border: 0; box-shadow: none; background: #fff7ea; display: none; margin: 0 0 8px 8px; }
            .has-dropdown.open-mobile > .submenu { display: block; }
            .footer-main { padding: 34px 0 24px; }
            .footer-grid,.grid-2,.grid-3,.split-6,.gallery-grid,.split-12 { grid-template-columns: 1fr; }
            .col-4,.col-8,.col-12 { grid-column: 1 / -1; }
            .footer-col::before { display: none; }
            .tirth-section-menu { grid-template-columns: repeat(2, minmax(0,1fr)); }
            .post-image { height: 200px; }
        }