/* Beyond the Headlines (BTH). Loads after report-intro.css.
   Part A: R2 opening on the four BTH pages (body.ac-bth-r2). Part B: entry links on the main reports and elsewhere (body.ac-bth-links). */

/* ---------- A. BTH opening: R2 Split Plate, inverted ink text column, brass marks ---------- */
body.ac-bth-r2 { --bth-ink: #111111; --bth-brass: #A07D3F; --bth-brass-lt: #C9A86A; --bth-ivory: #FAF9F7; --bth-rule: rgba(201, 168, 106, .32); }

body.ac-bth-r2 .ac-ri-side {
	background: var(--bth-ink);
	color: var(--bth-ivory);
	box-shadow: inset 0 1px 0 var(--bth-brass);
}
body.ac-bth-r2 .ac-ri-eye { color: rgba(250, 249, 247, .62); }
body.ac-bth-r2 .ac-ri-eye span { color: var(--bth-brass-lt); }
body.ac-bth-r2 .ac-ri-eye span::before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 1px;
	margin: 0 10px 3px 0;
	vertical-align: middle;
	background: var(--bth-brass-lt);
}
body.ac-bth-r2 .ac-ri-title,
body.ac-bth-r2 .ac-ri-pull { color: var(--bth-ivory); }
body.ac-bth-r2 .ac-ri-title em { color: var(--bth-brass-lt); }
body.ac-bth-r2 .ac-ri-rest { color: rgba(250, 249, 247, .72); }
body.ac-bth-r2 .ac-ri-more { color: var(--bth-ivory); border-bottom-color: var(--bth-rule); }

body.ac-bth-r2 .ac-ri-grid { border-top-color: var(--bth-brass); }
body.ac-bth-r2 .ac-ri-grid a { color: var(--bth-ivory); border-bottom-color: rgba(250, 249, 247, .12); }
body.ac-bth-r2 .ac-ri-grid a.is-left { border-right-color: rgba(250, 249, 247, .12); }
body.ac-bth-r2 .ac-ri-grid .ac-ri-rn { color: var(--bth-brass-lt); }
body.ac-bth-r2 .ac-ri-grid a:hover,
body.ac-bth-r2 .ac-ri-grid a:focus-visible { background: rgba(250, 249, 247, .06); }

body.ac-bth-r2 .ac-ri-begin { background: var(--bth-ivory); color: var(--bth-ink); }
body.ac-bth-r2 .ac-ri-begin:hover,
body.ac-bth-r2 .ac-ri-begin:focus-visible { background: var(--bth-brass-lt); color: var(--bth-ink); }
body.ac-bth-r2 .ac-ri-back {
	font-family: var(--ac-font-label);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: rgba(250, 249, 247, .78);
	text-decoration: none;
	border-bottom: 1px solid var(--bth-rule);
	padding-bottom: 3px;
}
body.ac-bth-r2 .ac-ri-back:hover,
body.ac-bth-r2 .ac-ri-back:focus-visible { color: var(--bth-ivory); border-bottom-color: var(--bth-brass-lt); }
body.ac-bth-r2 .ac-ri-side a:focus-visible,
body.ac-bth-r2 .ac-ri-side button:focus-visible { outline-color: var(--bth-brass-lt); }

