.jm-archive-page .jm-archive{ padding-bottom:4rem; }
.jm-archive-page .jm-year-head{ display:flex; align-items:baseline; justify-content:space-between; gap:1rem; border-top:1px solid var(--color-text); padding-block:1rem; }
.jm-archive-page .jm-year-head h2{ font:italic 2rem/1 var(--font-heading); margin:0; }
.jm-archive-page .jm-archive-row{ border-top:1px solid var(--color-border); }
.jm-archive-page .jm-archive-row>a{ display:grid; grid-template-columns:5rem 1fr auto; align-items:center; gap:1rem; padding-block:1.5rem; color:var(--color-text); text-decoration:none; }
.jm-archive-page .jm-archive-image{ padding:.5rem .5rem 1rem; background:var(--jm-print-white); box-shadow:var(--jm-print-shadow); }
.jm-archive-page .jm-archive-image img{ display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; filter:grayscale(1); }
.jm-archive-page .jm-archive-title h3{ font-size:1.75rem; line-height:1.05; letter-spacing:-.02em; margin:.5rem 0; }
.jm-archive-page .jm-row-arrow{ font-size:1.25rem; }
@media(min-width:48rem){.jm-archive-page .jm-archive-row>a{ grid-template-columns:12rem 1fr auto; gap:2rem; padding-block:2rem; }
}
@media(min-width:48rem){.jm-archive-page .jm-archive-image{ padding:.75rem .75rem 1.5rem; }
}
@media(min-width:48rem){.jm-archive-page .jm-archive-title h3{ font-size:3rem; }
}