/*
 * Journal — the editorial notes section.
 * Loaded only on the Journal archive / single (see inc/enqueue.php).
 * Depends on the shared cascade: tokens -> base -> layout -> components.
 * Uses existing tokens only. Mobile-first.
 *
 * Dark, quiet, editorial: no boxed cards, no bright buttons, no share row,
 * no sidebar. Hairline rules and generous vertical space do the work.
 */

/* ============================================================ ARCHIVE */
.schusei-journal-archive__header {
	margin-bottom: var(--sch-space-xl);
}

.schusei-journal-list {
	display: flex;
	flex-direction: column;
}

/* Each entry is separated by one hairline and generous space — never a box. */
.schusei-journal-item {
	padding-block: var(--sch-space-xl);
	border-top: 1px solid var(--sch-border);
	max-width: var(--sch-width-text);
}

.schusei-journal-item:first-child {
	padding-top: 0;
	border-top: 0;
}

.schusei-journal-item__date {
	margin: 0;
	font-size: var(--sch-text-micro);
	letter-spacing: var(--sch-tracking-wide);
	text-transform: uppercase;
	color: var(--sch-text-secondary);
}

.schusei-journal-item__title {
	margin: var(--sch-space-2xs) 0 0;
	font-size: var(--sch-text-title);
	font-weight: 400;
	line-height: var(--sch-leading-snug);
	overflow-wrap: anywhere;
}

.schusei-journal-item__title a {
	color: var(--sch-text);
	text-decoration: none;
}

.schusei-journal-item__title a:hover,
.schusei-journal-item__title a:focus-visible {
	color: var(--sch-accent-warm);
}

.schusei-journal-item__preview {
	margin: var(--sch-space-sm) 0 0;
	color: var(--sch-text-secondary);
	font-size: var(--sch-text-small);
	line-height: var(--sch-leading-normal);
}

.schusei-journal-item__media {
	margin-top: var(--sch-space-md);
}

/* Natural aspect, capped — a quiet preview, not a hero. */
.schusei-journal-item__image {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 20rem;
}

/* ============================================================= SINGLE */
/* A narrower column than the default content width — this view is text-first. */
.schusei-journal-single.schusei-main {
	max-width: var(--sch-width-text);
}

.schusei-journal__back {
	margin: 0;
	font-size: var(--sch-text-micro);
	letter-spacing: var(--sch-tracking-wide);
	text-transform: uppercase;
}

.schusei-journal__back a {
	color: var(--sch-text-secondary);
	text-decoration: none;
}

.schusei-journal__back a:hover,
.schusei-journal__back a:focus-visible {
	color: var(--sch-text);
}

.schusei-journal__date {
	margin: var(--sch-space-xl) 0 0;
	font-size: var(--sch-text-micro);
	letter-spacing: var(--sch-tracking-wide);
	text-transform: uppercase;
	color: var(--sch-text-secondary);
}

.schusei-journal__title {
	margin: var(--sch-space-xs) 0 0;
	font-size: var(--sch-text-title);
	font-weight: 400;
	line-height: var(--sch-leading-tight);
	overflow-wrap: anywhere;
}

.schusei-journal__image {
	margin: var(--sch-space-xl) 0 0;
}

/* Editorial image: natural aspect, no crop, capped so a tall frame can't
   dominate the reading column. */
.schusei-journal__image-el {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 70vh;
}

.schusei-journal__body {
	margin-top: var(--sch-space-xl);
	font-size: var(--sch-text-body);
}

.schusei-journal__pages {
	margin-top: var(--sch-space-lg);
	font-size: var(--sch-text-micro);
	letter-spacing: var(--sch-tracking-wide);
	text-transform: uppercase;
	color: var(--sch-text-secondary);
}

/* --------------------------------------------------- previous / next */
/* Mirrors the restrained Photography pager. The single quiet "back to
   Journal" link at the top of the entry is now the only backlink; the
   pager's own top rule + margin separate it from the body. */
.schusei-journal__pager {
	margin-top: var(--sch-space-2xl);
	padding-top: var(--sch-space-lg);
	border-top: 1px solid var(--sch-border);
	display: grid;
	gap: var(--sch-space-md);
}

@media (min-width: 40em) {
	.schusei-journal__pager {
		grid-template-columns: 1fr 1fr;
	}

	.schusei-journal__pager-link--next {
		text-align: right;
	}
}

.schusei-journal__pager-link {
	text-decoration: none;
	color: var(--sch-text-secondary);
}

.schusei-journal__pager-link:hover,
.schusei-journal__pager-link:focus-visible {
	color: var(--sch-text);
}

.schusei-journal__pager-dir {
	display: block;
	font-size: var(--sch-text-micro);
	letter-spacing: var(--sch-tracking-wide);
	text-transform: uppercase;
	color: var(--sch-text-secondary);
}

.schusei-journal__pager-title {
	display: block;
	margin-top: var(--sch-space-3xs);
	font-size: var(--sch-text-small);
	line-height: var(--sch-leading-snug);
	color: var(--sch-text);
}