@import url("_pages-common.css");
/* /zhurnal/ — numbered list of guides: big Oswald titles, summary and date; hairlines, no cards. */
.jr-hero { padding-top: calc(var(--va-header-h) + clamp(40px, 6vw, 110px)); padding-bottom: clamp(44px, 5vw, 88px); }
.jr-hero__title { max-width: 18ch; }
.jr-hero__lead { max-width: 58ch; margin-top: 26px; color: var(--mute); }
.jr-index { padding-block: clamp(48px, 6vw, 110px); }
.jr-index__list { display: grid; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--line); }
.jr-index__link { display: grid; grid-template-columns: 80px minmax(0, 6fr) minmax(0, 5fr); grid-template-rows: auto auto; gap: 10px var(--va-col-gap); padding: 28px 0 32px; border-top: 1px solid var(--line); color: var(--fg); text-decoration: none; }
.jr-index__num { grid-row: span 2; font: 300 var(--va-fs-h3)/.9 var(--va-font-display); color: var(--mute); }
.jr-index__title { font: 600 clamp(22px, 2.2vw, 38px)/1 var(--va-font-display); text-transform: uppercase; text-wrap: balance; }
.jr-index__desc { grid-row: span 2; color: var(--mute); line-height: 1.55; max-width: 52ch; }
.jr-index__date { font-size: var(--va-fs-small); color: var(--mute); }
.jr-index__link:hover .jr-index__title, .jr-index__link:focus-visible .jr-index__title { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .12em; }
@media (max-width: 900px) {
	.jr-index__link { grid-template-columns: 44px minmax(0, 1fr); }
	.jr-index__num { grid-row: span 3; }
	.jr-index__desc { grid-row: auto; }
}