/* Guides band in the home post stream. Uses the theme's --jec-* tokens, with fallbacks. */
.jgh {
	margin: 0 0 1.5rem;
	padding: 1.25rem 1.4rem 1.1rem;
	border: 1px solid var(--jec-line, #e7e2d6);
	border-radius: 10px;
	background: var(--jec-bg-elevated, #fff);
}
.jgh-label { margin: 0 0 .15rem; font-size: .8rem; letter-spacing: .04em; text-transform: uppercase; color: var(--jec-ink-soft, #6b7268); }
.jgh-heading { margin: 0 0 1rem; font-family: var(--jec-font-display, Georgia, serif); font-size: 1.35rem; line-height: 1.25; }
.jgh-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1rem; }
.jgh-card { display: flex; flex-direction: column; padding: 1rem; border: 1px solid var(--jec-line, #e7e2d6); border-radius: 8px; background: var(--jec-bg, #fbf9f4); }
.jgh-name { margin: 0 0 .35rem; font-family: var(--jec-font-display, Georgia, serif); font-size: 1.1rem; line-height: 1.3; }
.jgh-name a, .jgh-name a:visited { color: var(--jec-ink, #1f2320); text-decoration: none; }
.jgh-name a:hover { text-decoration: underline; }
.jgh-about { margin: 0 0 .6rem; font-size: .9rem; line-height: 1.5; color: var(--jec-ink-soft, #6b7268); }
.jgh-list { margin: 0 0 .5rem; padding-left: 1.2rem; font-size: .9rem; line-height: 1.6; }
.jgh-list a, .jgh-list a:visited { color: var(--jec-ink, #1f2320); }
.jgh-meta { margin: auto 0 .7rem; font-size: .8rem; color: var(--jec-ink-soft, #6b7268); }
.jgh-btn, .jgh-btn:visited {
	align-self: flex-start;
	padding: .5em 1em;
	border-radius: 6px;
	background: var(--jec-accent, #3d4f66);
	color: var(--jec-accent-ink, #f4f6f8);
	font-size: .9rem;
	font-weight: 600;
	text-decoration: none;
}
.jgh-btn:hover, .jgh-btn:focus { background: var(--jec-ink, #1f2320); color: var(--jec-accent-ink, #f4f6f8); }
.jgh-all { margin: .9rem 0 0; font-size: .9rem; }
.jgh-all a, .jgh-all a:visited { color: var(--jec-accent, #3d4f66); font-weight: 600; }
@media (max-width: 520px) { .jgh { padding: 1rem; } .jgh-grid { grid-template-columns: 1fr; } }