/* Journal (article section): cards, filter chips and the reading column.
   Enqueued separately from style.css. Tokens come from theme.json; only layout
   that theme.json cannot express lives here. */

.bell-journal-filters .bell-journal-filter { margin: 0; }
.bell-journal-filters .bell-journal-filter a {
	display: inline-block;
	padding: 8px 18px;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 999px;
	color: var(--wp--preset--color--plum);
	text-decoration: none;
}
.bell-journal-filters .bell-journal-filter a:hover,
.bell-journal-filters .bell-journal-filter a:focus-visible {
	background: var(--wp--preset--color--blush);
}

/* Card */
.bell-jcard { height: 100%; }
.bell-jcard__media { margin: 0; overflow: hidden; border-radius: 4px; background: var(--wp--preset--color--blush); }
.bell-jcard__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.bell-jcard:hover .bell-jcard__media img { transform: scale(1.03); }
.bell-jcard__cat a,
.bell-article__cat a { color: inherit; text-decoration: none; }
.bell-jcard__title a { color: inherit; text-decoration: none; }
.bell-jcard__title a:hover { text-decoration: underline; }
.bell-jcard__excerpt p { margin: 0; }
.bell-jcard a:focus-visible { outline: 2px solid var(--wp--preset--color--plum); outline-offset: 2px; }

/* Article */
.bell-article__title { margin: 8px 0 12px; line-height: 1.15; }
.bell-article__image { overflow: hidden; border-radius: 4px; }
.bell-article__image img { width: 100%; height: 100%; object-fit: cover; }
.bell-article__content { font-size: 18px; line-height: 1.7; }
.bell-article__content h2 {
	margin-top: 2.2em;
	font-family: var(--wp--preset--font-family--display);
	color: var(--wp--preset--color--plum);
}
.bell-article__content a { color: var(--wp--preset--color--plum); text-underline-offset: 3px; }
/* The "Sources" heading is the last h2: quieter than the body sections. */
.bell-article__content h2:last-of-type + ul { font-size: 15px; color: var(--wp--preset--color--muted); }