/* ============================================================
   Journal + Guides — shared archive layout.
   Used by templates/page-journal.php and templates/page-guides.php
   via template-parts/archive-listing.php. Identical layout for
   both; only the hero image/copy and source category differ.
   ============================================================ */

/* Hero lives in hero.css (.ms-hero) — shared page-hero.php partial. */

/* ── Layout: sidebar + content ──────────────────────────── */
.arc-layout {
	max-width: 1280px;
	margin: 0 auto;
	padding: 48px 40px 90px;
	display: flex;
	gap: 60px;
	align-items: flex-start;
}
.arc-sidebar {
	width: 200px;
	flex-shrink: 0;
	position: sticky;
	top: 40px;
}
.arc-sidebar__label {
	font-family: 'Young Serif', Georgia, serif;
	font-weight: 400;
	font-size: 26px;
	color: var(--off-black);
	margin: 0 0 18px 0;
}
.arc-sidebar__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.arc-sidebar__list a {
	display: block;
	font-family: 'JetBrains Mono', monospace;
	font-weight: 800;
	font-size: 20px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #a8a49e;
	text-decoration: none;
	padding: 3px 0 3px 10px;
	margin-left: -12px;
	border-left: 2px solid transparent;
	transition: color 0.15s;
}
.arc-sidebar__list a:hover { color: #6b6860; }
.arc-sidebar__list a.is-active {
	color: var(--earth-orange);
	border-left-color: var(--earth-orange);
}

.arc-content { flex: 1; min-width: 0; }

/* ── Topic sections ─────────────────────────────────────── */
.arc-topic {
	scroll-margin-top: 40px;
	margin-bottom: 44px;
}
.arc-topic:last-child { margin-bottom: 0; }
.arc-topic__head {
	font-family: 'Young Serif', Georgia, serif;
	font-weight: 400;
	font-size: 26px;
	color: var(--off-black);
	margin: 0 0 14px 0;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--line-dark);
}

.arc-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px 28px;
}

/* Card design (.pcard*) lives in post-card.css — shared global card. */

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width: 900px) {
	.arc-grid { grid-template-columns: repeat(2, 1fr); }
	.arc-layout { flex-direction: column; gap: 32px; }
	.arc-sidebar { position: static; width: 100%; }
	.arc-sidebar__list { flex-direction: row; flex-wrap: wrap; gap: 4px 18px; }
	.arc-sidebar__list a { padding-left: 0; margin-left: 0; border-left: none; border-bottom: 2px solid transparent; padding-bottom: 4px; }
	.arc-sidebar__list a.is-active { border-left-color: transparent; border-bottom-color: var(--earth-orange); }
}
@media (max-width: 560px) {
	.arc-grid { grid-template-columns: 1fr; }
}