/* ============================================================
   LAURUS LABS — responsive.css
   ============================================================ */

@media (max-width: 1200px) {
    .ovl-grid { gap: 36px; }
    .milestone-badge { display: none; } /* tight space — drop badge first */
}

/* ---------- TABLET ---------- */
@media (max-width: 991px) {
    .header-wrap { padding: 8px 16px; }
    .download-cta .d-text { display: none; }   /* icon-only download */
    .download-cta { padding: 10px 12px; }
    .header-badge { height: 30px; }            /* smaller 20-yr mark on tablet/mobile */

    .ovl-grid {
        grid-template-columns: 1.05fr 1.35fr 0.95fr;
        gap: 28px;
    }
    .ovl-aside {
        grid-column: auto;
        border-left: 1px solid rgba(255, 255, 255, .18);
        border-top: 0;
        padding-left: 28px;
        padding-top: 0;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 18px;
    }
    .ovl-cover { width: 148px; height: auto; margin-bottom: 0; }
    .ovl-report-link, .ovl-web { margin-bottom: 0; }

    /* foreword (chairman / ceo) */
    .fwd { padding: 70px 0; }
    .fwd-grid { gap: 44px; }
    .fwd-title { font-size: 34px; }
    .fwd-quote { font-size: 18px; }

    /* business review: smaller thumbnails */
    .brv-thumb { width: 104px; }
    .brv-thumb-img { height: 64px; }

    /* explore cards: 2-up */
    .xplore-grid { grid-template-columns: 1fr 1fr; }

    /* highlights: tighter columns */
    .hl-stage { gap: 24px; padding: 0 4vw; }
    .hl-heading { font-size: 28px; }
    .hl-pill { width: 420px; --pill-h: 260px; }
    .hl-desc-item { font-size: 22px; }

    .manufacture-content {
        padding: 8px 0 56px;
    }

    .scientific-capability-content {
        padding: 16px 0 56px;
    }

    .scientific-highlights {
        padding: 0 0 56px;
    }

    .scientific-platforms {
        padding: 0 0 56px;
    }

    .scientific-infrastructure {
        padding: 0 0 56px;
    }

    .quality-content {
        padding: 16px 0 56px;
    }

    .quality-performance {
        padding: 0 0 56px;
    }

    .information-technology-content {
        padding: 16px 0 56px;
    }

    .information-technology-capabilities {
        padding: 0 0 56px;
    }

    .stakeholder-approach-section {
        padding: 0 0 56px;
    }

    .stakeholder-approach__grid {
        row-gap: 22px;
    }

    .stakeholder-approach__card {
        padding: 16px 20px 16px 38px;
    }

    .stakeholder-detail-section {
        padding: 0 0 56px;
    }

    .stakeholder-detail-card {
        padding: 28px 28px 26px;
    }

    .stakeholder-detail-card + .stakeholder-detail-card,
    .stakeholder-capital-legend + .stakeholder-detail-card,
    .stakeholder-detail-card + .stakeholder-capital-legend {
        margin-top: 34px;
    }

    .stakeholder-detail-card__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 34px;
        padding-left: 0;
    }

    .stakeholder-capital-legend {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 28px;
    }

    .stakeholder-detail-card__block--topics,
    .stakeholder-detail-card__block--focus {
        grid-column: span 2;
        grid-row: auto;
    }

    .strategic-priority-blocks {
        padding: 16px 0 56px;
    }

    .strategic-progress {
        padding: 0 0 56px;
    }

    .materiality-accordion-section {
        padding: 36px 0 56px;
    }

    .materiality-accordion__button {
        width: 100%;
        min-width: 0;
        font-size: 28px;
    }

    .materiality-accordion__linkages {
        flex-wrap: wrap;
        gap: 22px 34px;
    }

    .materiality-accordion__strategy {
        margin-left: 0;
    }

    .risk-framework-section {
        padding: 14px 0 56px;
    }

    .risk-framework__diagram {
        padding: 28px 24px 24px;
    }

    .risk-framework__svg-placeholder {
        min-height: 460px;
    }

    .risk-management-section {
        padding: 0 0 56px;
    }

    .risk-management__heading h3 {
        font-size: 28px;
    }

    .risk-management-card {
        padding: 16px 18px 20px;
    }

    .risk-management-card--framed {
        padding: 16px 18px 20px;
    }

    .risk-management-card--group {
        padding-top: 14px;
        padding-bottom: 16px;
    }

    .risk-management-card__grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .materiality-linkages-section {
        padding: 0 0 56px;
    }

    .materiality-linkages-panel {
        padding: 16px 16px 20px;
    }

    .materiality-linkages-panel__grid--stakeholder,
    .materiality-linkages-panel__grid--capital {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .strategic-progress__wrap {
        padding: 24px 24px 22px;
    }

    .strategic-progress__wrap--follow {
        margin-top: 24px;
    }

    .strategic-progress .strategic-priority-card {
        margin-top: 24px;
    }

    .strategic-priority-card {
        grid-template-columns: 1fr;
        border-radius: 0 32px 32px 0;
    }

    .strategic-priority-card__left {
        padding-right: 24px;
    }

    .strategic-priority-card__right {
        border-left: none;
        border-top: 1px solid rgba(75, 33, 116, 0.55);
    }

    .information-technology-capabilities__intro-panel {
        border-radius: 44px;
    }

    .information-technology-capabilities__stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .quality-performance__grid {
        column-gap: 30px;
        row-gap: 28px;
    }

    .scientific-highlights__grid {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 24px;
        row-gap: 30px;
    }

    .scientific-highlights__item:nth-child(4n) {
        border-right: 1px solid #d9d9d9;
    }

    .scientific-highlights__item:nth-child(2n) {
        border-right: none;
    }

    .manufacture-content__intro {
        padding-bottom: 32px;
    }

    .manufacture-stats {
        flex-wrap: wrap;
    }

    .manufacture-stat {
        flex: 1 1 50%;
    }

    .manufacture-stat:nth-child(2) {
        border-right: none;
    }

    .manufacture-stat:nth-child(-n+2) {
        border-bottom: 1px solid #d9d9d9;
    }

    .manufacture-detail {
        padding-top: 28px;
    }

    .manufacture-development {
        padding-top: 28px;
    }

    .manufacture-development--divided {
        padding-top: 28px;
    }

    .manufacture-facilities {
        padding-top: 34px;
    }

    .manufacture-facility-card {
        padding: 22px 22px 22px 18px;
        gap: 24px;
        min-height: 0;
    }

    .manufacture-facility-card__content {
        gap: 24px;
    }

    .manufacture-facility-card__main {
        flex-basis: 180px;
    }

    .manufacture-static-group {
        padding-top: 34px;
    }

    .manufacture-facilities__head--split {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .manufacture-facilities__head--split .manufacture-facilities__line {
        flex-basis: 100%;
    }

    .risk-framework-section {
        padding: 8px 0 48px;
    }

    .risk-framework__intro h2 {
        font-size: 20px;
    }

    .risk-framework__diagram {
        padding: 22px 18px 18px;
    }

    .risk-framework__svg-placeholder {
        min-height: 320px;
    }

    .risk-management-section {
        padding: 0 0 48px;
    }

    .risk-management__heading {
        gap: 12px;
    }

    .risk-management__heading h3 {
        font-size: 22px;
    }

    .risk-management-card h4 {
        font-size: 20px;
    }

    .risk-management-card {
        padding: 14px 16px 18px;
    }

    .risk-management-card--framed {
        padding: 14px 16px 18px;
    }

    .risk-management-card__divider {
        margin: 16px 0;
    }

    .risk-management-card__icon {
        width: 46px;
        height: 46px;
        font-size: 22px;
    }

}

/* ---------- MOBILE ---------- */
@media (max-width: 767px) {
    html,
    body,
    #wrapper {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    body.menu-open {
        overflow: hidden;
    }

    .ll-overlay {
        max-height: calc(100dvh - 78px);
        overflow: hidden;
    }

    .information-technology-capabilities__intro{
        padding: 0;
    }
    section.page-hero.stakeholder-engagement-banner {
    padding-bottom: 30px;
}
    .logo-mark, .logo-mark-2 { font-size: 22px; }

    .ovl-inner {
        padding: 24px 18px;
        height: 100%;
        max-height: calc(100dvh - 78px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .ovl-grid {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }
    .ovl-groups {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 0;
    }
    .ovl-links {
        display: none !important;
    }
    .ovl-panel {
        width: 100%;
    }
    .ovl-acc-item {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .ovl-acc-item > .ovl-group {
        width: 100%;
    }
    .ovl-acc-item > .ovl-panel {
        width: 100%;
        padding: 6px 0 2px 12px;
        border-bottom: 1px solid rgba(255, 255, 255, .15);
    }
    .ovl-acc-item > .ovl-panel a {
        padding: 10px 0;
    }
    .ovl-group {
        padding-right: 28px;
    }
    .ovl-group::before {
        content: "+";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        text-align: center;
        color: rgba(255, 255, 255, .92);
        font-size: 20px;
        line-height: 1;
        font-weight: 400;
    }
    .ovl-group.is-active::before {
        content: "−";
    }
    .ovl-group.is-active::before {
        content: "-";
    }
    .ovl-aside {
        grid-column: 1 / -1;
        width: 100%;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .18);
        padding-left: 0;
        padding-top: 18px;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 16px;
    }
    .ovl-cover { width: 124px; height: auto; margin-bottom: 0; }
    .ovl-group { font-size: 15px; }

    /* hero */
    .hero { min-height: 100vh; align-items:flex-start;padding-top:30px; }
    .hero-title { font-size: 28px; }
    .hero-sub { font-size: 17px; }
    /* swap to the portrait mobile video */
    .hero-video--desktop { display: none; }
    .hero-video--mobile  { display: block; }

    .manufacture-content {
        padding: 0 0 48px;
    }

    .scientific-capability-content {
        padding: 8px 0 48px;
    }

    .scientific-highlights {
        padding: 0 0 48px;
    }

    .scientific-platforms {
        padding: 0 0 48px;
    }

    .scientific-infrastructure {
        padding: 0 0 48px;
    }

    .quality-content {
        padding: 8px 0 48px;
    }

    .quality-content__intro {
        margin-bottom: 26px;
    }

    .quality-content .row + .row {
        margin-top: 26px;
    }

    .quality-performance {
        padding: 0 0 48px;
    }

    .information-technology-content {
        padding: 8px 0 48px;
    }

    .information-technology-content .row + .row {
        margin-top: 26px;
    }

    .information-technology-capabilities {
        padding: 0 0 48px;
    }

    .stakeholder-approach-section {
        padding: 0 0 48px;
    }

    .stakeholder-approach__title {
        margin-bottom: 18px;
    }

    .stakeholder-approach__grid {
        row-gap: 18px;
    }

    .stakeholder-approach__card {
        padding: 14px 16px 14px 34px;
        border-radius: 0 0 20px 20px;
    }

    .stakeholder-approach__bar {
        top: 10px;
        width: 8px;
        height: 40px;
    }

    .stakeholder-approach__card h3 {
        font-size: 17px;
    }

    .stakeholder-detail-section {
        padding: 0 0 48px;
    }

    .stakeholder-detail-card {
        padding: 22px 18px 20px;
    }

    .stakeholder-detail-card + .stakeholder-detail-card,
    .stakeholder-capital-legend + .stakeholder-detail-card,
    .stakeholder-detail-card + .stakeholder-capital-legend {
        margin-top: 28px;
    }

    .stakeholder-detail-card__bar {
        right: -4px;
        width: 8px;
        height: 46px;
    }

    .stakeholder-detail-card__head {
        gap: 14px;
        margin-bottom: 20px;
    }

    .stakeholder-detail-card__icon {
        width: 54px;
        min-width: 54px;
        height: 54px;
        font-size: 26px;
    }

    .stakeholder-detail-card__grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .stakeholder-detail-card__block--topics,
    .stakeholder-detail-card__block--focus {
        grid-column: auto;
    }

    .stakeholder-detail-card__value {
        font-size: 24px;
    }

    .stakeholder-detail-card__currency,
    .stakeholder-detail-card__value-unit {
        font-size: 26px;
    }

    .stakeholder-capital-legend {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .strategic-priority-blocks {
        padding: 8px 0 48px;
    }

    .strategic-progress {
        padding: 0 0 48px;
    }

    .materiality-accordion-section {
        padding: 32px 0 0px;
    }

    .materiality-accordion__item + .materiality-accordion__item {
        margin-top: 26px;
    }

    .materiality-accordion__button {
        min-width: 0;
        width: 100%;
        margin-top: 0;
        padding: 12px 38px 12px 14px;
        font-size: 22px;
        border-radius: 0;
    }

    .materiality-accordion__button::after {
        right: 10px;
        width: 24px;
        height: 24px;
        font-size: 21px;
    }

    .materiality-accordion__body {
        padding: 17px 17px 21px;
    }

    .materiality-accordion__field {
        margin-bottom: 18px;
    }

    .materiality-accordion__linkages,
    .materiality-accordion__label-row,
    .materiality-accordion__strategy {
        align-items: flex-start;
        flex-direction: column;
    }

    .materiality-accordion__linkage--stakeholder {
        min-width: 0;
    }

    .materiality-accordion__strategy {
        gap: 8px;
        padding-bottom: 0;
    }

    .materiality-linkages-section {
        padding: 0 0 48px;
    }

    .materiality-linkages-panel {
        padding: 14px 14px 16px;
        border-radius: 14px;
    }

    .materiality-linkages-panel__group + .materiality-linkages-panel__group {
        margin-top: 22px;
    }

    .materiality-linkages-panel__grid--stakeholder,
    .materiality-linkages-panel__grid--capital {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .materiality-linkages-panel__item {
        gap: 12px;
    }

    .materiality-linkages-panel__icon {
        width: 40px;
        min-width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .materiality-accordion__icons {
        flex-wrap: wrap;
    }

    .materiality-accordion__icon {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .strategic-progress__wrap {
        padding: 22px 18px 20px;
        background-size: 56px 56px;
    }

    .strategic-progress__wrap h2 {
        margin-bottom: 16px;
    }

    .strategic-progress__wrap--follow {
        margin-top: 22px;
    }

    .strategic-progress .strategic-priority-card {
        margin-top: 22px;
    }

    .strategic-progress__grid {
        row-gap: 18px;
    }

    .strategic-progress__column {
        gap: 14px;
    }

    .strategic-progress__item {
        padding-left: 26px;
        line-height: 1.35;
    }

    .strategic-progress__item::before {
        width: 14px;
        height: 14px;
        border-width: 3px;
    }

    .strategic-priority-card {
        border-radius: 0 24px 24px 0;
    }

    .strategic-priority-card__left {
        gap: 18px;
        padding: 24px 18px 24px 0;
    }

    .strategic-priority-card__left::before {
        width: 46px;
    }

    .strategic-priority-card__icon {
        width: 76px;
        min-width: 76px;
        height: 76px;
        margin-left: 10px;
    }

    .strategic-priority-card__icon img {
        width: 100%;
        height: 100%;
    }

    .strategic-priority-card__left h2 {
        font-size: 32px;
    }

    .strategic-priority-card__right {
        padding: 24px 18px 22px;
    }
        .scientific-capability-banner .page-hero__content p{
            padding-bottom: 0px;
         }
    .information-technology-capabilities__intro-panel {
        padding: 28px 22px;
        border-radius: 28px;
    }

    .information-technology-capabilities__stats {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .quality-performance__grid {
        grid-template-columns: 1fr;
        row-gap: 24px;
    }

    .scientific-highlights__grid {
        grid-template-columns: 1fr;
        row-gap: 24px;
    }

    .scientific-highlights__item {
        min-height: 0;
        padding: 0;
        border-right: none;
    }

    .scientific-highlights__item h3 {
        font-size: 24px;
    }

    .scientific-platforms__block + .scientific-platforms__block {
        margin-top: 26px;
    }

    .manufacture-content__intro {
        padding-bottom: 28px;
        background-size: 34px 34px;
    }

    .manufacture-content__platform h2 {
        font-size: 20px;
    }

    .manufacture-content__intro p,
    .manufacture-content__platform p {
        font-size: 16px;
        line-height: 1.55;
    }

    .manufacture-stats {
        margin-top: 32px;
        display: block;
    }

    .manufacture-stat {
        padding: 22px 0;
        border-right: none !important;
        border-bottom: 1px solid #d9d9d9;
    }

    .manufacture-stat:last-child {
        border-bottom: none;
    }

    .manufacture-stat h3 {
        font-size: 40px;
    }

    .manufacture-detail {
        padding-top: 24px;
    }

    .manufacture-detail__line {
        margin-bottom: 16px;
    }

    .manufacture-detail p {
        line-height: 1.55;
    }

    .manufacture-development {
        padding-top: 24px;
    }

    .manufacture-development--divided {
        margin-top: 14px;
        padding-top: 24px;
    }

    .manufacture-development__item + .manufacture-development__item {
        margin-top: 18px;
    }

    .manufacture-development__dot {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        margin-right: -16px;
    }

    .manufacture-development__content p {
        line-height: 1.55;
    }

    .manufacture-facilities {
        padding-top: 28px;
        background-size: 34px 34px;
    }

    .manufacture-facilities__head {
        gap: 14px;
    }

    .manufacture-facilities__head h3 {
        font-size: 24px;
        white-space: normal;
    }

    .manufacture-facility-slider-wrap {
        padding-top: 20px;
    }

    .manufacture-facility-card {
        display: block;
        padding: 20px 18px 18px;
        min-height: 0;
    }

    .manufacture-facility-card__media {
        position: relative;
        top: auto;
        left: auto;
        width: 110px;
        height: 110px;
        margin-bottom: 18px;
    }

    .manufacture-facility-card__content {
        display: block;
    }

    .manufacture-facility-card__main {
        margin-bottom: 18px;
    }

    .manufacture-facility-card__main h4,
    .manufacture-facility-card__platforms h5 {
        font-size: 20px;
    }

    .manufacture-facility-card__main p,
    .manufacture-facility-card__platforms p {
        font-size: 16px;
    }

    .manufacture-static-group {
        padding-top: 28px;
    }

    .manufacture-static-grid {
        margin-top: 18px;
    }

    .manufacture-facilities__head--split {
        display: block;
    }

    .manufacture-facilities__head--split h3 + .manufacture-facilities__line,
    .manufacture-facilities__head--split .manufacture-facilities__line + h3 {
        margin-top: 14px;
    }

    .manufacture-facility-card--compact .manufacture-facility-card__main,
    .manufacture-facility-card--compact .manufacture-facility-card__main strong,
    .manufacture-facility-card--compact .manufacture-facility-card__main p {
        max-width: none;
    }

    .manufacture-static-note {
        margin-left: 0;
        font-size: 13px;
    }

    /* reveal: static mobile layout */
    .reveal {
        height: auto;
        padding: 60px 0 40px;
    }
    .reveal-sticky {
        position: static;
        top: auto;
        height: auto;
        overflow: visible;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .reveal-media {
        width: 100%;
        height: auto;
        border-radius: 24px;
    }
    .reveal-media img {
        width: 100%;
        height: auto;
    }
    .reveal-dark {
        display: none;
    }
    .reveal-content {
        position: static;
        inset: auto;
        opacity: 1;
        transform: none;
        pointer-events: auto;
        padding: 0;
        text-align: left;
        max-width: none;
    }
    .reveal-content h2 { font-size: 30px; color: #4e1a77; }
    .reveal-content p { font-size: 16px; line-height: 26px; color: #5f5f5f; text-align: center; }

    /* highlights (redesign): left not sticky; categories stacked */
    .khl-grid { grid-template-columns: 1fr; gap: 30px; }
    .khl-left { position: static; }
    .khl-heading { font-size: 30px; }
    .khl-heading br { display: none; }
    .khl-panel + .khl-panel { margin-top: 40px; }
    .khl-tiles { grid-template-columns: 1fr 1fr; column-gap: 24px; row-gap: 26px; }
    .kh-tile { padding: 0; }
    .kh-tile:not(:nth-child(3n+1)) { border-left: none; }   /* no stray dividers on 2-col */
    .khl-cat h3 { font-size: 26px; }

    /* glance — image stacks above the content */
    .glance-layout { grid-template-columns: 1fr; gap: 28px; }
    .glance-media img { min-height: 220px; }
    .glance-title { font-size: 28px; }
    .glance-intro { font-size: 15px; }
    .glance-controls { grid-template-columns: 1fr; justify-items: center; gap: 18px; }
    .glance-controls .owl-dots,
    .glance-right { justify-self: center; }

    /* business review: stack intro above a scrollable thumbnail row */
    .brv { min-height: 0; }
    .brv-inner { padding-top: calc(var(--header-h) + 24px); padding-bottom: 30px; }
    .brv-title { font-size: 30px; margin-bottom: 18px; }
    .brv-copy { max-width: none; margin-bottom: 30px; }
    .brv-thumbs { align-self: stretch; gap: 14px; overflow-x: auto; padding-bottom: 6px; }
    .brv-thumb { width: 92px; flex: 0 0 auto; }
    .brv-thumb-img { height: 56px; }

    /* employees hero */
    .emp { min-height: 0; padding: 0; }
    .emp-inner { padding-bottom: 60px; }
    .emp-title { font-size: 28px; }
    .emp-intro { font-size: 15px; }

    /* explore cards: single column; content STACKS BELOW the image (no overlay) */
    .xplore-grid { grid-template-columns: 1fr; }
    .xcard { height: auto; }
    .xcard-img { position: static; height: 220px; transform: none !important; }  /* image as a block on top */
    .xcard::after { display: none; }                                              /* drop the overlay gradient */
    .xcard-body { position: static; background: #3e125b; }                        /* content flows under the image */
    .xcard--light .xcard-body { background: #eaf4e1; }
    .xcard--light .xcard-eyebrow,
    .xcard--light .xcard-title { color: var(--ll-green); }
    .xcard--light .xcard-btn { color: var(--ll-green); border-color: rgba(62, 18, 91, .4); }
    .xcard-desc { opacity: 1; max-height: none; transform: none; margin-top: 14px; }
    .xcard-media { opacity: 1; max-height: none; transform: none; margin-top: 14px; }
    .xcard-btn { opacity: 1; max-height: none; transform: none; margin-top: 20px; }

    /* foreword: stack image over text, centred; section height auto */
    .fwd { min-height: 0; padding: 56px 0; }
    .fwd-grid,
    .fwd--ceo .fwd-grid { grid-template-columns: 1fr; gap: 30px; text-align: center; }
    .fwd--ceo .fwd-media { order: 1; }   /* image back on top */
    .fwd--ceo .fwd-body  { order: 2; }
    .fwd-portrait { max-width: 280px; }
    .fwd-title { font-size: 28px; }
    .fwd-quote { font-size: 16px; margin-left: auto; margin-right: auto; }

    /* stacked panels (8-12) */
    .sp-scale { border-radius: 20px; }
    .sp-title { font-size: 28px; }
    .sp-intro { font-size: 14px; line-height: 22px; }
    .sp-stats { gap: 16px 26px;display:none; }
    .sp-stat { border-left: none; padding: 0; }   /* drop dividers so wrapped rows look clean */
    .sp-stat-num { font-size: 26px; }

    /* strategic priorities (rotating deck): single column */
    .tst-grid { grid-template-columns: 1fr; gap: 40px; }
    .tst-title { font-size: 28px; }
    .tst-cards { min-height: 460px; }

    /* esg */
    .esg-title { font-size: 28px; }
    .esg::before, .esg::after { width: 90px; height: 90px; }   /* smaller corner dots */

    /* awards */
    .awards-title { font-size: 28px; }

    /* download centre: single column */
    .dlc-title { font-size: 28px; }
    .dlc-grid { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-flow: row; }
    .dlc-row {
        padding: 14px 16px;
        gap: 12px;
        min-height: 56px;
        align-items: center;
        box-sizing: border-box;
        line-height: 1.45;
        font-size: 15px;
    }
    .dlc-row > span:first-child {
        flex: 1 1 auto;
        min-width: 0;
        word-break: break-word;
    }
    .dlc-row .dlc-ic {
        width: 22px;
        height: 22px;
        flex: 0 0 22px;
        margin-top: 0;
        align-items: center;
        justify-content: center;
        line-height: 0;
        overflow: visible;
    }
    .dlc-row .dlc-ic svg {
        width: 18px;
        height: 18px;
        display: block;
        overflow: visible;
    }

    /* footer: stack + centre */
    .ftr-grid { flex-direction: column; text-align: center; }
    .ftr-right { text-align: center; }
    .ftr-social { justify-content: center; }
    .ftr-links { font-size: 14px; }
}

@media (max-width: 420px) {
    .ovl-cover { width: 96px; height: auto; }
    .hero-title { font-size: 24px; }
    .hero-sub { font-size: 16px; }
}

/* ============================================================
   END: ESG APPROACH PAGE - GOVERNANCE AND OVERSIGHT RESPONSIVE
   Added at file end to reduce merge conflicts.
   ============================================================ */
@media (max-width: 991px) {
    .esg-governance {
        padding: 0 0 72px;
    }

    .esg-governance__grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .esg-governance__item {
        padding-right: 0;
        padding-bottom: 28px;
    }

    .esg-governance__item:not(:last-child)::after {
        top: auto;
        right: auto;
        left: 14px;
        bottom: 0;
        width: 1px;
        height: 56px;
    }

    .esg-governance__item:not(:last-child)::before {
        top: auto;
        right: auto;
        left: 11px;
        bottom: 44px;
        width: 7px;
        height: 28px;
    }

    .esg-governance__item-copy {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .esg-governance__title {
        font-size: 18px;
    }

    .esg-governance__item-title {
        font-size: 20px;
    }

    .esg-governance__lead,
    .esg-governance__item-copy {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .esg-panel-card {
        grid-template-columns: 54px minmax(0, 1fr);
    }

    .esg-panel-card__label {
        font-size: 18px;
    }

    .esg-panel-card__label::before,
    .esg-panel-card__label::after {
        width: 30px;
        height: 18px;
    }

    .esg-panel-card__body {
        padding: 32px 72px 32px 28px;
        border-radius: 0 42px 42px 0;
    }

    .esg-panel-card__stats {
        gap: 22px 22px;
    }

    .esg-panel-card--environmental {
        grid-template-columns: 1fr;
    }

    .esg-panel-card--environmental .esg-panel-card__body {
        padding: 24px 24px 26px;
        border-radius: 28px 54px 54px 28px;
    }

    .esg-panel-card--environmental .esg-panel-card__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 0;
    }

    .esg-panel-card--environmental .esg-stat {
        padding: 0 18px;
    }

    .esg-panel-card--environmental .esg-stat:nth-child(2n)::after {
        display: none;
    }

    .esg-panel-card--social,
    .esg-panel-card--governance {
        grid-template-columns: 1fr;
    }

    .esg-panel-card--social .esg-panel-card__body,
    .esg-panel-card--governance .esg-panel-card__body {
        padding: 24px 24px 26px;
        border-radius: 28px 54px 54px 28px;
    }

    .esg-panel-card--social .esg-panel-card__stats,
    .esg-panel-card--governance .esg-panel-card__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 0;
    }

    .esg-panel-card--social .esg-stat,
    .esg-panel-card--governance .esg-stat {
        padding: 0 18px;
    }

    .esg-panel-card--social .esg-stat:nth-child(2n)::after,
    .esg-panel-card--governance .esg-stat:nth-child(2n)::after {
        display: none;
    }
}

@media (max-width: 767px) {
    .governance-board__media{
        padding-top: 20px;
    }
    .logo-wordmark img {
        max-width: 100px;
    }
    .manufacture-banner .page-hero__image img, .quality-compilance-banner .page-hero__image img, .information-technology-banner .page-hero__image img, .myemp .page-hero__image img, .mycomunity .page-hero__image img, .newcustomer .page-hero__image img, .supplier .page-hero__image img, .env .page-hero__image img, .inv .page-hero__image img, .gov .page-hero__image img  {
        padding-bottom: 20px;
    }
    .esg-governance__item-copy {
        padding-left: 32px;
    }
        .new-esg .page-hero__content p, .myemp .page-hero__content p, .mycomunity .page-hero__content p, .newcustomer .page-hero__content p, .supplier .page-hero__content p, .env .page-hero__content p, .inv .page-hero__content p, .gov .page-hero__content p {
            padding-bottom: 0px;
        }
        .glance-explore{
            justify-self: center;
        }
        .fwd-quote::before{
            content: none;
        }
        .esg{
            padding-top: 0;
        }
        .communities-chart__visual {
            padding-top: 30px;
        }
   
        .communities-donut__label--p2 {
    left: 86px;
    top: -24px;
}
.communities-donut__label--p10 {
    left: 6%;
    top: 1%;
}
.communities-donut__label--p13 {
    left: -33px;
    top: 32%;
}
.communities-donut__label--p15 {
    left: -18px;
    bottom: 38px;
}
.communities-donut__label--p1b, .communities-donut__label--p1a{
    display: none;
}
.communities-donut__label--p58 {
    right: -41px;
    top: 52%;
}
    .new-esg .page-hero__image{
        padding-bottom: 20px;
    }
    .information-technology-banner .page-hero__content p {
        padding-bottom: 0px;
    }   
     .ami-head__dot {
    position: absolute;
    top: -13px;
    left: -20px;
    width: 50px;
    height: 50px;
    }
    .ch-section{
        padding-top: 30px;
    }
    .biz-div__img img{
        padding-bottom: 20px;
    }
    .biz-sub p{
        min-height: auto;
    }
    .next-pev__item--prev .next-pev__text{
        padding-right: 20px;
    }
    .next-pev__item--next .next-pev__text{
        padding-left: 20px;
    }

    .legacy-copy__dot{
        display: none;
    }
    .nguide-box__pin{
        right: 4px;
    }
    .esg-panels {
        padding: 0 0 72px;
    }

    .esg-panel-card {
        grid-template-columns: 1fr;
    }

    .esg-panel-card__label {
        writing-mode: initial;
        transform: none;
        justify-content: flex-start;
        padding: 0 0 14px 8px;
        font-size: 28px;
    }

    .esg-panel-card__label::before,
    .esg-panel-card__label::after {
        display: none;
    }

    .esg-panel-card__body {
        border-radius: 28px;
        padding: 26px 24px 70px;
    }

    .esg-panel-card--environmental .esg-panel-card__body {
        padding: 22px 20px 24px;
        border-radius: 24px;
    }

    .esg-panel-card__stats {
        grid-template-columns: 1fr;
    }

    .esg-panel-card__icon {
        top: auto;
        right: 18px;
        bottom: 18px;
        transform: none;
    }

    .esg-panel-card--environmental .esg-panel-card__header {
        margin-bottom: 18px;
    }

    .esg-panel-card--environmental .esg-panel-card__label {
        font-size: 20px;
    }

    .esg-panel-card--environmental .esg-panel-card__stats {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .esg-panel-card--environmental .esg-stat {
        padding: 0;
    }

    .esg-panel-card--environmental .esg-stat::after {
        display: none;
    }

    .esg-panel-card--social .esg-panel-card__header,
    .esg-panel-card--governance .esg-panel-card__header {
        margin-bottom: 18px;
    }

    .esg-panel-card--social .esg-panel-card__label,
    .esg-panel-card--governance .esg-panel-card__label {
        font-size: 20px;
    }

    .esg-panel-card--social .esg-panel-card__body,
    .esg-panel-card--governance .esg-panel-card__body {
        padding: 22px 20px 24px;
        border-radius: 24px;
    }

    .esg-panel-card--social .esg-panel-card__stats,
    .esg-panel-card--governance .esg-panel-card__stats {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .esg-panel-card--social .esg-stat,
    .esg-panel-card--governance .esg-stat {
        padding: 0;
    }

    .esg-panel-card--social .esg-stat::after,
    .esg-panel-card--governance .esg-stat::after {
        display: none;
    }
}

/* ============================================================
   END: ESG APPROACH PAGE - STORY + GOAL MATRICES RESPONSIVE
   Added at file end to reduce merge conflicts.
   ============================================================ */
@media (max-width: 991px) {

    .esg-story__content {
        padding: 30px 28px;
    }

    .esg-story__title {
        font-size: 28px;
    }

    .esg-matrix__head {
        gap: 18px;
    }

    .esg-matrix__frame {
        grid-template-columns: 1fr;
    }

    .esg-matrix__ambition {
        display: grid;
        grid-template-columns: 160px minmax(0, 1fr);
    }

    .esg-matrix__ambition-head {
        border-bottom: 0;
        border-right: 3px solid currentColor;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .esg-matrix__ambition-body {
        padding: 16px 18px;
    }

    .esg-matrix__ambition-items {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .esg-matrix__table col:nth-child(1) { width: 22%; }
    .esg-matrix__table col:nth-child(2) { width: 42%; }
    .esg-matrix__table col:nth-child(3) { width: 12%; }
    .esg-matrix__table col:nth-child(4) { width: 12%; }
    .esg-matrix__table col:nth-child(5) { width: 12%; }
}

@media (max-width: 767px) {
    .esg-story {
        padding: 0 0 72px;
    }

    .esg-story__visual {
        border-radius: 28px;
    }

    .esg-story__content {
        padding: 24px 20px;
    }

    .esg-story__title {
        font-size: 24px;
    }

    .esg-snapshot {
        padding: 0 0 32px;
    }

    .esg-snapshot__title {
        font-size: 18px;
    }

    .esg-snapshot__lead {
        font-size: 14px;
        line-height: 1.4;
    }

    .esg-matrix__head {
        flex-direction: column;
        align-items: flex-start;
    }

    .esg-matrix__head-line {
        width: 100%;
    }

    .esg-matrix__ambition {
        grid-template-columns: 1fr;
    }

    .esg-matrix__ambition-head {
        border-right: 0;
        border-bottom: 3px solid currentColor;
        padding: 14px;
    }

    .esg-matrix__ambition-body {
        padding: 14px;
    }

    .esg-matrix__ambition-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .esg-matrix__table-wrap {
        border-radius: 16px;
        overflow-x: auto;
    }

    .esg-matrix__table thead {
        display: none;
    }

    .esg-matrix__table,
    .esg-matrix__table tbody,
    .esg-matrix__table tr,
    .esg-matrix__table th,
    .esg-matrix__table td {
        display: block;
        width: 100%;
    }

    .esg-matrix__table tr {
        padding: 10px 0;
    }

    .esg-matrix__table tbody th,
    .esg-matrix__table tbody td {
        padding: 6px 14px;
        text-align: left !important;
    }

    .esg-matrix__table tbody th[scope="row"],
    .esg-matrix__table tbody th[scope="rowgroup"] {
        font-family: var(--font-head);
        font-weight: 700;
        color: #333;
        padding-top: 10px;
    }
}

/* ============================================================
   END: EMPLOYEES PAGE RESPONSIVE
   Added at file end to reduce merge conflicts.
   ============================================================ */
@media (max-width: 991px) {
    .employees-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 0;
    }

    .employees-kpi-card {
        padding: 0 18px;
    }

    .employees-kpi-card:nth-child(2n)::after {
        display: none;
    }

    .employees-detail-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}

@media (max-width: 767px) {
    .employees-overview {
        padding: 0 0 72px;
    }

    .employees-overview__label {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .employees-kpis {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: 28px;
    }

    .employees-kpi-card {
        padding: 0;
        min-height: auto;
    }

    .employees-kpi-card::after {
        display: none;
    }

    .employees-sdgs {
        gap: 14px;
    }

    .employees-sdgs__item {
        width: 250px;
    }

    .employees-list--inline,
    .employees-list--two-col {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 767px) {
    .employees-talent {
        padding: 0 0 72px;
    }

    .employees-talent__metrics {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 30px;
    }

    .employees-process {
        padding: 0 0 72px;
    }

    .employees-process__panel {
        padding: 24px 18px 18px;
        border-radius: 28px;
    }

    .employees-process__title {
        font-size: 22px;
        margin-bottom: 18px;
    }

    .employees-process__row--top,
    .employees-process__row--bottom {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        width: 100%;
    }

    .employees-process__row--bottom .employees-process__item {
        flex: none;
        max-width: none;
    }

    .employees-process__item {
        min-height: 64px;
        padding: 14px 16px 14px 54px;
    }

    .employees-process__label {
        font-size: 16px;
    }

    .employees-process__icon {
        left: -16px;
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }

    .employees-process__icon img {
        width: 30px;
        height: 30px;
    }
}

/* ============================================================
   END: EMPLOYEES CULTURE RESPONSIVE
   Added at file end to reduce merge conflicts.
   ============================================================ */
@media (max-width: 991px) {
    .employees-darpan {
        border-radius: 72px;
        padding: 28px 24px 24px;
    }
}

@media (max-width: 767px) {
    .employees-culture {
        padding: 0 0 72px;
    }

    .employees-darpan {
        border-radius: 32px;
        padding: 24px 18px 20px;
    }

    .employees-darpan__title {
        font-size: 22px;
    }

    .employees-darpan__lead {
        font-size: 18px;
    }

    .employees-darpan__journey {
        gap: 12px;
    }

    .employees-darpan__step {
        min-width: auto;
        width: 100%;
    }

    .employees-darpan__step::after {
        display: none;
    }

    .employees-impact {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

/* ============================================================
   END: EMPLOYEES SAFETY + LEARNING RESPONSIVE
   Added at file end to reduce merge conflicts.
   ============================================================ */
@media (max-width: 991px) {
    .employees-safety__pill {
        border-radius: 72px;
        padding: 28px 24px 28px 28px;
    }

    .employees-safety__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .employees-safety__card {
        padding: 0;
        border-right: 0 !important;
    }

    .employees-programmes__row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 22px;
    }

    .employees-programmes__item {
        padding-right: 0;
    }

    .employees-programmes__item:nth-child(2n)::after,
    .employees-programmes__item:nth-child(2n)::before {
        display: none;
    }
}

@media (max-width: 767px) {
    .employees-safety,
    .employees-learning {
        padding: 0 0 72px;
    }

    .employees-safety__pill {
        border-radius: 28px;
        padding: 22px 18px;
        margin-left: 0;
    }

    .employees-safety__icon {
        position: static;
        transform: none;
        margin-bottom: 16px;
    }

    .employees-programmes__row {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .employees-programmes__item::after,
    .employees-programmes__item::before {
        display: none;
    }

    .employees-programmes__copy {
        max-width: 100%;
    }
}

/* ============================================================
   END: EMPLOYEES DEI RESPONSIVE
   Added at file end to reduce merge conflicts.
   ============================================================ */
@media (max-width: 767px) {
    .employees-dei {
        padding: 0 0 72px;
    }

    .employees-human-rights {
        padding: 0 0 72px;
    }

    .employees-dei__metrics {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .employees-dei__bar-row {
        grid-template-columns: auto 1fr auto;
        gap: 8px;
    }

    .employees-dei__bar-track::after {
        width: 28px;
    }
}

/* ============================================================
   END: COMMUNITIES PAGE RESPONSIVE
   Added at file end to reduce merge conflicts.
   ============================================================ */
@media (max-width: 991px) {
    .communities-chart__wrap {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .communities-chart__legend {
        max-width: 100%;
    }

    .communities-kpi-panel__content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .communities-sdgs-block,
    .communities-list-block,
    .communities-kpi {
        padding: 0;
    }

    .communities-sdgs-block::before,
    .communities-list-block::before {
        display: none;
    }

    .communities-initiative-card__media img {
        height: 220px;
    }
}

@media (max-width: 767px) {
    .communities-overview {
        padding: 0 0 72px;
    }

    .communities-donut {
        width: 220px;
    }

    .communities-donut::after {
        inset: 52px;
    }

    .communities-kpi-panel__label {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .communities-kpi-panel__content {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .communities-initiative-card__media {
        border-radius: 0 70px 70px 0;
    }

    .communities-initiative-card__media img {
        height: 190px;
    }

    .communities-initiative-card__content {
        margin-left: 16px;
        padding-left: 22px;
    }
}

/* ============================================================
   END: CUSTOMERS PAGE RESPONSIVE
   Added at file end to reduce merge conflicts.
   ============================================================ */
@media (max-width: 991px) {
    .customers-kpi-panel__content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .customers-kpi {
        padding-right: 0;
    }

    .customers-kpi-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
    }

    .customers-middle-column {
        padding: 0;
    }

    .customers-sdgs-block,
    .customers-list-block,
    .customers-kpi,
    .customers-kpi-row .customers-kpi-item {
        padding: 0;
    }

    .customers-middle-column::before,
    .customers-list-block::before {
        display: none;
    }

    .customers-section-card {
        padding: 24px;
    }
}

@media (max-width: 767px) {
    .customers-overview {
        padding: 0 0 72px;
    }

    .customers-kpi-panel__content,
    .customers-kpi-row {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .customers-sdgs__item img {
        width: 110px;
        height: auto;
    }

    .customers-section-card {
        padding: 20px 0px;
    }

    .customers-table {
        min-width: 620px;
    }
   
}

/* ============================================================
   END: SUPPLIERS PAGE RESPONSIVE
   Added at file end to reduce merge conflicts.
   ============================================================ */
@media (max-width: 991px) {
    .suppliers-kpi-panel__content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .suppliers-kpi {
        padding-right: 0;
    }

    .suppliers-kpi-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
    }

    .suppliers-middle-column {
        padding: 0;
    }

    .suppliers-sdgs-block,
    .suppliers-list-block,
    .suppliers-kpi,
    .suppliers-kpi-row .suppliers-kpi-item {
        padding: 0;
    }

    .suppliers-middle-column::before,
    .suppliers-list-block::before {
        display: none;
    }

    .suppliers-process-visual::before,
    .suppliers-process-visual::after {
        display: none;
    }
}

@media (max-width: 767px) {
    .suppliers-overview {
        padding: 0 0 72px;
    }

    .suppliers-kpi-panel__content,
    .suppliers-kpi-row {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .suppliers-process-copy--lower {
        margin-top: 18px;
    }

    .suppliers-process-visual {
        max-width: 280px;
    }

    .suppliers-process-visual__ring--outer {
        inset: 18px;
    }

    .suppliers-process-visual__ring--inner {
        inset: 82px;
    }

    .suppliers-process-visual__badge {
        width: 42px;
        height: 42px;
    }

    .suppliers-process-visual__badge img {
        width: 20px;
        height: 20px;
    }

    .suppliers-process-visual__badge--top-left {
        top: 52px;
        left: 42px;
    }

    .suppliers-process-visual__badge--top-right {
        top: 48px;
        right: 40px;
    }

    .suppliers-process-visual__badge--bottom-left {
        bottom: 48px;
        left: 42px;
    }

    .suppliers-process-visual__badge--bottom-right {
        bottom: 48px;
        right: 38px;
    }
}

/* ============================================================
   END: ENVIRONMENT PAGE RESPONSIVE
   Added at file end to reduce merge conflicts.
   ============================================================ */
@media (max-width: 991px) {
    .environment-kpi-panel__content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .environment-kpi {
        padding-right: 0;
    }

    .environment-middle-column {
        padding: 0;
    }

    .environment-chart-layout {
        grid-template-columns: 1fr;
    }

    .environment-sdgs-block,
    .environment-list-block,
    .environment-kpi,
    .environment-kpi-item {
        padding: 0;
    }

    .environment-middle-column::before,
    .environment-list-block::before {
        display: none;
    }

    .environment-image-card img {
        height: 240px;
    }

    .environment-sbti {
        grid-template-columns: 72px minmax(0, 1fr);
    }
}

@media (max-width: 767px) {
    .environment-overview,
    .environment-theme {
        padding: 0 0 32px;
    }

    .environment-kpi-panel__content,
    .environment-kpi-row {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .environment-donut {
        margin-left: 25px;
    }

    .environment-wayforward__card {
        padding: 22px 18px 22px 22px;
    }

    .environment-sbti {
        grid-template-columns: 1fr;
        padding: 22px 20px;
    }

    .environment-sbti__mark img {
        width: 64px;
        height: 64px;
    }

    .environment-image-card img {
        height: 200px;
    }
}

/* ============================================================
   END: INVESTORS PAGE RESPONSIVE
   Added at file end to reduce merge conflicts.
   ============================================================ */
@media (max-width: 991px) {
    .investors-kpi-panel__content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .investors-kpi {
        padding-right: 0;
    }

    .investors-middle-column {
        padding: 0;
    }

    .investors-sdgs-block,
    .investors-list-block,
    .investors-kpi,
    .investors-kpi-row .investors-kpi-item {
        padding: 0;
    }

    .investors-middle-column::before,
    .investors-list-block::before {
        display: none;
    }
}

@media (max-width: 767px) {
    .investors-overview {
        padding: 0 0 32px;
    }

    .investors-kpi-panel__content,
    .investors-kpi-row {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

@media (max-width: 991px) {
    .investors-marketcap {
        border-radius: 36px;
        padding: 22px 20px;
    }

    .investors-marketcap__row {
        grid-template-columns: 86px minmax(0, 1fr) 38px;
    }

    .investors-image img {
        height: 220px;
    }

}

@media (max-width: 767px) {
    .investors-theme {
        padding: 0 0 32px;
    }

    .investors-marketcap__row {
        grid-template-columns: 78px minmax(0, 1fr) 34px;
        gap: 8px;
    }

    .investors-head {
        padding-bottom: 0;
    }

    .investors-image img {
        height: 190px;
    }

    .investors-mini-chart__row {
        grid-template-columns: 32px minmax(0, 1fr) 52px;
        gap: 8px;
    }
}

/* ============================================================
   END: GOVERNANCE PAGE RESPONSIVE
   Added at file end to reduce merge conflicts.
   ============================================================ */
@media (max-width: 991px) {
    .governance-values__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .governance-section-title {
        font-size: 32px;
    }

    .governance-meter {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .governance-meter__label,
    .governance-meter__value {
        font-size: 15px;
    }

    .governance-attendance {
        gap: 26px;
        flex-wrap: wrap;
    }

    .governance-board__media img {
        min-height: 260px;
    }

    .governance-skills__layout {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .governance-skills__legend {
        padding-top: 0;
    }

    .governance-image-card {
        border-radius: 28px 64px 64px 28px;
    }

    .governance-image-card img {
        min-height: 320px;
    }

    .governance-reporting-image img {
        min-height: 240px;
    }
}

@media (max-width: 767px) {
    .governance-values,
    .governance-principles,
    .governance-board,
    .governance-highlights,
    .governance-oversight,
    .governance-policies {
        padding: 0 0 32px;
    }

    .governance-section-title {
        font-size: 28px;
        margin-bottom: 22px;
    }

    .governance-section-title--sm {
        font-size: 22px;
    }

    .governance-board__lead {
        padding-left: 18px;
    }

    .governance-board__deco {
        width: 52px;
        height: 52px;
        left: -2px;
        top: -8px;
    }

    .governance-board__lead p {
        font-size: 17px;
    }

    .governance-board__media img {
        min-height: 220px;
    }

    .governance-skills__table {
        overflow-x: auto;
    }

    .governance-skills-table {
        min-width: 720px;
    }

    .governance-skills-table tbody th {
        white-space: normal;
        min-width: 180px;
    }

    .governance-values__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px 16px;
    }

    .governance-value-card__icon {
        width: 64px;
        height: 64px;
        font-size: 26px;
    }

    .governance-card__title {
        font-size: 22px;
    }

    .governance-copy-block__title,
    .governance-chart-card__title {
        font-size: 22px;
    }

    .governance-donut {
        width: 164px;
        height: 164px;
        margin: 18px auto 18px;
    }

    .governance-donut::before {
        inset: 32px;
    }

    .governance-donut__value--left {
        left: -10px;
        top: 74px;
    }

    .governance-donut__value--top {
        right: 0;
    }

    .governance-donut__value--right {
        right: -4px;
        top: 74px;
    }

    .governance-donut__value--low {
        top: 114px;
    }

    .governance-legend {
        padding-left: 0;
    }

    .governance-stat-card {
        gap: 24px;
    }

    .governance-attendance {
        display: grid;
        gap: 18px;
        margin-top: 28px;
    }

    .governance-attendance__item strong {
        font-size: 24px;
    }

    .governance-image-card {
        border-radius: 24px;
    }

    .governance-image-card img {
        min-height: 220px;
    }

    .governance-reporting-image img {
        min-height: 220px;
    }
}

/* ============================================================
   END: MANAGEMENT TEAM PAGE RESPONSIVE
   Added at file end to reduce merge conflicts.
   ============================================================ */
@media (max-width: 767px) {
    .management-team-grid {
        padding: 0 0 32px;
    }

    .management-card {
        padding: 22px 18px 20px;
        border-radius: 18px;
    }

    .management-card__avatar {
        width: 96px;
        height: 96px;
        font-size: 30px;
    }

    .management-card__name {
        font-size: 20px;
    }
}

/* ============================================================
   END: BOARD OF DIRECTORS PAGE RESPONSIVE
   Added at file end to reduce merge conflicts.
   ============================================================ */
@media (max-width: 991px) {
    .board-card__media img {
        width: 120px;
        height: 120px;
    }

    .board-card__media {
        min-height: 120px;
    }

    .board-modal__body {
        padding: 30px 24px 24px;
    }

    .board-modal__header {
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 18px;
    }

    .board-modal__media img {
        width: 96px;
        height: 96px;
    }

    .board-modal__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

@media (max-width: 767px) {
    .board-grid {
        padding: 0 0 32px;
    }

    .board-card__trigger {
        padding: 22px 16px 20px;
        border-radius: 18px;
    }

    .board-card__media img {
        width: 108px;
        height: 108px;
    }

    .board-card__media {
        min-height: 108px;
    }

    .board-card__name {
        font-size: 18px;
        min-height: 0;
    }

    .board-card__role {
        min-height: 0;
    }

    .board-modal .modal-dialog {
        margin: 0.75rem;
    }

    .board-modal__body {
        padding: 24px 18px 18px;
    }

    .board-modal__header {
        grid-template-columns: 1fr;
        gap: 14px;
        text-align: center;
    }

    .board-modal__media img {
        margin: 0 auto;
    }

    .board-modal__name {
        font-size: 22px;
    }

    .board-modal__role {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .risk-framework-section {
        padding: 8px 0 40px;
    }

    .risk-framework__intro {
        margin-bottom: 18px;
    }

    .risk-framework__intro h2 {
        font-size: 18px;
    }

    .risk-framework__intro p {
        font-size: 14px;
        line-height: 1.45;
    }

    .risk-framework__diagram {
        padding: 18px 14px 16px;
    }

    .risk-framework__panel-title {
        margin-bottom: 18px;
        font-size: 18px;
        line-height: 1.2;
    }

    .risk-framework__cards {
        gap: 14px 10px;
    }

    .risk-framework-card {
        min-height: 0;
        padding: 12px 10px 14px 12px;
        border-radius: 14px;
    }

    .risk-framework-card--bottom {
        min-height: 0;
    }

    .risk-framework-card__badge {
        width: 44px;
        height: 44px;
        top: -14px;
        left: 10px;
    }

    .risk-framework-card h4 {
        margin-bottom: 8px;
        font-size: 15px;
        line-height: 1.15;
    }

    .risk-framework-card p {
        font-size: 12px;
        line-height: 1.32;
        word-break: break-word;
        hyphens: auto;
    }

    .risk-management-section {
        padding: 0 0 40px;
    }

    .risk-management__eyebrow {
        margin-bottom: 8px;
        font-size: 16px;
    }

    .risk-management__heading {
        gap: 10px;
        margin-bottom: 14px;
    }

    .risk-management__heading h3 {
        font-size: 20px;
    }

    .risk-management__bar {
        min-width: 40px;
    }

    .risk-management-card,
    .risk-management-card--framed {
        padding: 12px 12px 14px;
    }

    .risk-management-card + .risk-management-card,
    .risk-management-card--framed + .risk-management-card--framed {
        margin-top: 18px;
    }

    .risk-management-card__lead {
        margin-bottom: 14px;
        font-size: 13px;
        line-height: 1.3;
    }

    .risk-management-card__grid,
    .risk-management-card--group .risk-management-card__grid {
        display: block;
    }

    .risk-management-card__grid > .risk-management-card__block + .risk-management-card__block,
    .risk-management-card--group .risk-management-card__grid > .risk-management-card__block + .risk-management-card__block {
        margin-top: 16px;
    }

    .risk-management-card__block h5 {
        margin-bottom: 6px;
        font-size: 12px;
    }

    .risk-management-card__block p {
        margin-bottom: 12px;
        font-size: 12px;
        line-height: 1.3;
    }

    .risk-management-card__icons {
        gap: 6px;
        margin-bottom: 14px;
    }

    .risk-management-card__icon {
        width: 34px;
        height: 34px;
        border-radius: 50%;
    }

    .risk-management-card__icon img {
        width: 18px;
        height: 18px;
        object-fit: contain;
    }

    .risk-management-card__block--measures li {
        padding-left: 16px;
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 1.3;
    }

    .risk-management-card__block--measures li::before {
        width: 8px;
        height: 8px;
        top: 5px;
        border-width: 2px;
    }
}

@media (max-width: 767px) {
    .bmodel-mobile-select {
        display: block;
        margin-bottom: 18px;
    }

    .bmodel-select {
        width: 100%;
        min-height: 48px;
        padding: 12px 46px 12px 18px;
        border: 2px solid #3e125b;
        border-radius: 999px;
        background-color: #fff;
        background-image:
            linear-gradient(45deg, transparent 50%, #3e125b 50%),
            linear-gradient(135deg, #3e125b 50%, transparent 50%);
        background-position: calc(100% - 22px) 20px, calc(100% - 16px) 20px;
        background-size: 6px 6px, 6px 6px;
        background-repeat: no-repeat;
        font-family: var(--font-head);
        font-size: 16px;
        font-weight: 700;
        color: #3e125b;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .bmodel-tabs {
        display: none;
    }
}