:root {
    --header-gradient: linear-gradient(to right, #d4b45c, #a45a1abe, #5a2a00);
    --navbar-gradient: linear-gradient(135deg, #2e0b03, #6b1414, #d97706);
    --footer-gradient: linear-gradient(135deg, #1a0702, #3b1a05, #8b5a20);
    --bg-gradient: linear-gradient(to bottom, #f2d6a0, #d4aa6a, #b07c3a);
    --card-bg: linear-gradient(145deg, #f3e0c3, #d4b07a);
    --text-dark: #1a0b05;
    --text-light: #fdf3e7;
    --saffron: #d97706;
    --gold: #b8860b;
}

/* GLOBAL OVERFLOW FIX */
*, *::before, *::after {
    box-sizing: border-box;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

/* PAGE BACKGROUND */
.site-bg {
    background: var(--bg-gradient);
}

/* CARD DESIGN */
.theme-card {
    background: var(--card-bg);
    border: 1px solid rgba(90, 42, 0, 0.25);
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(0,0,0,0.18);
     /* 🔥 IMPORTANT */
    overflow-x: hidden;
}

/* TEXT */
.content-text {
    color: var(--text-dark);
    font-size: 1rem;
    line-height: 1.8;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* SANSKRIT / IMPORTANT QUOTES */
.highlight-quote {
    background: linear-gradient(90deg, #fff3cd, #ffe8a1);
    border-left: 5px solid var(--saffron);
    padding: 15px 20px;
    font-weight: 600;
    color: #8b3a00;
    border-radius: 10px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    max-width: 100%;
}

/* IMAGE RESPONSIVE */
.theme-card img {
    max-height: 420px;
    object-fit: contain;
}

/* MOBILE OPTIMIZATION */
@media (max-width: 768px) {
    .content-text {
        font-size: 0.95rem;
    }

    .highlight-quote {
        font-size: 0.95rem;
    }
}