/* Guester Axis · Journal sheet: the index (masthead, lead, A/B/C rows, ledger),
   archives and search, and the single-essay header, hero, credit and adjacent nav.
   Builds on axis.css (tokens, .wrap, .page-head, .section-label, .lede, .text-link).
   Rules: no font-size below var(--fs-micro); links keep 44px targets on touch. */

/* ---------- masthead (index, archive, search) ---------- */
.journal-masthead{padding-bottom:0}
.journal-masthead::after{content:"";display:block;height:1px;background:var(--line);margin-top:56px}
.journal-count{margin-top:20px;font-size:var(--fs-small);color:var(--muted)}
.journal-index{padding-top:64px;padding-bottom:120px}
.journal-empty{max-width:40ch}
.journal-empty-state{display:grid;gap:8px;justify-items:start}
.journal-empty-state .text-link,.journal-index p>.text-link{margin-top:8px}

/* search form: 44px control, 3:1 border on white */
.journal-search-form{display:flex;gap:12px;margin-top:28px;max-width:520px}
.journal-search-form input{flex:1 1 auto;min-width:0;height:44px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--paper);font-size:15px;-webkit-appearance:none;appearance:none}
.journal-search-form input::placeholder{color:var(--muted)}
.journal-search-form input:focus-visible{outline:2px solid #111;outline-offset:2px;border-color:var(--ink)}
.journal-search-form input::-webkit-search-decoration,.journal-search-form input::-webkit-search-cancel-button{-webkit-appearance:none}

/* ---------- shared card parts ---------- */
.journal-frame{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}
.journal-frame img{display:block;width:100%;height:auto;transition:transform .7s var(--ease)}
.journal-copy{padding-top:20px}
.journal-category{display:block;font-size:var(--fs-small);font-weight:500;color:var(--muted)}
.journal-title{margin-top:6px;font-size:20px;line-height:1.3;letter-spacing:-.02em;font-weight:500;text-wrap:balance}
.journal-title a{display:inline-block;padding:10px 0;margin:-10px 0;color:inherit;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--line-strong)}
.journal-title a::after{content:"";position:absolute;inset:0;z-index:1}
.journal-excerpt{margin-top:10px;font-size:15px;line-height:1.6;color:var(--muted);max-width:52ch}
.journal-meta{display:block;margin-top:12px;font-size:var(--fs-small);line-height:1.5;color:var(--muted)}

/* ---------- the grid ---------- */
.journal-grid{display:flex;flex-direction:column;gap:88px}
.journal-row--a,.journal-row--b{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:56px 48px;align-items:start}

/* lead: image 7/12, copy 5/12 */
.journal-lead{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px;align-items:center}
.journal-lead .journal-frame{grid-column:span 7}
.journal-lead .journal-copy{grid-column:span 5;padding-top:0}
.journal-lead h2.journal-title{margin-top:8px;font-size:clamp(1.75rem, 1.35rem + 1.8vw, 2.5rem);line-height:1.12;letter-spacing:-.025em;max-width:none}
.journal-lead .journal-excerpt{margin-top:16px;max-width:48ch}
.journal-lead .journal-meta{margin-top:16px}

/* A/B cards */
.journal-card{position:relative}
.journal-card--wide{grid-column:span 7}
.journal-card--narrow{grid-column:span 5;align-self:end}

/* hover: the frame breathes, the title underlines */
@media(hover:hover){
	.journal-card:hover .journal-frame img,.journal-lead:hover .journal-frame img{transform:scale(1.025)}
	.journal-card:hover .journal-title a,.journal-lead:hover .journal-title a{text-decoration:underline}
}
.journal-title a:focus-visible{text-decoration:underline}

/* ---------- ledger rows (C bands, archives, search) ---------- */
.journal-ledger{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.journal-ledger__row+.journal-ledger__row{border-top:1px solid var(--line)}
.journal-ledger__link{display:flex;align-items:center;gap:24px;padding:20px 0;min-height:44px;color:inherit}
.journal-ledger__thumb{display:block;flex:0 0 88px;width:88px;overflow:hidden;border-radius:var(--radius-control);border:1px solid var(--line);background:var(--surface)}
.journal-ledger__thumb img{display:block;width:100%;height:auto;transition:transform .7s var(--ease)}
.journal-ledger__body{display:block;flex:1 1 auto;min-width:0}
.journal-ledger__title{margin-top:4px;font-size:17px;line-height:1.35;letter-spacing:-.01em;font-weight:500;text-wrap:balance;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--line-strong)}
.journal-ledger__meta{flex:0 0 auto;margin-top:0;white-space:nowrap}
.journal-ledger__meta--inline{display:none;margin-top:6px}
@media(hover:hover){
	.journal-ledger__link:hover .journal-ledger__thumb img{transform:scale(1.04)}
	.journal-ledger__link:hover .journal-ledger__title{text-decoration:underline}
}
.journal-ledger__link:focus-visible .journal-ledger__title{text-decoration:underline}

