/* Large Desktop - 1440px and above */
@media screen and (min-width: 1440px) {
  .mobile-only {
    display: none;
  }
  .row.video > img.mobile-only {
    display: none;
  }
  .row.video > video.mobile-only {
    display: none;
  }

  .desktop-only {
    display: block;
  }
  .row.video > img.desktop-only {
    display: block;
  }
  .row.video > video.desktop-only {
    display: block;
  }

  .performance-highlights-title {
    font-size: 3.8rem;
  }
}

/* Desktop - 1024px to 1439px */
@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .mobile-only {
    display: none;
  }
  .row.video > img.mobile-only {
    display: none;
  }
  .row.video > video.mobile-only {
    display: none;
  }

  .desktop-only {
    display: block;
  }
  .row.video > img.desktop-only {
    display: block;
  }
  .row.video > video.desktop-only {
    display: block;
  }

  .performance-highlights-title {
    font-size: 3rem;
  }

  .l-container {
    padding: 50px 40px;
  }

  .row.cfo .cfo-metrics-grid {
    width: 100%;
  }

  /* Financial Section - Desktop padding */
  .row.financial.l-container,
  .row.financial .l-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  /* Sustainability Section - Desktop padding */
  .row.sustainability.l-container,
  .row.sustainability .l-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  /* Download Section - Desktop padding */
  .row.download {
    padding-left: 40px;
    padding-right: 40px;
  }

  /* VIP Section Wrapper responsive - Desktop (1271px max-width) */
  .vip-section-wrapper {
    padding: 0 40px;
  }

  /* Financial Highlights Grid - 3 columns on desktop/laptop */
  .metrics-row {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Sustainability Highlights Grid - 4 columns on desktop/laptop */
  .sustainability-tab + .metrics-grid .metrics-row {
    grid-template-columns: repeat(4, 1fr);
  }

  /* Business Highlights Grid - 5 columns on desktop/laptop */
  .business-tab + .metrics-grid .metrics-row {
    grid-template-columns: repeat(5, 1fr);
  }

  /* 3-column layout padding adjustments */
  .metric:nth-child(1),
  .metric:nth-child(4) {
    padding-left: 0;
  }

  .metric:nth-child(3),
  .metric:nth-child(6) {
    padding-right: 0;
  }

  .metric:nth-child(3) {
    border-right: none;
  }

  /* 4-column sustainability layout adjustments */
  .sustainability-tab + .metrics-grid .metric {
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
  }

  /* 5-column business layout adjustments */
  .business-tab + .metrics-grid .metric {
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
  }

  .sustainability-tab + .metrics-grid .metric:nth-child(1) {
    padding-left: 0;
    border-right: 1px solid #275859;
  }

  .sustainability-tab + .metrics-grid .metric:nth-child(2) {
    border-right: 1px solid #275859;
  }

  .sustainability-tab + .metrics-grid .metric:nth-child(3) {
    border-right: 1px solid #275859;
  }

  .sustainability-tab + .metrics-grid .metric:nth-child(4) {
    padding-right: 0;
    border-right: none;
  }

  /* 5-column business borders */
  .business-tab + .metrics-grid .metric:nth-child(1) {
    padding-left: 0;
    border-right: 1px solid #cb3235;
  }

  .business-tab + .metrics-grid .metric:nth-child(2) {
    border-right: 1px solid #cb3235;
  }

  .business-tab + .metrics-grid .metric:nth-child(3) {
    border-right: 1px solid #cb3235;
  }

  .business-tab + .metrics-grid .metric:nth-child(4) {
    border-right: 1px solid #cb3235;
  }

  .business-tab + .metrics-grid .metric:nth-child(5) {
    padding-right: 0;
    border-right: none;
  }

  .sustainability-tab + .metrics-grid .metric .metric-top {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
  }

  .sustainability-tab + .metrics-grid .metric .metric-top img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    margin-bottom: 0px;
  }

  .sustainability-tab + .metrics-grid .subtext {
    width: 100%;
    line-height: 1.4;
    font-size: 0.95rem;
    max-width: 90%;
    text-align: left;
    margin-bottom: 12px;
  }

  /* First row (top cards in each metric) - shorter min-height */
  .sustainability-tab + .metrics-grid .metric .metric-top:first-child .subtext {
    min-height: 175px;
  }

  /* Second row (bottom cards in each metric) - taller min-height */
  .sustainability-tab + .metrics-grid .metric .metric-top:last-child .subtext {
    min-height: 180px;
  }

  /* Business Highlights styling */
  .business-tab + .metrics-grid .metric .metric-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    gap: 12px;
  }

  .business-tab + .metrics-grid .metric .metric-top img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    margin-bottom: 8px;
  }

  .business-tab + .metrics-grid .subtext {
    text-align: center;
    width: 100%;
    line-height: 1.4;
    font-size: 0.95rem;
    max-width: 90%;
    min-height: 120px;
  }

  /* Global metric-value-large responsive - Desktop */
  .metric-value-large {
    font-size: 2.2rem !important;
  }
}

