/*
 * Integrated Report microsite: phone and tablet rules.
 * Loaded with media="(max-width: 900px)".
 */

@media (max-width: 900px) {
    .hero-grid { grid-template-columns: 1fr; text-align: center; }
    .hero .eyebrow { justify-content: center; }
    .hero-cta { justify-content: center; }
    .hero p.intro { margin-inline: auto; }
    .msg, .msg.flip { grid-template-columns: 1fr; }
    .msg.flip .msg-photo { order: 0; }
}

@media (max-width: 860px) {
    .split { grid-template-columns: 1fr; }
    .sh-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .subnav-label { display: none; }
}

@media (max-width: 600px) {
    /* The report's elements: smaller, clear of the scroll cue */
    .hero-arc { width: 46vw; right: 0; opacity: .6; }
    section:not(.hero) > .wrap::before { width: 76px; top: -26px; }
    .to-top { right: 14px; bottom: 14px; width: 44px; height: 44px; }

    /* Top bar: keep the language switch and the main button */
    .topnav nav > a:not(.cta) { display: none; }
}

/* Back to Investor Relations (IR-16): a shorter label, then the arrow only on small phones */
@media (max-width: 600px) {
    .topnav nav a.back .back-full { display: none; }
    .topnav nav a.back .back-short { display: inline; }
}
@media (max-width: 480px) {
    .topnav nav a.back { padding: .45rem .7rem; margin-right: 0; }
    .topnav nav a.back .back-short { display: none; }
}