/* A distinct Workshops destination below the Movable Type menu links. */
.site-menu--expanded .site-menu__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.site-menu__workshops { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); width: min(92vw, 92rem); flex: 0 0 auto; margin: 1.75rem auto 0; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: var(--surface); text-align: left; text-decoration: none; }
.site-menu__workshops-image { width: 100%; height: 100%; min-height: 180px; object-fit: cover; object-position: 48% center; }
.site-menu__workshops-copy { align-self: center; padding: 1.4rem 2rem; }
.site-menu__workshops h2 { margin: 0 0 .5rem; color: var(--ink); font: 400 clamp(1.5rem, 2.5vw, 2.3rem)/1.15 var(--serif); }
.site-menu__workshops p { max-width: 42rem; margin: 0 0 1rem; color: var(--muted); font: .95rem/1.5 var(--sans); }
.site-menu__workshops-action { display: inline-flex; align-items: center; justify-content: center; gap: 1.25rem; min-height: 44px; padding: .6rem 1rem; border-radius: 5px; color: var(--accent-contrast); background: var(--accent); font: 700 .85rem/1.3 var(--sans); }
.site-menu__workshops:hover { border-color: var(--accent); }
.site-menu__workshops:hover .site-menu__workshops-action { background: var(--accent-hover); }
.site-menu__workshops:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
@media (min-width: 701px) and (max-width: 1200px) {
    .site-menu--expanded .site-menu__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .site-menu__workshops { width: min(88vw, 60rem); }
}
@media (max-width: 700px) {
    .site-menu--expanded .site-menu__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .site-menu__workshops { width: min(100%, 34rem); grid-template-columns: minmax(0, 1fr) minmax(0, 2.5fr); margin-bottom: 1.25rem; }
    .site-menu__workshops-copy { padding: 1rem; }
    .site-menu__workshops h2 { font-size: 1.45rem; }
    .site-menu__workshops p { margin-bottom: .8rem; font-size: .82rem; }
    .site-menu__workshops-action { gap: .65rem; font-size: .78rem; }
}

.site-menu__workshops .site-menu__workshops-dates { color: var(--ink); font-weight: 600; }