/* Attic article wayfinding (w2).
   Shared tokens with the live theme: Inter labels, Fraunces display,
   #111 / #25395B / #A07D3F / #6e6a64. Sharp corners. */

.ac-way-label {
	font-family: "Inter", system-ui, sans-serif;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 1.4;
	color: #6e6a64;
}
.ac-way-arrow {
	display: inline-block;
	transition: transform 0.35s var(--ac-ease-out, ease);
}
a:hover .ac-way-arrow { transform: translateX(4px); }

/* 1. TOP — one quiet line under the title */
.ac-way-top { margin: 18px 0 0; text-align: center; }
.ac-way-top a {
	display: inline-flex;
	align-items: center;
	gap: 0.7em;
	color: #6e6a64;
	text-decoration: none;
	border-bottom: none;
}
.ac-way-top a:hover { color: #111; }
.ac-way-top__home { color: #111; }
.ep-article .ac-way-top { margin: 14px 0 0; text-align: left; }

/* 2. MID — slim home teaser, the same at both positions */
.ac-way-mid {
	margin: 3.2em auto;
	padding: 1.6em 0;
	max-width: 34em;
	border-top: 1px solid #e7e4df;
	border-bottom: 1px solid #e7e4df;
	text-align: center;
}
.ac-way-mid__wm {
	width: 84px;
	height: auto;
	margin: 0 auto 14px;
	display: block;
}
.ac-way-mid__line {
	font-family: "Fraunces", Georgia, serif;
	font-weight: 460;
	font-size: clamp(1.25rem, 2vw, 1.55rem);
	line-height: 1.25;
	letter-spacing: -0.015em;
	color: #111;
	margin: 0;
}
.ac-way-mid__home {
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
	margin-top: 1.1em;
	color: #6e6a64;
	text-decoration: none;
}
.ac-way-mid__home:hover { color: #111; }

/* Showcase body rules size every content image to the column and force
   paragraph margins; keep the wordmark a mark and the teaser flush. */
.ac-showcase-body__content .ac-way-mid img.ac-way-mid__wm {
	width: 84px;
	max-width: 84px;
	margin: 0 auto 14px;
}
.ac-showcase-body__content .ac-way-mid p { margin: 0; }

/* 3. END — "Continue in Attic" */
.ac-way-end {
	margin-top: 4.5em;
	padding: 4.5em 24px 5em;
	background: #faf9f7;
	border-top: 1px solid #e7e4df;
	color: #111;
	text-align: center;
}
.ac-way-end__inner { max-width: 1080px; margin: 0 auto; }
.ac-way-end__kicker { margin: 0 0 1.6em; }
.ac-way-end__mark {
	display: inline-block;
	text-decoration: none;
	color: inherit;
}
.ac-way-end__mark img { width: 132px; height: auto; margin: 0 auto; display: block; }
.ac-way-end__wm {
	font-family: "Fraunces", Georgia, serif;
	font-weight: 460;
	font-size: 2.4rem;
	letter-spacing: -0.02em;
	color: #111;
}
.ac-way-end__line {
	font-family: "Fraunces", Georgia, serif;
	font-weight: 460;
	font-size: clamp(1.7rem, 3vw, 2.5rem);
	line-height: 1.15;
	letter-spacing: -0.02em;
	max-width: 18em;
	margin: 0.9em auto 0;
	color: #111;
}
.ac-way-end__home {
	display: inline-flex;
	align-items: center;
	gap: 0.7em;
	margin-top: 1.8em;
	padding: 0.85em 1.6em;
	border: 1px solid #111;
	color: #111;
	text-decoration: none;
	background: transparent;
}
.ac-way-end__home:hover { background: #111; color: #fff; }
.ac-way-end__more { margin: 3.4em 0 1.2em; }
.ac-way-end__tiles {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
	text-align: left;
}
.ac-way-end__tile {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
}
.ac-way-end__ph {
	display: block;
	aspect-ratio: 16 / 10;
	background: #eceae6 center / cover no-repeat;
}
/* Square cover photo: pull back so the masthead and the issue line stay in frame. */
.ac-way-end__ph--print {
	background-color: #f4f2ee;
	background-size: 74% auto;
	background-position: center center;
	background-repeat: no-repeat;
}
.ac-way-end__ph--type {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #111;
	color: #fff;
	text-align: center;
	padding: 16px;
}
.ac-way-end__ph--type span {
	font-family: "Fraunces", Georgia, serif;
	font-weight: 460;
	font-size: 1.15rem;
	letter-spacing: -0.01em;
	line-height: 1.2;
}
.ac-way-end__ph--type em { font-style: italic; color: #A07D3F; }
.ac-way-end__ctext { padding: 14px 2px 0; }
.ac-way-end__cmeta { display: block; }
.ac-way-end__ctitle {
	display: block;
	margin-top: 6px;
	font-family: "Fraunces", Georgia, serif;
	font-weight: 460;
	font-size: 1.3rem;
	line-height: 1.2;
	letter-spacing: -0.015em;
	color: #111;
}
.ac-way-end__tile:hover .ac-way-end__ctitle { color: #25395B; }

/* The showcase body is a centered column; the end band runs full width. */
.ac-showcase-body .ac-way-end {
	width: 100vw;
	margin-left: calc(50% - 50vw);
}

/* Episode article: the end band sits under the episode nav, before Keep listening. */
.ac-way-end--episode { margin-top: 0; }

@media (max-width: 700px) {
	.ac-way-end { padding: 3.2em 20px 3.6em; }
	.ac-way-end__tiles { grid-template-columns: 1fr; gap: 18px; }
	.ac-way-end__tile { flex-direction: row; align-items: center; gap: 14px; }
	.ac-way-end__ph { width: 112px; flex: none; aspect-ratio: 4 / 3; }
	.ac-way-end__ctext { padding: 0; }
	.ac-way-mid { margin: 2.6em auto; }
}