/*
 * Portal fixes from the QA report of 11-2026, mostly for phones and small tablets. Loaded after app.css by
 * both portal heads.
 */

/* TMS-11: a heading that only screen readers and search engines read (pages that had no <h1>). */
.portal-sr-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
@media (max-width: 991.98px) {
    /* TMS-08: app.css pins html/body to 100% height with html as the scroller, so pages scrolled inside an
       element: the browser bar never hid, scroll position was not restored and #anchors did not jump.
       Let the document scroll natively; body keeps overflow-x: clip against sideways scrolling. */
    html {
        overflow: visible;
    }

    html,
    body {
        height: auto;
    }

    /* Safari before 16 ignores overflow-x: clip, which body relies on once html stops being the scroller. */
    body {
        overflow-x: hidden;
    }

    @supports (overflow-x: clip) {
        body {
            overflow-x: clip;
        }
    }

    /* TMS-08: the news tabs rail scrolls by swipe; its desktop scrollbar with arrows took space on phones. */
    .tms-ann .ann-rail {
        scrollbar-width: none;
    }

    .tms-ann .ann-rail::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 767.98px) {
    /* TMS-09: app.css justifies every paragraph; in a narrow column Arabic text was stretched with kashidas
       and wide gaps. Start-aligned text reads normally; desktop keeps the justified layout. */
    p {
        text-align: start;
    }
}