.grs-shelf {
	margin: 0 0 32px;
}

.grs-shelf-title {
	font-family: var(--font-display, 'Cormorant Garamond', serif);
	font-style: italic;
	font-size: 20px;
	color: var(--ink, #2b2820);
	margin: 0 0 14px;
}

.grs-shelf-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(98px, 1fr));
	gap: 18px;
}

.grs-book {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.grs-book-cover {
	display: block;
	border-radius: var(--radius-img, 4px);
	overflow: hidden;
	box-shadow: 0 4px 14px rgba(36, 26, 94, .18);
	transition: transform .2s ease;
}

.grs-book-cover:hover,
.grs-book-cover:focus-visible {
	transform: translateY(-3px);
}

.grs-book-cover img {
	display: block;
	width: 100%;
	height: auto;
}

.grs-book-meta {
	display: flex;
	flex-direction: column;
}

.grs-book-title {
	font-family: var(--font-body, 'EB Garamond', serif);
	font-size: 13px;
	line-height: 1.3;
	color: var(--ink, #2b2820);
}

.grs-book-title:hover,
.grs-book-title:focus-visible {
	color: var(--violet-accent, #7250c1);
}

.grs-book-author {
	font-size: 11px;
	color: var(--ink-faint, #6a6252);
}

/* On the dark starfield footer, the ink colors above are unreadable —
   match the footer's own light-on-dark palette instead. */
.footer-widget .grs-shelf-title,
.footer-widget .grs-book-title {
	color: var(--lavender, #cfc6ec);
}

.footer-widget .grs-book-title:hover,
.footer-widget .grs-book-title:focus-visible {
	color: #fff;
}

.footer-widget .grs-book-author {
	color: var(--lavender-muted, #b6ade0);
}

/* Compact single-row layout (used in the header, under the site tagline). */
.grs-shelf--strip .grs-shelf-grid {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 12px;
	overflow-x: auto;
	padding-bottom: 4px;
}

.grs-shelf--strip .grs-book {
	flex: 0 0 auto;
}

.grs-shelf--strip .grs-book-cover {
	width: 48px;
}

.grs-shelf--strip .grs-book-cover img {
	width: 48px;
	height: 72px;
	object-fit: cover;
}

.header-reading-strip {
	margin: 18px 0 0;
}

.header-reading-strip .grs-shelf-title {
	font-family: var(--font-label, ui-monospace, Menlo, Consolas, monospace);
	font-style: normal;
	font-weight: 600;
	font-size: 10.5px;
	letter-spacing: .24em;
	text-transform: uppercase;
	text-align: center;
	color: var(--gold-warm, #e8c877);
	margin: 0 0 12px;
}