: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;
 }

 /* Section Card */
 .abisy-card {
     background: var(--card-bg);
    border-radius: 16px;
    border: none;

    /* FIX */
    display: block;          /* inline-block हटाया */
    width: 100%;             /* container के अंदर */
    max-width: 100%;
    height: auto;            /* content based height */
    overflow: hidden;        /* extra safety */

    margin: 0 auto;
 }

 /* Titles */
 .section-title {
     color: var(--saffron);
     font-weight: 700;
     border-bottom: 3px solid var(--gold);
     display: inline-block;
     padding-bottom: 6px;
     margin-bottom: 20px;
 }

 
 .poetry-text {
    text-align: left;
    width: 100%;
}

.poetry-text p,
.poetry-text li {
    color: var(--text-dark);
    font-size: 0.95rem;
    line-height: 1.6;

    /* FIX */
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
}

.col-lg-6 > .abisy-card {
    margin-inline: auto;
}

 /* Images */
 .section-image {
     max-width: 65%;
     border-radius: 18px;
     box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
 }

 /* Mobile */
 @media (max-width: 991px) {
     .section-image {
         max-width: 85%;
         margin-top: 20px;
     }

     .poetry-text p,
     .poetry-text li {
         text-align: left !important;
     }
 }

 /* ================= COMPACT MODE ================= */

 /* Section spacing */
 section {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
 }

 /* Card padding smaller */
 .abisy-card {
     padding: 1.5rem !important;
 }

 /* Headings smaller */
 .section-title,
 .abisy-text-color {
     font-size: 1.35rem;
     /* पहले ~1.8rem */
     margin-bottom: 1rem;
 }

 /* Poetry text smaller */
 .poetry-text p,
 .poetry-text li {
     font-size: 0.95rem;
     /* पहले 1.05rem */
     line-height: 1.6;
     /* पहले 1.9 */
     margin-bottom: 0.75rem;
 }

 /* Image size smaller */
 .section-image,
 .poetry-image {
     max-width: 45%;
     /* पहले 65% */
 }

 /* National Anthem list spacing */
 .poetry-text ul li {
     line-height: 1.55;
 }

 /* Mobile tweaks */
 @media (max-width: 991px) {

     .section-title {
         font-size: 1.2rem;
     }

     .poetry-text p,
     .poetry-text li {
         font-size: 0.9rem;
         line-height: 1.55;
     }

     .section-image,
     .poetry-image {
         max-width: 70%;
     }
 }