/**
 * Guides blog articles — reading column, article typography, hero, pagination.
 * Card grid (.c1-grid/.c1-card) is inherited from seo-collection.css.
 */

.yb-guide-main { width: 100%; }

/* Reading column: wide magazine measure — prose and media share one width. */
.yb-guide-wrap {
	max-width: 1080px;
	margin: 0 auto;
	padding: var(--yb-5, 32px) var(--yb-4, 20px);
}

/* Wider column for the index grid. */
.yb-guide-archive-wrap {
	max-width: 1240px;
	margin: 0 auto;
	padding: var(--yb-5, 32px) var(--yb-4, 20px);
}

.yb-guide-breadcrumb {
	margin-bottom: var(--yb-3, 16px);
	font-size: var(--yb-fs-sm, 0.85rem);
	color: var(--yb-ink-soft, #6b5d52);
}
.yb-guide-breadcrumb a { color: inherit; text-decoration: none; }
.yb-guide-breadcrumb a:hover { text-decoration: underline; }
.yb-guide-breadcrumb span[aria-hidden] { margin: 0 6px; opacity: 0.5; }

.yb-guide-hero { margin: 0 0 var(--yb-4, 20px); }
.yb-guide-hero img { width: 100%; height: auto; display: block; }

.yb-guide-title {
	margin: 0 0 var(--yb-4, 20px);
	font-size: var(--yb-fs-xl, 2rem);
	line-height: 1.2;
}

/* Article body: readable typography for hand-written HTML. */
.yb-guide-content { font-size: 1.05rem; line-height: 1.7; color: var(--yb-ink, #3a3128); }
.yb-guide-content > * + * { margin-top: 1.1em; }
.yb-guide-content h2 { margin-top: 1.8em; font-size: 1.5rem; line-height: 1.25; }
.yb-guide-content h3 { margin-top: 1.5em; font-size: 1.2rem; line-height: 1.3; }
.yb-guide-content img { height: auto; border-radius: 4px; }
.yb-guide-content a { color: var(--yb-cocoa, #7a4a2b); }
.yb-guide-content ul,
.yb-guide-content ol { padding-left: 1.4em; }
.yb-guide-content li + li { margin-top: 0.4em; }
.yb-guide-content blockquote {
	margin: 1.4em 0;
	padding: 0.6em 1.2em;
	border-left: 3px solid var(--yb-cocoa, #7a4a2b);
	color: var(--yb-ink-soft, #6b5d52);
	font-style: italic;
}

/* Index card excerpt + Read-more CTA (cards themselves come from c1-*). */
.yb-guide-card__excerpt {
	margin: 0;
	font-size: var(--yb-fs-sm, 0.85rem);
	line-height: 1.45;
	color: var(--yb-ink-soft, #6b5d52);
}
.yb-guide-archive-title { margin: 0 0 var(--yb-4, 20px); font-size: var(--yb-fs-xl, 2rem); }

/* Pagination. */
.yb-guide-main .pagination,
.yb-guide-main .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	margin-top: var(--yb-5, 32px);
}
.yb-guide-main .page-numbers {
	padding: 6px 12px;
	border: 1px solid var(--yb-line, #e5ddd3);
	text-decoration: none;
	color: var(--yb-ink, #3a3128);
}
.yb-guide-main .page-numbers.current {
	background: var(--yb-cocoa, #7a4a2b);
	color: #fff;
	border-color: var(--yb-cocoa, #7a4a2b);
}