body.page-id-5738 .stm_titlebox,
body.page-id-5738 .stm_breadcrumbs,
body.page-id-5738 .page_title,
body.page-id-5738 .entry-header {
    display: none !important;
}

body.page-id-5738 .site-content,
body.page-id-5738 .site-content > .container,
body.page-id-5738 .wpb-content-wrapper,
body.page-id-5738 .tse-investor-relations-wpb-row,
body.page-id-5738 .tse-investor-relations-wpb-row .vc_row,
body.page-id-5738 .tse-investor-relations-wpb-row .wpb_column,
body.page-id-5738 .tse-investor-relations-wpb-row .vc_column-inner,
body.page-id-5738 .tse-investor-relations-wpb-row .wpb_wrapper,
body.page-id-5738 .tse-investor-relations-wpb-row .wpb_content_element,
body.page-id-5738 .tse-investor-relations-wpb-row .wpb_raw_code {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.tse-ir-page,
.tse-ir-page * {
    box-sizing: border-box;
}

.tse-ir-page {
    background: #f6f3f4;
    color: #1c1b1f;
    font-family: "Poppins", Arial, sans-serif;
    overflow: hidden;
}

.tse-ir-hero {
    align-items: center;
    background-color: #00398d;
    background-image: linear-gradient(180deg, rgba(0, 57, 141, 0) 37%, rgba(0, 57, 141, 0.86) 66%, #00398d 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 34%), url("/wp-content/themes/pearl-child/assets/tse/announcements/hero-announcements-overlay.png"), url("/wp-content/themes/pearl-child/assets/tse/announcements/hero-announcements.png");
    background-position: center top, center top, center top, center top;
    background-repeat: no-repeat;
    background-size: cover, cover, cover, cover;
    display: flex;
    justify-content: center;
    min-height: 700px;
    padding: 350px 80px 80px;
    text-align: center;
}

.tse-ir-hero-inner {
    margin: 0 auto;
    max-width: 1158px;
    width: 100%;
}

.tse-ir-kicker {
    color: rgba(255, 255, 255, 0.62);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 20px;
    margin: 0 0 21px;
    text-transform: uppercase;
}

.tse-ir-hero h1 {
    background: linear-gradient(92deg, #ffffff 49%, rgba(255, 255, 255, 0.18) 109%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 64px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.125;
    margin: 0 0 20px;
}

.tse-ir-hero p:last-child {
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    line-height: 28px;
    margin: 0 auto;
    max-width: 760px;
}

.tse-ir-main {
    background: #f6f3f4;
    padding: 100px 80px 154px;
}

.tse-ir-intro,
.tse-ir-grid,
.tse-ir-announcements,
.tse-ir-stock {
    margin-left: auto;
    margin-right: auto;
    max-width: 1120px;
}

.tse-ir-intro {
    display: grid;
    gap: 48px;
    grid-template-columns: minmax(0, 1fr) 320px;
    margin-bottom: 52px;
}

.tse-ir-intro h2,
.tse-ir-section-title {
    color: #1c1b1f;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 44px;
    margin: 0 0 18px;
}

.tse-ir-intro p {
    color: rgba(28, 27, 31, 0.78);
    font-size: 16px;
    line-height: 28px;
    margin: 0;
}

.tse-ir-stat {
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 25px 46px -17px rgba(28, 27, 31, 0.14);
    padding: 30px;
}

.tse-ir-stat strong {
    color: #00398d;
    display: block;
    font-size: 44px;
    font-weight: 600;
    line-height: 52px;
    margin: 0 0 6px;
}

.tse-ir-stat span {
    color: rgba(28, 27, 31, 0.72);
    display: block;
    font-size: 14px;
    line-height: 22px;
}

.tse-ir-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 70px;
}

.tse-ir-card {
    background: #ffffff;
    border: 1px solid rgba(28, 27, 31, 0.08);
    border-radius: 24px;
    box-shadow: 0 25px 46px -17px rgba(28, 27, 31, 0.12);
    color: #1c1b1f !important;
    min-height: 210px;
    padding: 28px;
    position: relative;
    text-decoration: none !important;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.tse-ir-card:hover {
    border-color: rgba(0, 57, 141, 0.2);
    box-shadow: 0 28px 54px -18px rgba(0, 57, 141, 0.2);
    transform: translateY(-3px);
}

.tse-ir-card span:first-child {
    color: #00398d;
    display: block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 20px;
    margin: 0 0 18px;
    text-transform: uppercase;
}

.tse-ir-card strong {
    display: block;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 12px;
}

.tse-ir-card em {
    color: rgba(28, 27, 31, 0.7);
    display: block;
    font-size: 15px;
    font-style: normal;
    line-height: 24px;
    padding-right: 22px;
}

.tse-ir-card::after {
    color: #e46832;
    content: "\203A";
    font-size: 34px;
    line-height: 1;
    position: absolute;
    right: 28px;
    bottom: 25px;
}

.tse-ir-announcements {
    margin-bottom: 58px;
}

.tse-ir-announcements-header {
    align-items: flex-end;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 22px;
}

.tse-ir-announcements-header .tse-ir-section-title {
    margin: 0;
}

.tse-ir-link {
    color: #00398d !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none !important;
}

.tse-ir-link:hover {
    color: #e46832 !important;
}

.tse-ir-announcements-card {
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 25px 46px -17px rgba(28, 27, 31, 0.14);
    overflow: hidden;
    padding: 20px 50px 32px;
}

.tse-ir-announcement-row {
    align-items: center;
    border-bottom: 1px solid rgba(28, 27, 31, 0.12);
    color: #1c1b1f !important;
    display: grid;
    gap: 62px;
    grid-template-columns: 176px minmax(0, 1fr) 24px;
    min-height: 60px;
    text-decoration: none !important;
    transition: color 180ms ease, transform 180ms ease;
}

.tse-ir-announcement-row:hover {
    color: #00398d !important;
    transform: translateX(2px);
}

.tse-ir-announcement-date {
    color: #1c1b1f;
    font-size: 16px;
    line-height: 28px;
}

.tse-ir-announcement-title {
    color: inherit;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
}

.tse-ir-announcement-arrow {
    align-items: center;
    color: inherit;
    display: flex;
    font-size: 25px;
    height: 24px;
    justify-content: center;
    line-height: 1;
    width: 24px;
}

.tse-ir-stock {
    align-items: center;
    background: #00398d;
    border-radius: 24px;
    color: #ffffff;
    display: flex;
    gap: 28px;
    justify-content: space-between;
    padding: 34px 40px;
}

.tse-ir-stock h2 {
    color: #ffffff;
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
    margin: 0 0 8px;
}

.tse-ir-stock p {
    color: rgba(255, 255, 255, 0.78);
    font-size: 15px;
    line-height: 24px;
    margin: 0;
}

.tse-ir-button {
    align-items: center;
    background: #e46832;
    border-radius: 16px;
    color: #ffffff !important;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 16px;
    font-weight: 600;
    gap: 12px;
    justify-content: center;
    line-height: 24px;
    min-height: 56px;
    padding: 16px 22px;
    text-decoration: none !important;
}

.tse-ir-button:hover {
    background: #f0783f;
    color: #ffffff !important;
}

@media (max-width: 1180px) {
    .tse-ir-hero,
    .tse-ir-main {
        padding-left: 40px;
        padding-right: 40px;
    }

    .tse-ir-intro,
    .tse-ir-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tse-ir-announcements-card {
        padding-left: 36px;
        padding-right: 36px;
    }

    .tse-ir-announcement-row {
        gap: 32px;
        grid-template-columns: 160px minmax(0, 1fr) 24px;
    }
}

@media (max-width: 760px) {
    .tse-ir-hero {
        min-height: 560px;
        padding: 250px 20px 78px;
    }

    .tse-ir-hero h1 {
        font-size: 42px;
        line-height: 1.14;
    }

    .tse-ir-hero p:last-child {
        font-size: 15px;
        line-height: 25px;
    }

    .tse-ir-main {
        padding: 72px 20px 84px;
    }

    .tse-ir-intro,
    .tse-ir-grid {
        grid-template-columns: 1fr;
    }

    .tse-ir-intro h2,
    .tse-ir-section-title {
        font-size: 30px;
        line-height: 38px;
    }

    .tse-ir-card,
    .tse-ir-stat,
    .tse-ir-stock,
    .tse-ir-announcements-card {
        border-radius: 20px;
    }

    .tse-ir-announcements-header,
    .tse-ir-stock {
        align-items: flex-start;
        flex-direction: column;
    }

    .tse-ir-announcements-card {
        padding: 16px 22px 24px;
    }

    .tse-ir-announcement-row {
        align-items: flex-start;
        gap: 4px 14px;
        grid-template-columns: minmax(0, 1fr) 22px;
        min-height: 0;
        padding: 16px 0;
    }

    .tse-ir-announcement-date {
        color: rgba(28, 27, 31, 0.68);
        font-size: 13px;
        grid-column: 1 / 2;
        line-height: 20px;
    }

    .tse-ir-announcement-title {
        font-size: 15px;
        grid-column: 1 / 2;
        line-height: 23px;
    }

    .tse-ir-announcement-arrow {
        font-size: 22px;
        grid-column: 2 / 3;
        grid-row: 1 / span 2;
        height: 22px;
        margin-top: 10px;
        width: 22px;
    }
}

/* Corrected Investor Relations content layout */
.tse-ir-page {
    background: #f6f3f4;
    padding: 56px 18px 64px;
}

.tse-ir-layout {
    align-items: flex-start;
    display: grid;
    gap: 42px;
    grid-template-columns: minmax(0, 680px) minmax(280px, 400px);
    margin: 0 auto;
    max-width: 1180px;
}

.tse-ir-layout .tse-ir-announcements-card {
    border-radius: 18px;
    padding: 32px 44px 28px;
}

.tse-ir-layout .tse-ir-announcement-row {
    gap: 28px;
    grid-template-columns: 150px minmax(0, 1fr) 18px;
    min-height: 58px;
}

.tse-ir-layout .tse-ir-announcement-date {
    font-size: 13px;
    line-height: 20px;
}

.tse-ir-layout .tse-ir-announcement-title {
    font-size: 14px;
    line-height: 20px;
}

.tse-ir-explore {
    padding-top: 2px;
}

.tse-ir-explore h2 {
    color: #1c1b1f;
    font-size: 29px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0 0 6px;
}

.tse-ir-explore > p {
    color: #1c1b1f;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 0 28px;
    max-width: 330px;
}

.tse-ir-explore-card {
    align-items: flex-start;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 24px 48px -24px rgba(28, 27, 31, 0.18);
    color: #1c1b1f;
    display: grid;
    gap: 20px;
    grid-template-columns: 48px minmax(0, 1fr);
    margin: 0 0 20px;
    min-height: 164px;
    padding: 28px;
}

.tse-ir-explore-icon {
    align-items: center;
    background: #e4f2ff;
    border-radius: 10px;
    color: #00398d;
    display: inline-flex;
    font-size: 22px;
    height: 44px;
    justify-content: center;
    line-height: 1;
    width: 44px;
}

.tse-ir-explore-card h3 {
    color: #1c1b1f;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 8px;
}

.tse-ir-explore-card p {
    color: rgba(28, 27, 31, 0.66);
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 18px;
}

.tse-ir-read-more {
    color: #00398d !important;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none !important;
}

.tse-ir-read-more:hover {
    color: #e46832 !important;
}

@media (max-width: 980px) {
    .tse-ir-layout {
        grid-template-columns: 1fr;
    }

    .tse-ir-explore {
        max-width: 680px;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .tse-ir-page {
        padding: 32px 16px 48px;
    }

    .tse-ir-layout .tse-ir-announcements-card,
    .tse-ir-explore-card {
        border-radius: 16px;
        padding: 22px;
    }

    .tse-ir-layout .tse-ir-announcement-row {
        align-items: flex-start;
        gap: 4px 14px;
        grid-template-columns: minmax(0, 1fr) 18px;
        padding: 14px 0;
    }

    .tse-ir-layout .tse-ir-announcement-date,
    .tse-ir-layout .tse-ir-announcement-title {
        grid-column: 1 / 2;
    }

    .tse-ir-layout .tse-ir-announcement-arrow {
        grid-column: 2 / 3;
        grid-row: 1 / span 2;
        margin-top: 10px;
    }

    .tse-ir-explore h2 {
        font-size: 26px;
        line-height: 32px;
    }
}

/* Restore the original Investor Relations page banner/titlebox. */
body.page-id-5738 .stm_titlebox {
    display: block !important;
}

body.page-id-5738 .page_title {
    display: block !important;
}

/* New-design Investor Relations banner using the existing theme titlebox. */
body.page-id-5738 .stm_titlebox {
    align-items: center !important;
    background-color: #00398d !important;
    background-image: linear-gradient(180deg, rgba(0, 57, 141, 0) 37%, rgba(0, 57, 141, 0.86) 66%, #00398d 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 34%), url("/wp-content/themes/pearl-child/assets/tse/announcements/hero-announcements-overlay.png"), url("/wp-content/themes/pearl-child/assets/tse/announcements/hero-announcements.png") !important;
    background-position: center top, center top, center top, center top !important;
    background-repeat: no-repeat !important;
    background-size: cover, cover, cover, cover !important;
    display: flex !important;
    justify-content: center !important;
    min-height: 700px !important;
    padding: 350px 80px 80px !important;
    text-align: center !important;
}

body.page-id-5738 .stm_titlebox .container,
body.page-id-5738 .stm_titlebox .stm_flex,
body.page-id-5738 .stm_titlebox__inner {
    display: block !important;
    margin: 0 auto !important;
    max-width: 1158px !important;
    padding: 0 !important;
    width: 100% !important;
}

body.page-id-5738 .stm_titlebox__title {
    background: linear-gradient(92deg, #ffffff 49%, rgba(255, 255, 255, 0.18) 109%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    display: inline-block !important;
    font-family: "Poppins", Arial, sans-serif !important;
    font-size: 64px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1.125 !important;
    margin: 0 !important;
    text-align: center !important;
    text-transform: none !important;
}

body.page-id-5738 .stm_titlebox__subtitle {
    display: none !important;
}

@media (max-width: 760px) {
    body.page-id-5738 .stm_titlebox {
        min-height: 560px !important;
        padding: 250px 20px 78px !important;
    }

    body.page-id-5738 .stm_titlebox__title {
        font-size: 42px !important;
        line-height: 1.14 !important;
    }
}

/* Restore the correct in-content Investor Relations banner and remove the wrong theme titlebox banner. */
body.page-id-5738 .stm_titlebox,
body.page-id-5738 .page_title {
    display: none !important;
}

.tse-ir-banner {
    align-items: flex-end;
    background-color: #00398d;
    background-image: linear-gradient(180deg, rgba(0, 57, 141, 0) 36%, rgba(0, 57, 141, 0.82) 70%, #00398d 100%), url("/wp-content/themes/pearl-child/assets/tse/announcements/hero-announcements.png");
    background-position: center center, center center;
    background-repeat: no-repeat;
    background-size: cover, cover;
    display: flex;
    justify-content: center;
    min-height: 370px;
    padding: 140px 40px 34px;
    text-align: center;
}

.tse-ir-banner-inner {
    margin: 0 auto;
    max-width: 1180px;
    width: 100%;
}

.tse-ir-banner-kicker {
    color: rgba(255, 255, 255, 0.72);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 16px;
    margin: 0 0 14px;
    text-transform: uppercase;
}

.tse-ir-banner h1 {
    color: #ffffff;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 52px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.12;
    margin: 0 0 28px;
}

.tse-ir-banner p:last-child {
    color: rgba(255, 255, 255, 0.92);
    font-size: 13px;
    line-height: 22px;
    margin: 0 auto;
    max-width: 1180px;
}

@media (max-width: 760px) {
    .tse-ir-banner {
        min-height: 320px;
        padding: 118px 20px 30px;
    }

    .tse-ir-banner h1 {
        font-size: 38px;
        margin-bottom: 20px;
    }

    .tse-ir-banner p:last-child {
        font-size: 12px;
        line-height: 20px;
    }
}

/* Correct hero background restored from the original design system asset. */
.tse-ir-banner {
    background-image: linear-gradient(180deg, rgba(0, 57, 141, 0) 36%, rgba(0, 57, 141, 0.82) 70%, #00398d 100%), url("/wp-content/themes/pearl-child/assets/tse/figma-hero.png") !important;
    background-position: center center, center center !important;
    background-repeat: no-repeat !important;
    background-size: cover, cover !important;
}

/* Match Investor Relations hero to the Chairman Statement hero. */
body.page-id-5738 .stm_titlebox,
body.page-id-5738 .stm_breadcrumbs,
body.page-id-5738 .page_title,
body.page-id-5738 .entry-header {
    display: none !important;
}

.tse-ir-page {
    padding: 0 !important;
    overflow: hidden;
}

.tse-ir-banner {
    align-items: center !important;
    background-color: #00398d !important;
    background-image: linear-gradient(180deg, rgba(0, 57, 141, 0) 34%, rgba(0, 57, 141, 0.86) 63%, #00398d 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 33%), url("/wp-content/themes/pearl-child/assets/tse/chairman-statement/hero-chairman-overlay.png"), url("/wp-content/themes/pearl-child/assets/tse/chairman-statement/hero-chairman.png") !important;
    background-position: center top, center top, center top, center top !important;
    background-repeat: no-repeat !important;
    background-size: cover, cover, cover, cover !important;
    display: flex !important;
    justify-content: center !important;
    min-height: 700px !important;
    padding: 350px 80px 80px !important;
    position: relative !important;
    text-align: center !important;
}

.tse-ir-banner::after {
    background: url("/wp-content/themes/pearl-child/assets/tse/ellipse-hero-large.svg?v=1784080819") center / contain no-repeat;
    bottom: -230px;
    content: "";
    height: 520px;
    opacity: 0.48;
    pointer-events: none;
    position: absolute;
    right: -120px;
    transform: rotate(18deg);
    width: 520px;
}

.tse-ir-banner-inner {
    margin: 0 auto !important;
    max-width: 1158px !important;
    position: relative !important;
    width: 100% !important;
    z-index: 1 !important;
}

.tse-ir-banner-kicker {
    color: rgba(255, 255, 255, 0.62) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1.4px !important;
    line-height: 20px !important;
    margin: 0 0 21px !important;
    text-transform: uppercase !important;
}

.tse-ir-banner h1 {
    background: linear-gradient(92deg, #ffffff 49%, rgba(255, 255, 255, 0.18) 109%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: 64px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1.125 !important;
    margin: 0 0 28px !important;
}

.tse-ir-banner p:last-child {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 16px !important;
    line-height: 28px !important;
    margin: 0 auto !important;
    max-width: 924px !important;
    position: relative !important;
}

@media (max-width: 760px) {
    .tse-ir-banner {
        min-height: 560px !important;
        padding: 250px 20px 78px !important;
    }

    .tse-ir-banner::after {
        bottom: -180px;
        height: 360px;
        right: -170px;
        width: 360px;
    }

    .tse-ir-banner-kicker {
        font-size: 12px !important;
        letter-spacing: 1.2px !important;
    }

    .tse-ir-banner h1 {
        font-size: 42px !important;
        line-height: 1.14 !important;
    }

    .tse-ir-banner p:last-child {
        font-size: 15px !important;
        line-height: 25px !important;
    }
}

/* Final Investor Relations content spacing and icon alignment. */
.tse-ir-layout {
    gap: 56px !important;
    margin: 72px auto 96px !important;
    max-width: 1180px !important;
    width: calc(100% - 36px) !important;
}

.tse-ir-layout .tse-ir-announcements-card {
    align-self: start !important;
    padding: 38px 44px 34px !important;
}

.tse-ir-announcements-note {
    color: rgba(28, 27, 31, 0.72) !important;
    display: block !important;
    font-size: 14px !important;
    line-height: 24px !important;
    margin: 20px 0 0 !important;
}

.tse-ir-announcements-note a {
    align-items: center !important;
    display: inline-flex !important;
    gap: 4px !important;
    white-space: nowrap !important;
}

.tse-ir-explore {
    padding-top: 0 !important;
}

.tse-ir-explore h2 {
    margin-bottom: 8px !important;
}

.tse-ir-explore > p {
    line-height: 20px !important;
    margin-bottom: 38px !important;
    max-width: 340px !important;
}

.tse-ir-explore-card {
    gap: 24px !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    margin-bottom: 30px !important;
    min-height: 170px !important;
    padding: 28px 34px 28px 28px !important;
}

.tse-ir-explore-icon {
    align-items: center !important;
    background: #e0f0ff !important;
    border-radius: 10px !important;
    display: flex !important;
    font-size: 0 !important;
    height: 44px !important;
    justify-content: center !important;
    position: relative !important;
    width: 44px !important;
}

.tse-ir-explore-icon::before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 24px;
    width: 24px;
}

.tse-ir-explore-card:nth-of-type(1) .tse-ir-explore-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 17.5V12.5M10 17.5V7.5M15 17.5V10.5' stroke='%2300398d' stroke-width='2.8' stroke-linecap='round'/%3E%3Ccircle cx='5' cy='12.5' r='1.35' fill='%2300398d'/%3E%3Ccircle cx='10' cy='7.5' r='1.35' fill='%2300398d'/%3E%3Ccircle cx='15' cy='10.5' r='1.35' fill='%2300398d'/%3E%3Cpath d='M4 20L8.3 15.5L12.5 18.4L19.8 11' stroke='%2300398d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8 11V15.5M19.8 11H15.3' stroke='%2300398d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.tse-ir-explore-card:nth-of-type(2) .tse-ir-explore-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 5.5H5.8C4.8 5.5 4 6.3 4 7.3V20.2C4 21.2 4.8 22 5.8 22H18.2C19.2 22 20 21.2 20 20.2V7.3C20 6.3 19.2 5.5 18.2 5.5H17' stroke='%2300398d' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M8 7.5H16V4.8H14.2C13.9 3.7 13 3 12 3C11 3 10.1 3.7 9.8 4.8H8V7.5Z' stroke='%2300398d' stroke-width='2.4' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (max-width: 980px) {
    .tse-ir-layout {
        gap: 40px !important;
        margin: 48px auto 72px !important;
        width: calc(100% - 32px) !important;
    }

    .tse-ir-layout .tse-ir-announcements-card,
    .tse-ir-explore-card {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media (max-width: 640px) {
    .tse-ir-layout {
        margin: 40px auto 64px !important;
        width: calc(100% - 28px) !important;
    }

    .tse-ir-explore-card {
        grid-template-columns: 44px minmax(0, 1fr) !important;
    }
}

/* Match More to Explore icons to the Figma design. */
.tse-ir-explore-icon {
    background: #dff0ff !important;
    border-radius: 10px !important;
    height: 44px !important;
    width: 44px !important;
}

.tse-ir-explore-icon::before {
    height: 30px !important;
    width: 30px !important;
}

.tse-ir-explore-card:nth-of-type(1) .tse-ir-explore-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M7.5 22.5V17M13 22.5V10.5M18.5 22.5V15' stroke='%2300398d' stroke-width='3.2' stroke-linecap='round'/%3E%3Cpath d='M6.8 25L12.1 19.7L16.2 22.6L25 13.8' stroke='%2300398d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25 13.8V19M25 13.8H19.8' stroke='%2300398d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.tse-ir-explore-card:nth-of-type(2) .tse-ir-explore-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M10 8H7.8C6.8 8 6 8.8 6 9.8V26.2C6 27.2 6.8 28 7.8 28H24.2C25.2 28 26 27.2 26 26.2V9.8C26 8.8 25.2 8 24.2 8H22' stroke='%2300398d' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M11 11H21V6.8H18.8C18.4 5.2 17.3 4.2 16 4.2C14.7 4.2 13.6 5.2 13.2 6.8H11V11Z' stroke='%2300398d' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.tse-ir-read-more {
    align-items: center !important;
    display: inline-flex !important;
    font-size: 0 !important;
    gap: 8px !important;
}

.tse-ir-read-more::before {
    content: "Read More";
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}

.tse-ir-read-more::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5 11L11 5M11 5H6.3M11 5V9.7' stroke='%2300398d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
}

.tse-ir-read-more:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5 11L11 5M11 5H6.3M11 5V9.7' stroke='%23e46832' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Final responsive pass for the Investor Relations page. */
body.page-id-5738 .tse-ir-page {
    background: #f6f3f4 !important;
}

body.page-id-5738 .tse-ir-layout,
body.page-id-5738 .tse-ir-layout *,
body.page-id-5738 .tse-ir-banner,
body.page-id-5738 .tse-ir-banner * {
    box-sizing: border-box;
}

@media (max-width: 1200px) {
    body.page-id-5738 .tse-ir-layout {
        gap: 42px !important;
        grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.85fr) !important;
        width: calc(100% - 48px) !important;
    }
}

@media (max-width: 980px) {
    body.page-id-5738 .tse-ir-banner {
        min-height: 620px !important;
        padding: 300px 40px 72px !important;
    }

    body.page-id-5738 .tse-ir-banner h1 {
        font-size: 56px !important;
    }

    body.page-id-5738 .tse-ir-banner p:last-child {
        max-width: 760px !important;
    }

    body.page-id-5738 .tse-ir-layout {
        display: grid !important;
        gap: 48px !important;
        grid-template-columns: 1fr !important;
        margin: 56px auto 80px !important;
        max-width: 720px !important;
        width: calc(100% - 40px) !important;
    }

    body.page-id-5738 .tse-ir-explore {
        max-width: none !important;
        width: 100% !important;
    }

    body.page-id-5738 .tse-ir-explore > p {
        max-width: 520px !important;
    }
}

@media (max-width: 760px) {
    body.page-id-5738 .tse-ir-banner {
        background-position: center top, center top, center top, center top !important;
        min-height: 560px !important;
        padding: 240px 22px 64px !important;
    }

    body.page-id-5738 .tse-ir-banner::after {
        bottom: -150px !important;
        height: 340px !important;
        right: -170px !important;
        width: 340px !important;
    }

    body.page-id-5738 .tse-ir-banner-kicker {
        font-size: 12px !important;
        line-height: 18px !important;
        margin-bottom: 16px !important;
    }

    body.page-id-5738 .tse-ir-banner h1 {
        font-size: 44px !important;
        line-height: 1.12 !important;
        margin-bottom: 20px !important;
        overflow-wrap: anywhere;
    }

    body.page-id-5738 .tse-ir-banner p:last-child {
        font-size: 14px !important;
        line-height: 23px !important;
        max-width: 620px !important;
    }

    body.page-id-5738 .tse-ir-layout {
        gap: 42px !important;
        margin: 44px auto 68px !important;
        width: calc(100% - 32px) !important;
    }

    body.page-id-5738 .tse-ir-layout .tse-ir-announcements-card {
        border-radius: 16px !important;
        padding: 24px 24px 26px !important;
    }

    body.page-id-5738 .tse-ir-layout .tse-ir-announcement-row {
        align-items: flex-start !important;
        gap: 4px 14px !important;
        grid-template-columns: minmax(0, 1fr) 18px !important;
        min-height: 0 !important;
        padding: 15px 0 !important;
    }

    body.page-id-5738 .tse-ir-layout .tse-ir-announcement-date,
    body.page-id-5738 .tse-ir-layout .tse-ir-announcement-title {
        grid-column: 1 / 2 !important;
    }

    body.page-id-5738 .tse-ir-layout .tse-ir-announcement-date {
        font-size: 12px !important;
        line-height: 18px !important;
    }

    body.page-id-5738 .tse-ir-layout .tse-ir-announcement-title {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    body.page-id-5738 .tse-ir-layout .tse-ir-announcement-arrow {
        grid-column: 2 / 3 !important;
        grid-row: 1 / span 2 !important;
        margin-top: 12px !important;
    }

    body.page-id-5738 .tse-ir-announcements-note {
        font-size: 13px !important;
        line-height: 22px !important;
    }

    body.page-id-5738 .tse-ir-explore h2 {
        font-size: 28px !important;
        line-height: 34px !important;
    }

    body.page-id-5738 .tse-ir-explore-card {
        border-radius: 18px !important;
        gap: 20px !important;
        grid-template-columns: 48px minmax(0, 1fr) !important;
        margin-bottom: 22px !important;
        min-height: 0 !important;
        padding: 24px !important;
    }
}

@media (max-width: 480px) {
    body.page-id-5738 .tse-ir-banner {
        min-height: 520px !important;
        padding: 210px 18px 54px !important;
    }

    body.page-id-5738 .tse-ir-banner h1 {
        font-size: 38px !important;
    }

    body.page-id-5738 .tse-ir-banner p:last-child {
        font-size: 13px !important;
        line-height: 22px !important;
    }

    body.page-id-5738 .tse-ir-layout {
        margin: 36px auto 56px !important;
        width: calc(100% - 24px) !important;
    }

    body.page-id-5738 .tse-ir-layout .tse-ir-announcements-card {
        padding: 20px 18px 22px !important;
    }

    body.page-id-5738 .tse-ir-explore-card {
        gap: 16px !important;
        grid-template-columns: 44px minmax(0, 1fr) !important;
        padding: 22px 18px !important;
    }

    body.page-id-5738 .tse-ir-explore-icon {
        height: 44px !important;
        width: 44px !important;
    }

    body.page-id-5738 .tse-ir-explore-icon::before {
        height: 28px !important;
        width: 28px !important;
    }

    body.page-id-5738 .tse-ir-explore-card h3 {
        font-size: 20px !important;
        line-height: 26px !important;
    }

    body.page-id-5738 .tse-ir-explore-card p {
        font-size: 13px !important;
        line-height: 21px !important;
    }
}

@media (max-width: 380px) {
    body.page-id-5738 .tse-ir-explore-card {
        grid-template-columns: 1fr !important;
    }

    body.page-id-5738 .tse-ir-banner h1 {
        font-size: 34px !important;
    }
}

/* Responsive gutter alignment only. */
@media (max-width: 760px) {
    body.page-id-5738 .tse-ir-banner {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    body.page-id-5738 .tse-ir-layout {
        width: calc(100% - 48px) !important;
    }

    body.page-id-5738 .tse-ir-layout .tse-ir-announcements-card,
    body.page-id-5738 .tse-ir-explore-card {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
}

@media (max-width: 480px) {
    body.page-id-5738 .tse-ir-banner {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    body.page-id-5738 .tse-ir-layout {
        width: calc(100% - 40px) !important;
    }

    body.page-id-5738 .tse-ir-layout .tse-ir-announcements-card,
    body.page-id-5738 .tse-ir-explore-card {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}

@media (max-width: 380px) {
    body.page-id-5738 .tse-ir-banner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body.page-id-5738 .tse-ir-layout {
        width: calc(100% - 32px) !important;
    }
}

/* Mobile gutter correction only. */
@media (max-width: 760px) {
    body.page-id-5738 .tse-ir-layout {
        width: calc(100% - 56px) !important;
    }
}

@media (max-width: 480px) {
    body.page-id-5738 .tse-ir-layout {
        width: calc(100% - 48px) !important;
    }
}

@media (max-width: 380px) {
    body.page-id-5738 .tse-ir-layout {
        width: calc(100% - 40px) !important;
    }
}

/* Exact Figma-exported icons for More to Explore. */
body.page-id-5738 .tse-ir-explore-card {
    grid-template-columns: 54px minmax(0, 1fr) !important;
}

body.page-id-5738 .tse-ir-explore-icon {
    background: #dff0ff !important;
    border-radius: 10px !important;
    height: 54px !important;
    width: 54px !important;
}

body.page-id-5738 .tse-ir-explore-icon::before {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 36px 36px !important;
    height: 36px !important;
    width: 36px !important;
}

body.page-id-5738 .tse-ir-explore-card:nth-of-type(1) .tse-ir-explore-icon::before {
    background-image: url("/wp-content/themes/pearl-child/assets/tse/investor-relations/icon-finance-mode.svg") !important;
}

body.page-id-5738 .tse-ir-explore-card:nth-of-type(2) .tse-ir-explore-icon::before {
    background-image: url("/wp-content/themes/pearl-child/assets/tse/investor-relations/icon-content-paste.svg") !important;
}

@media (max-width: 480px) {
    body.page-id-5738 .tse-ir-explore-card {
        grid-template-columns: 54px minmax(0, 1fr) !important;
    }

    body.page-id-5738 .tse-ir-explore-icon {
        height: 54px !important;
        width: 54px !important;
    }

    body.page-id-5738 .tse-ir-explore-icon::before {
        height: 36px !important;
        width: 36px !important;
    }
}

/* Tighten Read More arrow spacing to match Figma. */
body.page-id-5738 .tse-ir-read-more {
    gap: 4px !important;
}

body.page-id-5738 .tse-ir-read-more::after {
    height: 20px !important;
    width: 20px !important;
}