/* Salt Grain — WCAG 2.2 AA P0/P1 remediation overrides.
   Option B accents: large script = --sg-orange-text (#D87215); small UI = Forest;
   fills/CTAs stay brand --sg-orange (#EB8B19).
   Option B tiles: Work keeps ACF tile_color with a single ~55% colour wash
   (match Journal). No Night mud scrim on .sg-case-tile. */

html,
body {
	overflow-x: clip;
}

@supports not (overflow-x: clip) {

	html,
	body {
	overflow-x: hidden;
	}
}

.sg-drawer {
	max-width: 100vw;
	contain: layout paint;
}

.sg-drawer[aria-hidden="true"] {
	visibility: hidden;
	pointer-events: none;
}

.sg-drawer[aria-hidden="false"] {
	visibility: visible;
	pointer-events: auto;
}

/* Small UI chrome: Forest ~6.85:1 on paper (AA normal text). */
.sg-nav .sg-nav__item.is-current > .sg-nav__item-btn,
.sg-nav .sg-nav__item-label.is-current,
.sg-dropdown__item.is-current a,
.sg-mega__item.is-current .sg-mega__link-label,
.sg-post-toc__label,
.sg-post-toc__num,
.sg-post-related__eyebrow,
.sg-post-body a:hover {
	color: var(--sg-forest) !important;
}

/* Large script / display accents: Option B #D87215 via --sg-orange-text. */
.sg-module-hero__script,
.sg-page-hero__script,
.sg-post-hero__cat,
.sg-post-hero__script,
.sg-post-related__script,
.sg-post-cta__script,
.sg-journal-hero__script,
.sg-journal-cta__accent,
.sg-work-hero__script,
.sg-work-cta__script {
	color: var(--sg-orange-text) !important;
}

/* Module + archive script spans (inline font-family / colour). */
.sg-module-case-tile-grid h1 span[style*="sg-font-script"],
.sg-module-page-hero h1 span[style*="sg-font-script"],
.sg-module-cta-band h2 span[style*="sg-font-script"],
.sg-module-contact-block h1 span[style*="sg-font-script"],
h1 span[style*="--sg-font-script"],
h2 span[style*="--sg-font-script"] {
	color: var(--sg-orange-text) !important;
}

.sg-cs-hero {
	isolation: isolate;
}

.sg-cs-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient(135deg, rgba(4, 17, 24, 0.62) 0%, rgba(4, 17, 24, 0.48) 100%);
	pointer-events: none;
}

.sg-cs-hero > .sg-container {
	z-index: 1 !important;
}

.sg-cs-hero [style*="color:rgba(250,250,242,0.7)"],
.sg-cs-hero [style*="color:rgba(250,250,242,0.65)"] {
	color: var(--sg-paper) !important;
}

/* Case tiles: stacking context only — colour wash is inline (Option B). */
.sg-case-tile {
	isolation: isolate;
}

.sg-case-tile__inner {
	z-index: 1 !important;
}

.sg-journal-card [style*="opacity:.82"],
.sg-journal-card [style*="opacity: .82"] {
	opacity: 0.55 !important;
}

.sg-footer__address {
	color: var(--sg-paper) !important;
	opacity: 1 !important;
}