/* Inner page and shared fixes from the 15 Nov bug sheets (stars, tables, menu spacing, fonts, accessibility page). */

/* 1. External-link arrow: the old site shows no visible arrow. The layout script still adds it (aria-hidden), so it is
   hidden here; the visually-hidden "(external website...)" text for screen readers stays. */
.ext-link-arrow,
a .ext-link-arrow,
.lft-side .submenu a .ext-link-arrow,
.section-footer .ext-link-arrow {
    display: none !important;
}

/* 2. Disclaimer asterisks ("**" in a flex paragraph): the narrow flex item broke "overflow-wrap: anywhere" (audit-fixes)
   into one star per line. The stars stay on one line, side by side, before the text. */
.aboutSectionArea p > span[style*="color:red"]:first-child,
.aboutSectionArea p > span[style*="color: red"]:first-child,
.main-content p > span[style*="color:red"]:first-child,
.main-content p.fst-italic > span:first-child:not(:only-child) {
    flex: 0 0 auto;
    align-self: flex-start;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
    margin-right: .4em;
}

/* 3. Tables: "overflow-wrap: anywhere" (audit-fixes) shrinks a column's minimum width to one letter, so the Download
   column of a wide table was squeezed to a few pixels and wrapped letter by letter. "break-word" still breaks very long
   words but keeps the normal column widths, as on the old site. */
.main-content .aboutSectionArea,
.main-content .aboutSectionArea :is(p, li, a, span, div, h1, h2, h3, h4, h5, h6, td, th, dd, dt, strong, em, blockquote) {
    overflow-wrap: break-word;
}
.main-content .aboutSectionArea table :is(td, th) {
    padding: 8px 10px;
    vertical-align: top;
}
.main-content .aboutSectionArea table td:has(> a.pdf-inline),
.main-content .aboutSectionArea table td:has(> .pdf-inline) {
    min-width: 190px;
    text-align: left;
}
.main-content .aboutSectionArea table td > .pdf-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 12px;
}
.main-content .aboutSectionArea table td > .pdf-inline > span {
    white-space: nowrap;
}

/* 5. "Format: / Langauge:" labels beside a download: smaller and softer, like the small text next to them. */
.main-content .aboutSectionArea .pdf-inline strong {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
    color: #4a4a4a;
}

/* 6. Top header links (About Us, E-Gateways, Who is who, FAQs, Contact Us) sit close together between 992 and 1500 px. */
@media (min-width: 992px) and (max-width: 1500px) {
    .header-menu-col nav.main-menu:first-of-type > ul > li:has(> a:not(.menu__item)) {
        margin-left: 8px;
        margin-right: 8px;
    }
}