/* Site-wide additions, loaded after the page stylesheets (AD-09). */
[x-cloak]{display:none!important}

/* Header disclosures answer taps on a larger area than they show, with no layout change: 4px above and below each, and
   on the arrow buttons the 4px gap after the label plus the 12px gap before the next item (40 x 44 instead of 24 x 36). */
body .topbar .nav-disclosure{position:relative}
body .topbar .nav-disclosure:before{content:"";position:absolute;inset-block:-4px;inset-inline:0}
body .topbar .nav-disclosure:not(.nav-resource-trigger):before{inset-inline:-4px -12px}

/* Small text at 4.5:1 contrast or better on its background (WCAG 1.4.3): each color is the nearest darker shade of the
   same hue. The selectors repeat the page stylesheets' own, so these win by order. */
.value-card .number{color:#7e6a3d}
.industry-card .number{color:#637469}
.v2-news-copy .v2-news-category{color:#667a6a}
.v2-rail-bottom p span{color:#5e7165}
.government-capability .industry-company-number{color:#84734d}
.company-feature .company-website-unavailable{color:#6a786f}
.blog-prose .article-figure-note{color:#5f7266}
.article-steps li>span{color:#8b7238}
.bh-sections a span{color:#727272}
.bh-edition{color:#727272}
.bh-font-meta{color:#6e6e6e}

/* The enquiry post and its redirects land on the status line (#enquiry-status, P1.9): this margin keeps the button and
   the last fields in view above it. styles.css already reserves 115px for the fixed header (scroll-padding-top). */
#enquiry-status{scroll-margin-top:max(0px,calc(50vh - 115px))}

/* Section links land their target above its spy's line (C-06, P3.10), counting styles.css's 115px scroll-padding-top:
   industry sections 76px under the header (just under the tabs), article headings 32px. Both follow --header-height:
   a smooth jump from the top lifts the page as the header shrinks, an instant one does not: both land above the line. */
.industry-layout main>section[id]{scroll-margin-top:calc(var(--header-height) + 64px + 12px - 115px)}
.blog-prose-section h2{scroll-margin-top:calc(var(--header-height) + 32px - 115px)}

/* A home company card takes its accent colour from its slug (home-v2.css). A company added in the CMS has no such rule,
   and the undefined colour would drop the card's whole scrim, white copy on the bare photo (Q-103): a neutral colour
   keeps it. Zero specificity, so every company's own colour still wins. */
:where(.v2-company-card){--company-glow:16,25,24}

/* An image an editor places in an article section's body (Q-73): the prose column's width at most, its own ratio. */
.blog-prose img{display:block;max-width:100%;height:auto;margin:28px 0}

/* The thank-you message in the form's place after a stored enquiry (Q-65): a panel with the fields' border and
   background, in the form's column; the redirect lands on its top, just below the fixed header (and on the industry
   pages below their sticky section nav, with room for a cold load's late layout shift). */
#enquiry-status.enquiry-thanks{scroll-margin-top:24px}
.industry-layout #enquiry-status.enquiry-thanks{scroll-margin-top:64px}
.enquiry-thanks{align-self:start;border:1px solid #b9c9bc;background:#fdfefb;padding:40px 36px}
.enquiry-thanks svg{display:block;width:48px;height:48px;fill:none;stroke:var(--color-action);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.enquiry-thanks h3{margin:22px 0 10px;color:var(--ink)}
.enquiry-thanks p{margin:0;max-width:460px;color:var(--muted)}
@media(max-width:640px){.enquiry-thanks{padding:28px 22px}.enquiry-thanks h3{font-size:23px}}

/* A visible but disabled menu item (Q-56) is plain text laid out like the links beside it, in their colors (contrast as
   R125), without their hover marks or pointer. */
.desktop-nav>.nav-disabled{white-space:nowrap;cursor:default}
.nav-dropdown-panel .nav-disabled{display:block;padding:12px 14px;font-size:15px;font-weight:400;line-height:1.45;white-space:normal;cursor:default}
.footer .nav-disabled{display:block;font-size:14px;margin-bottom:9px;color:#e0e9e3;cursor:default}
@media(max-width:980px){.mobile-panel .nav-disabled{display:block;font-size:27px;padding:15px 0;border-bottom:1px solid #ffffff26;cursor:default}.home-v2 .mobile-panel .nav-disabled{border-color:#ffffff25}.mobile-panel .nav-dropdown-panel .nav-disabled{font-size:17px;padding:12px 10px;line-height:1.5;border:0}}
@media(max-width:640px){.footer .nav-disabled{font-size:13px}}