/* ───── Breadcrumbs ───── */
.fa-breadcrumbs {
	list-style: none; padding: 0; margin: 0 0 12px;
	display: flex; flex-wrap: wrap; gap: 6px;
	font-family: "JetBrains Mono", monospace; font-size: 12px;
	color: #888;
}
.fa-breadcrumbs li { display: flex; align-items: center; gap: 6px; }
.fa-breadcrumbs li:not(:last-child)::after { content: "/"; color: #C9A24F; margin-left: 6px; }
.fa-breadcrumbs a { color: #888; text-decoration: underline; }
.fa-breadcrumbs a:hover { color: #C9A24F; }
.fa-breadcrumbs span { color: #1A1A1A; font-weight: 600; }

/* ───── Programmatic page ───── */
.prog-page { max-width:1180px; margin: 0 auto; padding: 20px; }
.prog-head { padding: 20px 0 24px; }
.prog-h1 {
	font-size: clamp(26px, 4vw, 38px); line-height: 1.15;
	margin: 4px 0 16px; font-weight: 600;
}
.prog-intro { max-width: 720px; color: #3E3B36; font-size: 15px; line-height: 1.6; }
.prog-intro p { margin: 0 0 12px; }
.prog-intro .fa-seo-safety {
	background: #FFF7E6; border-left: 3px solid #C9A24F;
	padding: 10px 14px; border-radius: 4px; font-size: 13px; color: #5a4a24;
}

/* ───── Cluster nav ───── */
.fa-cluster {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 24px; margin: 32px 0;
	padding: 24px; background: #fff; border: 1px solid #E8E4DE; border-radius: 12px;
}
.fa-cluster-block h3 {
	font-size: 13px; font-weight: 600; margin: 0 0 10px; color: #3E3B36;
	text-transform: uppercase; letter-spacing: 0.03em;
	font-family: "JetBrains Mono", monospace;
}
.fa-cluster-block ul { list-style: none; padding: 0; margin: 0; }
.fa-cluster-block li { margin: 0 0 6px; font-size: 13px; }
.fa-cluster-block a { color: #3E3B36; text-decoration: none; }
.fa-cluster-block a:hover { color: #C9A24F; text-decoration: underline; }

/* ───── FAQ ───── */
.prog-faq { margin: 40px 0; max-width: 820px; }
.prog-faq h2 { font-size: 22px; font-weight: 600; margin: 0 0 16px; }
.prog-faq dl { display: grid; gap: 0; }
.prog-faq dt {
	font-weight: 600; font-size: 15px; padding: 14px 0 6px;
	border-top: 1px solid #E8E4DE; color: #1A1A1A;
}
.prog-faq dd { margin: 0 0 12px; color: #3E3B36; font-size: 14px; line-height: 1.6; }

/* ───── Related ───── */
.fa-related { max-width:1180px; margin: 32px auto; padding: 0 20px; }
.fa-related h3 { font-size: 18px; font-weight: 600; margin: 0 0 12px; }