@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{font-family:'DM Sans',Arial,sans-serif;color:#172923;background:#f5f6f2;font-synthesis:none}
*{box-sizing:border-box;letter-spacing:0}
body{margin:0;border-top:6px solid #295b45;min-height:100vh;min-height:100svh}
.archive{max-width:1280px;margin:auto;padding:46px 48px 80px}
.archive-header{padding-bottom:58px}
.archive-header img{display:block;width:280px;height:64px;object-fit:contain;object-position:left center}
.page-heading{margin-bottom:56px}
h1{font-family:Manrope,Arial,sans-serif;font-size:64px;line-height:1.15;font-weight:700;margin:0 0 20px}
h1>span{color:#91b16c}
.page-heading p{font-size:30px;color:#59665e;margin:0;line-height:1.4}
.year-group h2{font-size:28px;font-weight:600;margin:0 0 22px;padding-bottom:16px;border-bottom:1px solid #cbd3c8}
.month-list{list-style:none;padding:0;margin:0;display:grid;gap:20px}
.month-link{display:grid;grid-template-columns:300px minmax(0,1fr) 62px;align-items:center;gap:38px;text-decoration:none;color:inherit;background:white;border:1px solid #dce1d7;border-radius:6px;overflow:hidden;padding:0 34px 0 0;transition:border-color .2s,box-shadow .2s}
.month-photo{width:100%;height:180px;object-fit:cover;display:block}
.month-name{font-family:Manrope,Arial,sans-serif;font-size:42px;font-weight:700;line-height:1.25}
.month-name>span{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:26px;font-weight:400;color:#617066;margin-top:8px}
.month-arrow{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#e9efdf;color:#295b45;font-size:32px;transition:background .2s,color .2s}
.month-link:hover{border-color:#75935d;box-shadow:0 8px 24px #1729230a}
.month-link:hover .month-arrow{background:#295b45;color:white}
.month-link:focus-visible{outline:3px solid #295b45;outline-offset:5px}
@media(max-width:900px){.archive{padding:32px 28px 60px}.archive-header{padding-bottom:42px}h1{font-size:48px}.page-heading p{font-size:26px}.month-link{grid-template-columns:220px minmax(0,1fr) 48px;gap:24px;padding-right:24px}.month-name{font-size:34px}.month-arrow{width:48px;height:48px}}
@media(max-width:600px){.archive{padding:28px 20px 48px}.archive-header img{width:230px;height:55px}.archive-header{padding-bottom:36px}h1{font-size:38px}.page-heading{margin-bottom:36px}.page-heading p{font-size:23px}.year-group h2{font-size:26px}.month-link{grid-template-columns:minmax(0,1fr) 48px;gap:20px;padding:0 22px 24px}.month-photo{grid-column:1 / -1;width:calc(100% + 44px);max-width:none;margin-left:-22px;height:auto;aspect-ratio:16/9}.month-name{font-size:32px}.month-name>span{font-size:24px}.month-arrow{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}