.flyer-thumbnail{flex:0 0 92px;width:92px;border:0;padding:0;background:transparent;color:var(--ink);font:600 12px/1.3 system-ui;cursor:pointer;text-align:center}
.flyer-thumbnail img{display:block;width:100%;height:130px;object-fit:contain;border-radius:5px;box-shadow:0 2px 9px #14382b20;background:white}
.flyer-thumbnail span{display:block;margin-top:6px}
.flyer-thumbnail:focus-visible{outline:3px solid var(--green);outline-offset:5px;border-radius:5px}
.flyer-thumbnail:hover img{box-shadow:0 3px 13px #14382b40}
.next.next-feature{display:block}
.next-feature .event-copy{flex:1;min-width:0}
.next-feature .event-actions .button{font-size:16px}
.next-feature .edition-panel{width:100%}
.next-feature .edition-facts p{font-size:17px;margin:0 0 8px}
.edition-panel .edition-flyer{width:auto;height:auto;max-width:100%;max-height:66vh;max-height:min(66svh,560px);object-fit:contain;margin:0 auto 22px}
.edition-panel .edition-facts{padding:0;max-width:75ch;margin:0 auto}
@media(max-width:700px){
 .event-row{gap:12px;align-items:center}
 .event-row>.datebox{flex:0 0 62px;min-width:62px}
 .event-copy{flex:1 1 calc(100% - 80px);min-width:0}
 .flyer-thumbnail{flex:0 0 68px;width:68px;margin-left:0}
 .flyer-thumbnail img{height:96px}
 .event-actions{flex:1 1 145px;min-width:0;flex-direction:column}
 .event-actions .button{width:100%;flex:0 0 auto;min-height:44px;font-size:15px;gap:8px}
 .next.next-feature{padding:22px 16px}
 .next-feature .event-actions .button{font-size:14px}
 .next-feature .event-copy p{font-size:15px}
 .edition-panel .edition-flyer{max-height:60vh;max-height:min(60svh,480px)}
}
@media(max-width:370px){.flyer-thumbnail{margin-left:0}.event-actions{flex-basis:150px}}

/* The home card has its own flex shorthand on desktop. Use explicit rows on
   phones so that it cannot squeeze the text between the preview and buttons. */
@media(max-width:700px){
 .next-feature .event-row{display:grid;grid-template-columns:62px minmax(0,1fr);gap:18px 14px;align-items:start}
 .next-feature .event-row>.datebox{grid-column:1;grid-row:1;width:62px;min-width:0}
 .next-feature .event-copy{grid-column:2;grid-row:1;min-width:0;overflow-wrap:anywhere}
 .next-feature .flyer-thumbnail{grid-column:1;grid-row:2;width:62px;min-width:0;margin:0}
 .next-feature .flyer-thumbnail img{width:62px;height:88px}
 .next-feature .event-actions{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-width:0;width:100%;margin:0}
 .next-feature .event-actions .button{width:100%;min-width:0;margin:0;white-space:normal;overflow-wrap:anywhere;justify-content:space-between}
 .next-feature .badge{overflow-wrap:normal}
}
.carousel-arrow{display:grid;place-items:center;padding:0;font-size:0;line-height:0}
.carousel-arrow svg{display:block;width:26px;height:26px;flex:none;pointer-events:none}