/* Report end (cta2): the Attic wordmark, then More Stories and Join side by side, centred.
   Loads only when ATTIC_REPORT_END === 'cta2' on the four market reports (body.ac-report-end-cta2). */
body.ac-report-end-cta2 { --re-accent: #A07D3F; --re-ink: #111111; }
body.ac-report-end-cta2.ac-report--coins { --re-accent: #A07D3F; }
body.ac-report-end-cta2.ac-report--cards { --re-accent: #3D6A4F; }
body.ac-report-end-cta2.ac-report--cars  { --re-accent: #25395B; }
body.ac-report-end-cta2.ac-report--art   { --re-accent: #7A2D33; }

body.ac-report-end-cta2 .ac-ms-pin--club .ac-ms-display--stack { gap: 44px; }
body.ac-report-end-cta2 .ac-re-mark { margin: 0; font: inherit; line-height: 0; }

body.ac-report-end-cta2 .ac-re-cta {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 14px;
	width: 100%;
	max-width: 460px;
	margin: 0 auto;
}
body.ac-report-end-cta2 .ac-re-cta__btn {
	flex: 1 1 0;
	min-width: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 54px;
	margin: 0;
	padding: 0 18px;
	box-sizing: border-box;
	border: 1px solid var(--re-ink);
	border-radius: 0;
	background: #ffffff;
	color: var(--re-ink);
	font: 600 12px/1 var(--ac-font-label);
	letter-spacing: .22em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	transition: background-color .35s var(--ac-ease-out), border-color .35s var(--ac-ease-out), color .35s var(--ac-ease-out);
}
body.ac-report-end-cta2 .ac-re-cta__btn--stories { background: var(--re-accent); border-color: var(--re-accent); color: #ffffff; }
body.ac-report-end-cta2 .ac-re-cta__btn--stories:hover,
body.ac-report-end-cta2 .ac-re-cta__btn--stories:focus-visible { background: var(--re-ink); border-color: var(--re-ink); color: #ffffff; }
body.ac-report-end-cta2 .ac-re-cta__btn--join:hover,
body.ac-report-end-cta2 .ac-re-cta__btn--join:focus-visible { background: var(--re-ink); color: #ffffff; }
body.ac-report-end-cta2 .ac-re-cta__btn:focus-visible { outline: 1px solid var(--re-accent); outline-offset: 4px; }
body.ac-report-end-cta2 .ac-re-cta__arrow { display: inline-block; font-size: 14px; letter-spacing: 0; transition: transform .35s var(--ac-ease-out); }
body.ac-report-end-cta2 .ac-re-cta__btn:hover .ac-re-cta__arrow { transform: translateX(3px); }

@media (max-width: 600px) {
	body.ac-report-end-cta2 .ac-ms-pin--club .ac-ms-display--stack { gap: 30px; }
	body.ac-report-end-cta2 .ac-ms-pin--club.is-locked .ac-ms-display--stack { padding: 0 20px; }
	body.ac-report-end-cta2 .ac-re-cta { gap: 10px; max-width: 330px; }
	body.ac-report-end-cta2 .ac-re-cta__btn { height: 50px; padding: 0 10px; gap: 8px; font-size: 11px; letter-spacing: .16em; }
	body.ac-report-end-cta2 .ac-re-cta__arrow { font-size: 13px; }
}
@media (max-width: 374px) {
	body.ac-report-end-cta2 .ac-re-cta__arrow { display: none; }
	body.ac-report-end-cta2 .ac-re-cta__btn { letter-spacing: .14em; }
}
@media (max-width: 339px) {
	body.ac-report-end-cta2 .ac-re-cta__btn { font-size: 10px; letter-spacing: .12em; padding: 0 6px; }
}
/* Below 300px only: stack the two buttons, full width, Stories first. */
@media (max-width: 299px) {
	body.ac-report-end-cta2 .ac-re-cta { flex-direction: column; max-width: 260px; }
	body.ac-report-end-cta2 .ac-re-cta__btn { flex: none; width: 100%; }
}
/* Short phones (about 640px tall or less): a smaller wordmark and gap so the buttons stay above the footer band. */
@media (max-width: 600px) and (max-height: 640px) {
	body.ac-report-end-cta2 .ac-ms-pin--club .ac-ms-display__logo { width: min(60vw, 30rem); }
	body.ac-report-end-cta2 .ac-ms-pin--club .ac-ms-display--stack { gap: 20px; }
	body.ac-report-end-cta2 .ac-re-cta__btn { height: 46px; }
}

/* Mobile: the floating Sections pill steps away while the closing wordmark and the footer are on screen,
   so it never covers More Stories, Join, or the footer links. */
@media (max-width: 767px) {
	body.ac-report-end-cta2.ac-re-at-end .ac-ri-pill,
	body.ac-report-end-cta2.ac-re-at-end .ac-ri-pill.is-on {
		transform: translate(-50%, 140%);
		opacity: 0;
		pointer-events: none;
	}
}