/* ==========================================================================
   Advisory — advisory.html
   The BFSI Intelligence & Innovation Council on a page of its own. The band,
   its canvas backdrop and the cards are the home page's #council (.vip and
   .pnl in shared.css, filled and drawn by custom.js). This file only turns
   that band into a page: it clears the pinned header (shared.css), gives the
   title h1 sizing, and paints the page navy so the contact band below sits
   on the same ground.
   ========================================================================== */

/* The purple contact band overhangs the footer (.cta has a -138px bottom
   margin), so its top half sits on the page itself. Painting the page the
   council band's navy lets the two run on without a seam. */
.page-advisory {
    background: #0C091D;
}

/* .vip pads 90px for a band mid-page; here it also has to clear the 105px
   bar. The min-height holds roughly one row of cards' worth of room, so the
   contact band and footer do not sit high and then jump while the feed
   loads. Declared after shared.css, so these beat .vip at equal weight —
   including its 767px step, which is why every breakpoint is restated. */
.adv {
    padding: 190px 0 90px;
    min-height: 760px;
}

.adv .heading-section {
    margin-bottom: 48px;
}

/* shortcodes.css fixes .main-title at 42px/57px for a div; as the page's h1
   it scales, and the accent span drops shortcodes' own 51px line-height so
   a wrapped title does not open uneven gaps.

   The whole title is one face here, the Plus Jakarta Sans of "BFSI": the
   accent words keep the green but not shortcodes' Playfair italic (client
   request). */
.adv .heading-section .main-title {
    margin: 0;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.2;
    letter-spacing: -.02em;
}

.adv .heading-section .main-title span {
    font-family: inherit;
    font-style: normal;
    line-height: inherit;
}

@media (max-width: 991px) {
    /* the bar is 62px below 991px */
    .adv {
        padding: 130px 0 70px;
        min-height: 0;
    }
}

@media (max-width: 767px) {
    .adv {
        padding: 112px 0 50px;
    }

    .adv .heading-section {
        margin-bottom: 32px;
    }

    .adv .pnl__sub {
        font-size: 16px;
        line-height: 26px;
    }
}