/* pagination (archives and search only) */
.journal-pagination{display:flex;justify-content:space-between;gap:24px;margin-top:32px;font-size:14px;font-weight:500}
.journal-pagination a{display:inline-flex;align-items:center;min-height:44px}
.journal-pagination a:hover{text-decoration:underline;text-underline-offset:4px}

/* ---------- single essay ---------- */
.article-head .article-back{margin-bottom:20px;font-size:14px}
.article-head .article-back span{font-size:18px;transition:transform .3s var(--ease)}
.article-head .article-back:hover span{transform:translateX(-3px)}
.article-head h1{font-size:clamp(2.25rem, 1.5rem + 3vw, 3.75rem);max-width:22ch}
.article-hero{margin-top:48px}
.article-hero__frame{overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);aspect-ratio:2/1}
.article-hero__frame img{display:block;width:100%;height:100%;object-fit:cover}
.article-credit{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0 24px;margin-top:10px;font-size:var(--fs-small);line-height:1.5;color:var(--muted)}
.article-credit__line{display:inline-flex;align-items:center;min-height:44px}
.article-credit__source{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-strong);transition:color .2s}
.article-credit__source:hover{color:var(--ink);text-decoration-color:currentColor}
.article-essay .article{padding-bottom:72px}
.article-rule{margin-top:36px}
.article-essay .article-body{margin-top:48px}

/* newer / older essays */
.article-nav{padding-bottom:120px}
.article-nav__grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 48px;padding-top:40px}
.article-nav__item--older{justify-self:end}
.article-nav__link{display:flex;align-items:center;gap:20px;min-height:44px;color:inherit}
.article-nav__item--older .article-nav__link{flex-direction:row-reverse;text-align:right}
.article-nav__body{display:block;min-width:0}
.article-nav__title{display:block;margin-top:4px;font-size:16px;line-height:1.35;font-weight:500;letter-spacing:-.01em;text-wrap:balance;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--line-strong)}
@media(hover:hover){
	.article-nav__link:hover .article-nav__title{text-decoration:underline}
	.article-nav__link:hover .journal-ledger__thumb img{transform:scale(1.04)}
}
.article-nav__link:focus-visible .article-nav__title{text-decoration:underline}

/* ---------- breakpoints ---------- */
@media(max-width:1199px){
	.journal-grid{gap:72px}
	.journal-row--a,.journal-row--b{gap:48px 36px}
	.journal-lead{gap:36px}
	.journal-index{padding-top:56px;padding-bottom:104px}
}
@media(max-width:959px){
	.journal-lead{grid-template-columns:1fr;gap:0}
	.journal-lead .journal-frame,.journal-lead .journal-copy{grid-column:auto}
	.journal-lead .journal-copy{padding-top:24px}
	.journal-row--a,.journal-row--b{grid-template-columns:1fr 1fr;gap:48px 32px}
	.journal-card--wide,.journal-card--narrow{grid-column:auto;align-self:start}
	.journal-grid{gap:64px}
	.article-hero__frame{aspect-ratio:16/10}
	.article-hero{margin-top:40px}
	.article-nav{padding-bottom:96px}
}
@media(max-width:639px){
	.journal-masthead::after{margin-top:36px}
	.journal-index{padding-top:40px;padding-bottom:80px}
	.journal-grid{gap:48px}
	.journal-row--a,.journal-row--b{grid-template-columns:1fr;gap:40px}
	.journal-copy{padding-top:16px}
	.journal-lead .journal-copy{padding-top:20px}
	.journal-title{font-size:19px}
	.journal-excerpt{font-size:15px}
	.journal-ledger__link{gap:16px;padding:16px 0}
	.journal-ledger__title{font-size:16px}
	.journal-ledger__meta{display:none}
	.journal-ledger__meta--inline{display:block}
	.journal-search-form{margin-top:24px}
	.journal-search-form .button-small{padding:0 16px}
	.article-head h1{font-size:clamp(2rem, 1.4rem + 3.2vw, 2.75rem)}
	.article-hero{margin-top:32px}
	.article-hero__frame{aspect-ratio:4/3}
	.article-essay .article{padding-bottom:56px}
	.article-essay .article-body{margin-top:36px}
	.article-nav{padding-bottom:72px}
	.article-nav__grid{grid-template-columns:1fr;gap:24px;padding-top:32px}
	.article-nav__item--older{justify-self:stretch}
	.article-nav__item--older .article-nav__link{flex-direction:row;text-align:left}
	.article-nav__item.is-empty{display:none}
}