.sanskar-page {
            color: var(--hi-ink);
            background: var(--bg);
        }

        .sanskar-glance {
            position: relative;
            z-index: 2;
        }

        .sanskar-glance__grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
            padding: 16px;
            border: 1px solid rgba(121, 43, 42, .12);
            border-radius: 8px;
            background: rgba(255, 252, 246, .92);
            box-shadow: 0 18px 54px rgba(63, 45, 37, .1);
        }

        .sanskar-glance__item {
            padding: 18px;
            border-radius: 8px;
            background: linear-gradient(135deg, rgba(255, 250, 241, .96), rgba(235, 244, 241, .72));
        }

        .sanskar-glance__item span {
            display: block;
            margin-bottom: 7px;
            color: var(--hi-maroon);
            font-size: .78rem;
            font-weight: 900;
            letter-spacing: .08em;
            text-transform: uppercase;
        }

        .sanskar-glance__item strong {
            display: block;
            color: var(--hi-ink);
            font-family: var(--hi-serif);
            font-size: clamp(1.22rem, 2vw, 1.65rem);
            line-height: 1.35;
        }

        .sanskar-section {
            padding-block: clamp(70px, 8vw, 116px);
            scroll-margin-top: 136px;
        }

        .sanskar-section--intro,
        .sanskar-section--impact {
            background: #fffaf1;
        }

        .sanskar-section--learning {
            background: var(--bg);}

        .sanskar-section--media {
            background: #fffaf1;
        }

        .sanskar-section--intro .hi-section-heading {
            margin-bottom: clamp(26px, 3.4vw, 40px);
        }

        .sanskar-story {
            display: grid;
            grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
            gap: clamp(30px, 5vw, 64px);
            align-items: start;
        }

        /* left column: the two archival school-visit photos */
        .sanskar-story__media {
            display: grid;
            gap: clamp(16px, 2vw, 22px);
        }

        .sanskar-story__media-intro .hi-kicker {
            display: block;
            margin-bottom: 8px;
        }

        .sanskar-story__media-lead {
            margin: 0;
            color: #6d5a51;
            font-family: var(--hi-serif);
            font-size: clamp(1rem, 1.2vw, 1.1rem);
            line-height: 1.66;
        }

        .sanskar-heritage-fig {
            margin: 0;
        }

        .sanskar-heritage-fig img {
            display: block;
            width: 100%;
            height: auto;
            border: 1px solid rgba(198, 148, 53, .3);
            border-radius: 8px;
            background: #f4e4cc;
            filter: saturate(1.04);
        }

        .sanskar-heritage-fig figcaption {
            margin-top: 9px;
            color: #7a675d;
            font-size: .86rem;
            line-height: 1.5;
        }

        /* bridge line into the values.
           the extra ".hi-shell" beats the global `.site p { margin-top: 0 }` reset */
        .sanskar-section--intro .hi-shell > .sanskar-bridge {
            margin: clamp(48px, 6.5vw, 74px) 0 clamp(20px, 2.6vw, 28px);
        }
        .sanskar-section--intro .hi-shell > .sanskar-story__quote {
            margin-top: clamp(38px, 5vw, 58px);
        }
        .sanskar-bridge {
            color: var(--hi-maroon);
            font-family: var(--hi-serif);
            font-size: clamp(1.05rem, 1.5vw, 1.28rem);
            font-weight: 700;
            line-height: 1.5;
        }
        .sanskar-bridge::after {
            content: " \2193";
        }

        /* closing quote block for the section */
        .sanskar-story__quote {
            margin: clamp(36px, 5vw, 56px) 0 0;
            padding: clamp(24px, 3.4vw, 40px) clamp(24px, 4vw, 52px);
            border-top: 2px solid var(--hi-gold);
            border-radius: 8px;
            background:
                radial-gradient(circle at 50% 0%, rgba(221, 236, 240, .55), transparent 42%),
                rgba(255, 252, 246, .82);
            box-shadow: 0 18px 48px rgba(63, 45, 37, .08);
            text-align: center;
            color: var(--hi-ink);
            font-family: var(--hi-serif);
            font-size: clamp(1.3rem, 2.2vw, 1.95rem);
            font-weight: 700;
            line-height: 1.55;
            text-wrap: balance;
        }
        .sanskar-story__quote::before {
            content: "\201C";
        }
        .sanskar-story__quote::after {
            content: "\201D";
        }

        .sanskar-beats {
            list-style: none;
            margin: 0;
            padding: 0;
            display: grid;
            gap: clamp(18px, 2.6vw, 28px);
        }

        .sanskar-beat {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr);
            gap: 10px 18px;
            align-items: baseline;
            padding-bottom: clamp(18px, 2.6vw, 28px);
            border-bottom: 1px solid rgba(121, 43, 42, .12);
        }
        .sanskar-beat:last-child {
            padding-bottom: 0;
            border-bottom: 0;
        }

        .sanskar-beat__label {
            padding: 4px 13px;
            border: 1px solid rgba(198, 148, 53, .42);
            border-radius: 999px;
            color: var(--hi-maroon);
            background: rgba(255, 250, 241, .82);
            font-family: var(--hi-serif);
            font-size: .82rem;
            font-weight: 800;
            letter-spacing: .04em;
            white-space: nowrap;
        }

        .sanskar-beat p {
            margin: 0;
            color: #62544c;
            font-size: clamp(1rem, 1.2vw, 1.1rem);
            line-height: 1.9;
        }

        .sanskar-prose {
            color: #62544c;
            font-size: clamp(1.03rem, 1.28vw, 1.16rem);
            line-height: 1.95;
        }

        .sanskar-prose p {
            margin: 0 0 18px;
        }

        .sanskar-values {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
            margin-top: 0;
        }

        .sanskar-value {
            padding: 22px;
            border: 1px solid rgba(121, 43, 42, .12);
            border-radius: 8px;
            background: rgba(255, 252, 246, .72);
        }

        .sanskar-value strong {
            display: block;
            margin-bottom: 6px;
            color: var(--hi-maroon);
            font-family: var(--hi-serif);
            font-size: 1.35rem;
        }

        .sanskar-value p {
            margin: 0;
            color: #66564f;
            line-height: 1.72;
        }


        .sanskar-learning-categories {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: clamp(16px, 2vw, 24px);
            margin-top: 42px;
            align-items: start;
        }

        .sanskar-category {
            padding: clamp(18px, 2.4vw, 26px);
            border: 1px solid rgba(121, 43, 42, .12);
            border-radius: 10px;
            background: rgba(255, 252, 246, .62);
            box-shadow: 0 14px 40px rgba(63, 45, 37, .05);
        }

        .sanskar-category__head {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 14px;
            align-items: start;
            margin-bottom: 16px;
            padding-bottom: 14px;
            border-bottom: 1px solid rgba(121, 43, 42, .1);
        }

        .sanskar-category__icon {
            display: inline-grid;
            width: 38px;
            height: 38px;
            place-items: center;
            border: 1px solid rgba(198, 148, 53, .34);
            border-radius: 50%;
            color: var(--hi-maroon);
            background: linear-gradient(135deg, #fffaf1, #f2e4cf);
            font-family: var(--hi-serif);
            font-size: 1.05rem;
            font-weight: 800;
            line-height: 1;
        }

        .sanskar-category__head h3 {
            margin: 0 0 4px;
            color: var(--hi-ink);
            font-family: var(--hi-serif);
            font-size: clamp(1.18rem, 1.8vw, 1.45rem);
            line-height: 1.3;
        }

        .sanskar-category__head p {
            margin: 0;
            color: #8a756a;
            font-size: .92rem;
            line-height: 1.55;
        }

        /* topic accordions inside a category card */
        .sanskar-learning-grid {
            display: grid;
            gap: 6px;
        }

        .sanskar-topic {
            border: 1px solid rgba(121, 43, 42, .12);
            border-radius: 7px;
            background: #fffaf1;
        }

        .sanskar-topic summary {
            display: flex;
            gap: 8px;
            align-items: baseline;
            padding: 11px 14px;
            cursor: pointer;
            color: #5f4537;
            font-family: var(--hi-serif);
            font-size: 1rem;
            font-weight: 700;
            line-height: 1.45;
            list-style: none;
        }
        .sanskar-topic summary::-webkit-details-marker { display: none; }
        .sanskar-topic summary::before {
            content: "+";
            flex: none;
            width: 1em;
            color: var(--hi-maroon);
            font-family: var(--hi-sans);
            font-weight: 700;
        }
        .sanskar-topic[open] > summary::before { content: "\2013"; }
        .sanskar-topic summary:hover { color: var(--hi-maroon); }
        .sanskar-topic[open] {
            border-color: rgba(198, 148, 53, .38);
        }
        .sanskar-topic[open] > summary {
            border-bottom: 1px solid rgba(121, 43, 42, .1);
        }

        .sanskar-topic summary span {
            display: none;
        }

        .sanskar-topic__body {
            padding: 12px 14px 14px;
        }
        .sanskar-topic__body p {
            margin: 0 0 10px;
            color: #62544c;
            font-size: .95rem;
            line-height: 1.8;
        }
        .sanskar-topic__body p:last-child {
            margin-bottom: 0;
        }

        .sanskar-teaching-panel {
            display: grid;
            grid-template-columns: minmax(260px, .42fr) minmax(0, .58fr);
            gap: 18px;
            align-items: start;
        }

        .sanskar-question-list {
            display: grid;
            gap: 10px;
        }

        .sanskar-question-btn {
            width: 100%;
            padding: 16px 18px;
            cursor: pointer;
            color: #5f4537;
            border: 1px solid rgba(121, 43, 42, .12);
            border-radius: 8px;
            background: rgba(255, 250, 241, .78);
            font-family: var(--hi-serif);
            font-size: 1.08rem;
            font-weight: 700;
            line-height: 1.45;
            text-align: left;
            transition: color .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
        }

        .sanskar-question-btn:hover,
        .sanskar-question-btn:focus-visible {
            color: var(--hi-maroon);
            border-color: rgba(121, 43, 42, .28);
            background: #fffaf1;
            transform: translateY(-1px);
        }

        .sanskar-question-btn.is-active {
            color: #fffaf1;
            border-color: var(--hi-maroon);
            background: var(--hi-maroon);
            box-shadow: 0 14px 34px rgba(121, 43, 42, .18);
        }

        .sanskar-answer-panel {
            position: sticky;
            top: 112px;
            min-height: 310px;
            padding: clamp(24px, 3vw, 38px);
            border: 1px solid rgba(198, 148, 53, .28);
            border-radius: 8px;
            background:
                radial-gradient(circle at 92% 8%, rgba(198, 148, 53, .14), transparent 30%),
                linear-gradient(135deg, #fffaf1, #f5ead9 58%, #eef6f3);
            box-shadow: 0 22px 58px rgba(63, 45, 37, .1);
        }

        .sanskar-answer {
            display: none;
        }

        .sanskar-answer.is-active {
            display: block;
        }

        .sanskar-answer h4 {
            margin: 0 0 16px;
            color: var(--hi-ink);
            font-family: var(--hi-serif);
            font-size: clamp(1.55rem, 2.6vw, 2.2rem);
            line-height: 1.32;
        }

        .sanskar-answer p {
            margin: 0 0 14px;
            color: #62544c;
            font-size: clamp(1.02rem, 1.18vw, 1.12rem);
            line-height: 1.9;
        }

        .sanskar-answer p:last-child {
            margin-bottom: 0;
        }
        .sanskar-impact {
            display: grid;
            grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
            gap: clamp(30px, 5vw, 72px);
            align-items: center;
        }

        .sanskar-impact__image {
            overflow: hidden;
            border-radius: 8px;
            border: 1px solid rgba(198, 148, 53, .28);
            background: #f1e3cd;
            box-shadow: 0 24px 64px rgba(63, 45, 37, .12);
        }

        .sanskar-impact__image img {
            display: block;
            width: 100%;
            height: clamp(360px, 46vw, 560px);
            object-fit: cover;
        }

        .sanskar-section--media .video-grid {
            margin-top: 42px;
        }

        .sanskar-closing {
            position: relative;
            overflow: hidden;
            text-align: center;
            background:
                radial-gradient(circle at 50% 0%, rgba(198, 148, 53, .16), transparent 36%),
                linear-gradient(180deg, #f7ead8 0%, #fffaf1 100%);
        }

        .sanskar-closing .hi-section-heading {
            max-width: 960px;
        }

        .sanskar-closing__line {
            max-width: 900px;
            margin: 0 auto;
            padding: clamp(26px, 3.6vw, 42px);
            border: 1px solid rgba(198, 148, 53, .28);
            border-radius: 8px;
            color: var(--hi-maroon);
            background: rgba(255, 252, 246, .72);
            font-family: var(--hi-serif);
            font-size: clamp(1.35rem, 2.6vw, 2.35rem);
            font-weight: 700;
            line-height: 1.58;
            box-shadow: 0 24px 64px rgba(63, 45, 37, .08);
        }

        .sanskar-actions {
            margin-top: 32px;
        }

        @media (max-width: 980px) {
            .sanskar-story,
            .sanskar-impact {
                grid-template-columns: 1fr;
            }

            .sanskar-values {
                grid-template-columns: 1fr;
            }

            /* media column is now full-width — put the two photos side by side */
            .sanskar-story__media {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                align-items: start;
            }
            .sanskar-story__media-lead {
                grid-column: 1 / -1;
            }
        }

        @media (max-width: 520px) {
            .sanskar-story__media {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 520px) {
            .sanskar-beat {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 900px) {
            .sanskar-learning-categories {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 760px) {
            .sanskar-teaching-panel {
                grid-template-columns: 1fr;
            }

            .sanskar-answer-panel {
                position: static;
                min-height: 0;
            }
        }

        @media (max-width: 720px) {
            .sanskar-section {
                scroll-margin-top: 126px;
            }

            .sanskar-glance__grid {
                grid-template-columns: 1fr;
            }
        }