/* Tablet Portrait & Small Desktop - 768px to 1023px */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .mobile-only {
    display: none;
  }
  .row.video > img.mobile-only {
    display: none;
  }
  .row.video > video.mobile-only {
    display: none;
  }

  .desktop-only {
    display: block;
  }
  .row.video > img.desktop-only {
    display: block;
  }
  .row.video > video.desktop-only {
    display: block;
  }

  .performance-highlights-title {
    font-size: 3rem;
  }

  .l-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  /* Financial Section - Tablet padding */
  .row.financial.l-container,
  .row.financial .l-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  /* Sustainability Section - Tablet padding */
  .row.sustainability.l-container,
  .row.sustainability .l-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  /* Download Section - Tablet padding */
  .row.download {
    padding-left: 40px;
    padding-right: 40px;
  }

  /* Center download button in Performance Highlights section on tablet */
  .row.flex.justify-end {
    justify-content: center;
    margin-bottom: 40px;
  }

  /* VIP Section Wrapper responsive - Tablet (1271px max-width) */
  .vip-section-wrapper {
    padding: 0 40px;
  }

  /* Hide portraits in VIP sections on tablet */
  .row.vip .col.portrait {
    display: none;
  }

  /* Adjust remaining column widths in VIP sections on tablet - 60% and 40% */
  .row.vip .col:not(.portrait) {
    flex: none;
  }

  .row.vip .col:first-child {
    width: 60%;
  }

  .row.vip .col:last-child {
    width: 35%;
  }

  .row.chairman .col:first-child {
    padding: 30px 0 30px 30px;
  }

  .row.gceo .col:first-child {
    padding: 30px 0 30px 30px;
  }
  .row.chairman {
    margin-top: 40px !important;
    justify-content: flex-end;
  }
  .row.gceo {
    margin-top: 40px !important;
    justify-content: flex-end;
  }

  .metric-sub-label {
    font-size: 0.7rem !important;
  }

  /* Financial Highlights Grid - 3 columns on tablet */
  .metrics-row {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Sustainability Highlights Grid - 2 columns on tablet */
  .sustainability-tab + .metrics-grid .metrics-row {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Business Highlights Grid - 3 columns on tablet (5 cards will wrap) */
  .business-tab + .metrics-grid .metrics-row {
    grid-template-columns: repeat(3, 1fr) !important;
    display: grid !important;
  }

  /* Override base flex layout for business highlights on tablet */
  .business-tab + .metrics-grid .metric {
    flex: none !important;
    width: auto !important;
  }

  /* 3-column layout padding adjustments */
  .metric:nth-child(1),
  .metric:nth-child(4) {
    padding-left: 0;
  }

  .metric:nth-child(3),
  .metric:nth-child(6) {
    padding-right: 0;
  }

  .metric:nth-child(3) {
    border-right: none;
  }

  /* 2-column sustainability layout adjustments */
  .sustainability-tab + .metrics-grid .metric:nth-child(1),
  .sustainability-tab + .metrics-grid .metric:nth-child(3) {
    padding-left: 0;
    border-right: 1px solid #275859;
  }

  .sustainability-tab + .metrics-grid .metric:nth-child(2),
  .sustainability-tab + .metrics-grid .metric:nth-child(4) {
    padding-right: 0;
    border-right: none;
  }

  /* Ensure proper alignment for 2x2 grid */
  .sustainability-tab + .metrics-grid .metric {
    padding: 20px;
    box-sizing: border-box;
  }

  .sustainability-tab + .metrics-grid .subtext {
    min-height: 105px;
  }

  /* Business Highlights tablet styling */
  .business-tab + .metrics-grid .metric {
    padding: 20px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;

    gap: 12px !important;
    width: 100% !important;
  }

  /* 3-column business borders on tablet (3+2 layout) */
  .business-tab + .metrics-grid .metric:nth-child(1),
  .business-tab + .metrics-grid .metric:nth-child(4) {
    padding-left: 0;
    border-right: 1px solid #cb3235;
  }

  .business-tab + .metrics-grid .metric:nth-child(2) {
    border-right: 1px solid #cb3235;
  }

  .business-tab + .metrics-grid .metric:nth-child(3) {
    padding-right: 0;
    border-right: none;
  }

  .business-tab + .metrics-grid .metric:nth-child(5) {
    padding-right: 0;
    border-right: 1px solid #cb3235;
  }

  .business-tab + .metrics-grid .metric .metric-top {
    display: flex;
    flex-direction: column;

    width: 100%;
    gap: 12px;
  }

  .business-tab + .metrics-grid .metric .number.txt {
    margin-bottom: 0px;
    min-height: 50px;
  }

  .business-tab + .metrics-grid .metric .metric-top img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    margin-bottom: 8px;
  }

  .business-tab + .metrics-grid .subtext {
    width: 100%;
    line-height: 1.4;
    font-size: 0.95rem;
  }

  .icon-stat {
    height: 200px;
  }

  .icon-charts {
    flex-direction: column;
  }

  .row.chairman .col.portrait:after {
    background-position: right bottom;
  }
  .row.gceo:after {
    background-position: left bottom;
  }
  .row.gcfo:after {
    background-position: right bottom;
  }

  /* CFO Responsive */
  .row.cfo {
    padding: 0px;
  }

  .row.cfo .col {
    align-items: flex-start;
    text-align: left;
  }

  .row.cfo .col:first-child {
    padding: 30px 0 30px 30px;
  }

  .row.cfo .col:last-child {
    width: 35%;
  }

  .row.cfo .cfo-metrics .metric-label {
    justify-content: flex-start !important;
    text-align: left !important;
    margin-bottom: 12px;
  }

  .row.cfo .cfo-section-title {
    font-size: 2.8rem;
    max-width: 90%;
    line-height: 1.1em;
    text-align: left;
    margin: 0;
  }

  /* CFO Metrics Grid - 2x2 layout for tablet */
  .row.cfo .cfo-metrics-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 20px;
    width: 100%;
  }

  /* CFO Growth Indicator Alignment - Left align on tablet */
  .row.cfo .cfo-metrics .growth-indicator {
    justify-content: flex-start;
  }

  .row.cfo .cfo-quote-bubble.top-left {
    width: 80px;
    height: 80px;
    top: 10px;
    left: 10px;
  }
  .row.cfo .cfo-quote-bubble.bottom-right {
    width: 70px;
    height: 70px;
    bottom: 10px;
    right: 10px;
  }
  .row.cfo .cfo-section-heading {
    max-width: 95%;
    margin: 0;
    text-align: left;
  }

  /* Left align the Read More button */
  .row.cfo .section-footer {
    justify-content: flex-start;
    text-align: left;
  }

  /* CFO DPR Container Tablet - Horizontal Flex */
  .row.cfo .cfo-metrics-grid .metric .dpr-container {
    display: flex;
    flex-direction: row;
    gap: 20px;
  }

  .row.cfo .cfo-metrics-grid .metric .dpr-column {
    flex: 1;
    width: 50%;
    padding-bottom: 4px;
  }

  /* Override inconsistent padding from base CSS */
  .row.cfo .cfo-metrics-grid .metric .dpr-column:first-child {
    border-right: none;
    padding-right: 0;
    padding-bottom: 4px;
  }

  .row.cfo .cfo-metrics-grid .metric {
    text-align: left;
  }

  .row.cfo .cfo-metrics-grid .metric .dpr-column:last-child {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 4px;
  }

  .row.cfo .cfo-metrics-grid .metric .metric-note {
    font-size: 0.8rem;
    padding-top: 10px;
  }
  /* CFO Responsive - Growth text and icon sizing */
  .row.cfo .cfo-metrics .growth-indicator.positive .growth-text {
    font-size: 2rem !important;
  }

  .row.cfo .cfo-metrics .cfo-icon {
    width: 60px;
    height: 60px;
  }

  .charts .chart {
    flex-basis: 50%;
  }

  /* Charts Border Consistency - All 1px on tablet */
  .charts {
    border: 1px solid #f47c44;
    border-bottom: 1px solid #f47c44; /* Override thick bottom border */
    margin-top: 24px;
  }

  .charts .chart {
    border-right: 1px solid #f47c44;
    border-bottom: 1px solid #f47c44;
  }

  .charts .chart:nth-child(2n) {
    border-right: none; /* Remove border on every 2nd chart (right column) */
  }

  .charts .chart:nth-last-child(-n + 2) {
    border-bottom: none; /* Remove border on last row (bottom 2 charts) */
  }

  .charts .chart:nth-child(3) {
    border-right: 1px solid #f47c44;
  }

  .charts .chart:nth-child(4) {
    border-bottom: 1px solid #f47c44;
  }

  .busines-reviews .col {
    flex-basis: calc((100% - var(--gap24)) / 2);
  }

  /* Business Review Tablet Layout */
  .busines-reviews-container .col[style*="flex-basis: 70%"] {
    flex-basis: 100% !important;
  }

  /* Sustainability Framework Tablet Layout */
  .sustain-framework-box p {
    padding: 0px;
  }
  .row.download > .col {
    flex-direction: column;
  }
  .row.download .download-books {
    flex-basis: auto;
  }
  .row.download .download-list {
    flex-basis: auto;
  }
  .row.download .download-list .section-subtitle {
    text-align: center;
    width: 100%;
  }
  .download-list ul {
    display: flex;
    gap: var(--gap);
  }

  /* Global metric-value-large responsive - Tablet */
  .metric-value-large {
    font-size: 2.2rem !important;
  }

  .business-container {
    min-height: 150px;
  }

  .business-inner-container {
    width: 100%;
    height: 100%;
    gap: 20px;
    margin-left: 10px;
  }

  .section-heading {
    gap: 36px;
  }

  .performance-download-container {
    padding: 0px;
  }
}

