.monthly-section{margin:36px 0 48px;color:var(--ink)}
.monthly-heading{display:flex;align-items:center;gap:18px;margin-bottom:16px}.monthly-heading img{object-fit:contain}.monthly-heading h2{font-size:30px;margin:0 0 6px}.monthly-heading p,.monthly-intro{color:var(--muted);font-size:14px;line-height:1.6}.monthly-intro{max-width:65ch;margin-bottom:22px}
.monthly-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.monthly-card{display:flex;flex-direction:column;min-width:0;padding:0;background:var(--white);color:var(--ink);border-radius:14px;overflow:hidden;text-align:left;cursor:pointer;box-shadow:0 6px 20px #0000000c}.monthly-card>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}.monthly-copy{padding:16px;display:grid;gap:10px}.monthly-copy strong{font-size:18px;line-height:1.3}.monthly-copy>span{font-size:13px;line-height:1.6;color:var(--muted)}.monthly-copy small,.monthly-copy em{font-size:12px;line-height:1.5;color:var(--muted)}.monthly-copy em{font-style:normal}.monthly-card:focus-visible{outline:3px solid var(--green);outline-offset:4px}.monthly-card:hover strong{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.monthly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.monthly-heading{gap:10px}.monthly-heading img{width:76px;height:54px}.monthly-heading h2{font-size:25px}.monthly-heading p{font-size:12px}.monthly-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:14px;padding:0 4px 18px;scrollbar-color:var(--green) var(--paper)}.monthly-card{flex:0 0 78%;scroll-snap-align:start}.monthly-copy strong{font-size:20px}.monthly-section{margin:28px 0}.monthly-intro{font-size:13px}}