/* Plate: slightly deeper vignette, brass inset hairline, BTH caption. */
body.ac-bth-r2 .ac-ri-plate { background: #0d0d0d; }
body.ac-bth-r2 .ac-ri-plate::after { background: linear-gradient(180deg, rgba(0, 0, 0, .05) 45%, rgba(0, 0, 0, .55)); }
body.ac-bth-r2 .ac-ri-plate::before {
	content: "";
	position: absolute;
	inset: 18px;
	z-index: 2;
	border: 1px solid rgba(201, 168, 106, .55);
	pointer-events: none;
}
body.ac-bth-r2 .ac-ri-cap { left: 38px; right: 38px; bottom: 34px; }
body.ac-bth-r2 .ac-ri-cap span:first-child { color: var(--bth-brass-lt); }

/* Sticky bar name and Sections lists carry the BTH marker. */
body.ac-bth-r2 .ac-ri-bar__name em { color: var(--bth-brass); }

@media (max-width: 767px) {
	body.ac-bth-r2 .ac-ri-plate::before { inset: 12px; }
	body.ac-bth-r2 .ac-ri-cap { left: 26px; right: 26px; bottom: 22px; }
	body.ac-bth-r2 .ac-ri-chips a { background: transparent; color: var(--bth-ivory); border-color: rgba(250, 249, 247, .22); }
	body.ac-bth-r2 .ac-ri-chips a .ac-ri-rn { color: var(--bth-brass-lt); }
	body.ac-bth-r2 .ac-ri-chips a:hover,
	body.ac-bth-r2 .ac-ri-chips a:focus-visible { border-color: var(--bth-brass-lt); }
	body.ac-bth-r2 .ac-ri-back { display: none; }
}

/* ---------- B. Entry links (main reports, story pages, homepage) ---------- */
body.ac-bth-links { --bth-brass: #A07D3F; --bth-brass-dk: #7E6230; --bth-ink: #111111; }

/* B1. Main reports: Begin reading first, Beyond the Headlines directly under it. */
body.ac-bth-links .ac-ri-acts {
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}
body.ac-bth-links .ac-ri-acts .ac-ri-beyond {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 0 20px;
	border: 1px solid var(--bth-brass);
	border-radius: 999px;
	color: var(--bth-brass-dk);
	font-weight: 600;
	letter-spacing: .16em;
	text-decoration: none;
	transition: background .3s var(--ac-ease-out), color .3s var(--ac-ease-out);
}
body.ac-bth-links .ac-ri-acts .ac-ri-beyond::before {
	content: "";
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	background: var(--bth-brass);
}
body.ac-bth-links .ac-ri-acts .ac-ri-beyond:hover,
body.ac-bth-links .ac-ri-acts .ac-ri-beyond:focus-visible { background: var(--bth-ink); border-color: var(--bth-ink); color: #fff; }
@media (min-width: 768px) and (max-height: 800px) {
	body.ac-bth-links .ac-ri-side {
		gap: 6px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	body.ac-bth-links .ac-ri-grid {
		grid-template-rows: repeat(var(--ac-ri-rows, 7), minmax(28px, auto));
	}
	body.ac-bth-links .ac-ri-grid a {
		min-height: 28px;
	}
	body.ac-bth-links .ac-ri-acts {
		gap: 8px;
		margin-top: 0;
	}
}
@media (max-width: 767px) {
	body.ac-bth-links .ac-ri-acts .ac-ri-beyond {
		width: 100%;
		justify-content: center;
	}
	body.ac-bth-links .ac-ri-chips a.ac-ri-chip--beyond {
		display: none;
	}
}

/* B2. Sections dropdown (desktop) and sheet (mobile): a last row after XIV. */
body.ac-bth-links .ac-ri-drop a.ac-bth-row,
body.ac-bth-links .ac-ri-sheet a.ac-bth-row { color: var(--bth-brass-dk); font-weight: 600; border-top: 1px solid var(--bth-brass); }
body.ac-bth-links .ac-ri-drop a.ac-bth-row { grid-column: 1 / -1; }
body.ac-bth-links a.ac-bth-row .ac-ri-rn { color: var(--bth-brass); }

/* B3. Invitation band at the end of each main report, just above the closing Attic wordmark. */
body.ac-bth-links .ac-bth-invite {
	position: relative;
	z-index: 1;
	max-width: 760px;
	margin: 0 auto;
	padding: 72px 32px 96px;
	text-align: center;
	background: #fff;
}
body.ac-bth-links .ac-bth-invite__rule { display: block; width: 56px; height: 1px; margin: 0 auto 28px; background: var(--bth-brass); }
body.ac-bth-links .ac-bth-invite__kick { margin: 0 0 14px; font: 600 11px/1.2 var(--ac-font-label); letter-spacing: .22em; text-transform: uppercase; color: var(--bth-brass-dk); }
body.ac-bth-links .ac-bth-invite__title { margin: 0; font: 300 clamp(40px, 5vw, 64px)/1 var(--ac-font-display); letter-spacing: -.02em; color: var(--bth-ink); }
body.ac-bth-links .ac-bth-invite__title em { font-style: italic; }
body.ac-bth-links .ac-bth-invite__line { max-width: 34ch; margin: 18px auto 30px; font: 300 clamp(19px, 1.8vw, 23px)/1.4 var(--ac-font-display); color: #3A3A3A; }
body.ac-bth-links .ac-bth-invite__btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 14px;
	min-height: 52px; padding: 0 30px;
	background: var(--bth-ink); color: #fff; border-radius: 999px; text-decoration: none;
	font: 600 12px/1 var(--ac-font-label); letter-spacing: .18em; text-transform: uppercase;
	box-shadow: inset 0 0 0 1px var(--bth-ink);
	transition: background .3s var(--ac-ease-out), color .3s var(--ac-ease-out);
}
body.ac-bth-links .ac-bth-invite__btn:hover,
body.ac-bth-links .ac-bth-invite__btn:focus-visible { background: var(--bth-brass); box-shadow: inset 0 0 0 1px var(--bth-brass); }
body.ac-bth-links .ac-bth-invite__btn:focus-visible { outline: 1px solid var(--bth-brass); outline-offset: 4px; }
@media (max-width: 600px) {
	body.ac-bth-links .ac-bth-invite { padding: 56px 22px 72px; }
	body.ac-bth-links .ac-bth-invite__btn { width: 100%; max-width: 330px; }
}

/* Story pages: the second button sits beside Explore, and stacks under it on a phone. */
body.ac-bth-links .st-more__report .st-btn--line { margin-left: 12px; }
@media (max-width: 600px) {
	body.ac-bth-links .st-more__report .st-btn--line { margin-left: 0; margin-top: 10px; }
}

/* Homepage Markets chapter: one brass line under the four rows. */
body.ac-bth-links .ac-ch-bth {
	margin: 14px 0 0;
	font: 600 11px/1 var(--ac-font-label);
	letter-spacing: .2em;
	text-transform: uppercase;
	color: #7E6230;
}
body.ac-bth-links .ac-ch-bth a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	font-family: var(--ac-font-display);
	font-style: italic;
	font-weight: 300;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
	color: var(--c, #7E6230);
}