/* Mobile (all mobile devices) - up to 767px */
@media screen and (max-width: 767px) {
  .section-heading {
    gap: 24px;
  }

  .row.performance-highlights {
    padding-top: 0px;
  }

  .download-button-container {
    margin-top: 24px;
    padding: 0px;
  }

  .business .download-button-container {
    margin-top: 0px;
    padding: 0px;
  }
  .busines-reviews-grid .col {
    flex-basis: 100%;
  }
  .business-container {
    min-height: 150px;
  }
  .business-inner-container {
    width: 70%;
    height: 100%;
  }

  /* Business Review Background - Mobile */
  .row.business {
    background-image: url("../images/Business-Review-bg-mobile.jpg");
    padding-bottom: 225px;
    background-size: contain;
    background-color: #E6E7E8;
  }

  :root {
    --gap: 24px;
    --gap72: 36px;
  }

  html,
  body {
    font-size: 13px;
  }

  .desktop-only {
    display: none;
  }
  .row.video > img.desktop-only {
    display: none;
  }
  .row.video > video.desktop-only {
    display: none;
  }

  .mobile-only {
    display: block;
  }
  .row.video > img.mobile-only {
    display: block;
  }
  .row.video > video.mobile-only {
    display: block;
  }

  /* Navigation - Hide share button text on mobile, keep only icon */
  .menu-share span,
  .c-menu-share span {
    display: none;
  }

  /* Mobile navigation padding adjustment */
  .menu-share,
  .c-menu-share {
    padding-left: 0.7em !important;
    padding-right: 0.7em !important;
  }

  .performance-highlights-title {
    font-size: 2.4rem;
  }

  .l-container {
    padding: 40px 20px;
  }

  /* Financial Section - Mobile padding */
  .row.financial.l-container,
  .row.financial .l-container {
    padding: 40px 20px;
  }

  /* Sustainability Section - Mobile padding */
  .row.sustainability.l-container,
  .row.sustainability .l-container {
    padding: 0px 20px;
    padding-top: 40px;
  }

  .sustain-framework-box p {
    padding: 0px;
  }

  .sustain-framework-box2 .col-heading {
    min-height: 0px;
  }

  /* Download Section - Mobile padding */
  .row.download {
    padding: 40px 20px;
  }

  /* Center download button in Performance Highlights section on mobile */
  .row.flex.justify-end {
    justify-content: center;
  }

  /* VIP Section Wrapper responsive - Mobile (1271px max-width) */
  .vip-section-wrapper {
    padding: 0px 20px;
  }

  /* Financial Highlights Grid - 1 column on mobile portrait */
  .metrics-row {
    grid-template-columns: 1fr;
  }

  /* Sustainability Highlights Grid - 1 column on mobile */
  .sustainability-tab + .metrics-grid .metrics-row {
    grid-template-columns: 1fr;
  }

  /* Business Highlights Grid - 1 column on mobile */
  .business-tab + .metrics-grid .metrics-row {
    grid-template-columns: 1fr;
    display: grid;
    gap: 0;
  }

  /* Financial tab mobile styling */
  .financial-tab {
    width: 100%;
    border-radius: 30px 30px 0 0;
  }

  /* Sustainability tab mobile styling */
  .sustainability-tab {
    width: 100%;
    border-radius: 30px 30px 0 0;
  }

  /* Business tab mobile styling */
  .business-tab {
    width: 100%;
    border-radius: 30px 30px 0 0;
  }

  /* Financial metrics mobile styling */
  .metric {
    flex-direction: row;
    padding: 0;
    border-right: none;
    padding-bottom: 12px;
    margin-bottom: 12px;
    text-align: center;
    justify-content: center;
  }

  .metrics-grid {
    border-radius: 0 0px 30px 30px;
  }

  .metric .metric-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .metric-label {
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .metric:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }

  /* Sustainability metrics mobile styling */
  .sustainability-tab + .metrics-grid .metric {
    display: flex;
    flex-direction: column;
    border-right: none;
    border-bottom: none;
    text-align: center;
    align-items: center;
  }

  .sustainability-tab + .metrics-grid .metrics-grid {
    border-radius: 0 0px 30px 30px;
  }

  .sustainability-tab + .metrics-grid .metric .metric-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    gap: 12px;
  }

  .sustainability-tab + .metrics-grid .metric .metric-top img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    margin-bottom: 8px;
  }

  .sustainability-tab + .metrics-grid .metric .subtext {
    border-bottom: none;
    padding-bottom: 0;
    min-height: auto;
    text-align: center;
    width: 100%;
    line-height: 1.4;
    font-size: 0.9rem;
  }

  .sustainability-tab + .metrics-grid .metric:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }

  /* Business metrics mobile styling */
  .business-tab + .metrics-grid .metric {
    display: flex;
    flex-direction: column;
    border-right: none;
    border-bottom: none;
    text-align: center;
    align-items: center;
    margin-bottom: 20px;

    width: 100%;
  }

  .business-tab + .metrics-grid .metric .metric-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    gap: 12px;
  }

  .business-tab + .metrics-grid .metric .number.txt {
    margin-bottom: 0px;
  }

  .business-tab + .metrics-grid .metric .metric-top img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    margin-bottom: 8px;
  }

  .business-tab + .metrics-grid .metric .subtext {
    border-bottom: none;
    padding-bottom: 0;
    min-height: auto;
    text-align: center;
    width: 100%;
    line-height: 1.4;
    font-size: 0.9rem;
  }

  .business-tab + .metrics-grid .metric:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }

  /* Sustainability Themes Mobile Layout */
  .sustain-framework-box2 {
    flex-direction: column;
    gap: var(--gap24);
  }

  .sustain-framework-box2 .col {
    flex-basis: 100%;
    margin-bottom: var(--gap24);
  }

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

  .performance-highlights-title {
    font-size: 2rem;
  }

  .row.welcome {
    flex-direction: column;
  }
  .row.welcome .col:first-child {
    flex-direction: column;
    gap: var(--gap24);
  }
  .row.welcome .col .col {
    flex-basis: auto;
    width: 100%;
  }
  .row.welcome .col:last-child {
    padding-top: 0;
  }
  .row.welcome .welcome-video {
    max-width: 600px;
    margin: 0 auto;
  }

  /* Section Footer Mobile Layout */
  .section-footer {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: var(--gap24);
  }

  .section-footer .section-who {
    text-align: left;
  }

  .row.chairman .chairman-metrics .metric-item {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 2px dotted #f47c44;
  }
  .row.gceo .gceo-metrics .metric-item {
    margin-bottom: 12px;
    padding-bottom: 12px;
  }

  /* Portrait Column Mobile Styles */
  .row.chairman .col:first-child {
    padding: 20px;
  }
  .row.chairman {
    flex-direction: column;
    margin-top: 40px !important;
  }

  .row.chairman .col.portrait {
    display: none;
  }

  .row.chairman .col.chairman-metrics {
    margin-left: 0;
    margin-top: 0px;
    padding: 0px;
  }

  .row.chairman .chairman-metrics-container {
    border-radius: 0px;
    padding: 20px;
  }

  .row.chairman .chairman-metrics .metric-label {
    text-align: left;
    justify-content: flex-start;
    margin-bottom: 6%;
  }

  .row.gceo .col.gceo-metrics {
    margin-left: 0;
    margin-top: 0px;
    padding: 0px;
  }

  .row.gceo .gceo-metrics-container {
    border-radius: 0px;
    padding: 20px;
  }

  .row.gceo .gceo-metrics .metric-label {
    text-align: left;
    justify-content: flex-start;
    margin-bottom: 6%;
  }

  /* Global metric-value-large responsive - Mobile */
  .metric-value-large {
    font-size: 1.8rem !important;
  }

  .row.chairman .chairman-metrics .metric-value-large .unit {
    font-size: 1.4rem;
  }

  .row.gceo .col:first-child {
    padding: 20px;
  }
  .row.gceo {
    flex-direction: column;
    margin-top: 40px !important;
  }

  .row.gceo .col.portrait {
    display: none;
  }

  /* GCEO metrics mobile styles */
  .row.gceo .col.gceo-metrics {
    margin-left: 0;
    margin-top: 0px;
    padding: 0px;
  }

  .row.gceo .gceo-metrics-container {
    border-radius: 0px;
    padding: 20px;
  }

  .row.gceo .gceo-metrics .metric-label {
    text-align: left;
    justify-content: flex-start;
    margin-bottom: 6%;
  }

  /* Mobile VIP and CEO Title Styles */
  .ceo-section-title {
    font-size: 2rem;
  }

  /* CFO Mobile Styles */

  .row.cfo .cfo-metrics .metric-label {
    justify-content: flex-start !important;
    text-align: left !important;
    margin-bottom: 12px;
  }
  .row.cfo .cfo-metrics .growth-indicator {
    justify-content: flex-start;
  }
  .row.cfo {
    flex-direction: column;
    margin-top: 40px !important;
    padding: var(--gap) var(--gap24);
    color: #ffffff;
  }

  .row.cfo .col {
    align-items: flex-start;
    text-align: left;
  }

  .row.cfo .col:first-child {
    padding: 20px;
  }

  .row.cfo .col.portrait {
    display: none;
  }

  .row.cfo .col.cfo-metrics {
    margin-left: 0;
    margin-top: 0px;
    padding: 0px;
  }

  .row.cfo .cfo-metrics-container {
    border-radius: 0px;
    padding: 20px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: flex-end;
  }

  .row.cfo .cfo-metrics-container .metric-item {
    flex: 1;
    text-align: left;
    display: flex;
    flex-direction: column;
  }

  .row.cfo .cfo-metrics .metric-item {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
  }

  .row.cfo .cfo-metrics-container .metric-item:last-child {
    justify-content: flex-end;
  }

  .row.cfo .cfo-section-title {
    font-size: 1.8rem;
    max-width: 95%;
    line-height: 1.2em;
    text-align: left;
    margin: 0;
  }

  .row.cfo .cfo-metrics-grid {
    width: 100%;
  }

  .row.cfo .cfo-metrics-grid .metric .metric-note {
    color: black;
    text-align: left;
  }

  .row.cfo .cfo-metrics-grid .metric-label {
    text-align: left;
    justify-content: flex-start;
    margin-bottom: 6%;
  }

  .row.cfo .cfo-metrics-container {
    width: 100%;
  }
  .row.cfo .cfo-metrics-grid .metric {
    text-align: left;
  }

  /* CFO DPR Container Mobile - Horizontal Flex */
  .row.cfo .cfo-metrics-grid .metric .dpr-container {
    display: flex;
    flex-direction: row;
    gap: 20px;
  }

  .row.cfo .cfo-metrics-grid .metric .dpr-column {
    flex: 1;
    width: 50%;
  }

  /* Override inconsistent padding from base CSS */
  .row.cfo .cfo-metrics-grid .metric .dpr-column:first-child {
    border-right: none;
    padding-right: 0;
    padding-bottom: 0;
  }

  .row.cfo .cfo-metrics-grid .metric .dpr-column:last-child {
    padding-left: 0;
    padding-top: 0;
  }

  /* CFO Mobile - Growth text and icon sizing */
  .row.cfo .cfo-metrics .growth-indicator.positive .growth-text {
    font-size: 1.5rem !important;
  }

  .row.cfo .cfo-metrics .cfo-icon {
    width: 60px;
    height: 60px;
  }

  .performance-download-container {
    padding-top: 0px;
  }
  .other-doc-btn {
    text-align: center;
    justify-content: center;
    padding: 0.6em 1em;

    transition: transform 0.3s ease;
  }

  .other-documents {
    margin-top: -30px;
  }
  .charts {
    flex-wrap: wrap;
    border: 1px solid #f47c44;
    border-bottom: 1px solid #f47c44; /* Override thick bottom border */
    margin-top: 12px;
  }

  .charts > .chart {
    flex-basis: 100%;
    border-right: none; /* No right border on mobile (single column) */
    border-bottom: 1px solid #f47c44;
  }

  .charts > .chart:last-child {
    border-bottom: none; /* Remove border on last chart */
  }

  .charts > .chart:not(:last-child):after {
    display: none;
  }

  .charts .chart:nth-last-child(-n + 3) {
    border-bottom: 1px solid #f47c44;
  }
  .download-books {
    gap: var(--gap);
  }
  .download-books .download-book .cover {
    flex-basis: 30%;
  }

  /* Download Section Mobile - Vertical Layout */
  .download-grid {
    gap: 24px;
  }

  .download-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }

  .download-row.main-reports,
  .download-row.additional-docs {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .download-row.additional-docs .download-book {
    flex: none;
    max-width: 100%;
  }

  .download-row.additional-docs .download-book:nth-child(3) {
    display: block; /* Show third item on mobile */
  }

  .download-book {
    width: 100%;
    margin-bottom: 16px;
  }

  .menu {
    width: calc(100% - var(--gap72));
    max-width: 420px;
    min-width: 280px;
  }

  .row.vip > .col {
    flex-basis: auto;
    padding: var(--gap);
    background-color: rgba(0, 0, 0, 0.8);
  }
  .row.vip {
    flex-direction: column;
    padding: 0;
    gap: 0;
  }
  .row.vip:after {
    display: none;
  }
  .row.chairman:before {
    position: relative;
    left: auto;
    top: auto;
    content: " ";
    display: block;
    height: 65vw;
    background-image: url(../images/chairman-portrait.png);
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
  }

  .row.gceo:before {
    position: relative;
    left: auto;
    top: auto;
    content: " ";
    display: block;
    height: 65vw;
    background-image: url(../images/chief-portrait.png);
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
  }
  .row.gceo:before {
    position: relative;
    left: auto;
    top: auto;
    content: " ";
    display: block;
    height: 65vw;
    background-image: url(../images/chief-portrait.png);
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
  }

  .busines-reviews .col {
    flex-basis: 100%;
  }
}