.workshop-container{max-width:80rem;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}
.workshop-hero{padding-block:2rem 5rem}.workshop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;font-size:.875rem}.workshop-languages{display:flex;border:1px solid var(--steam-navy);border-radius:2rem;overflow:hidden}.workshop-languages button{min-width:3.25rem;min-height:2.75rem;font-weight:700}.workshop-languages button[aria-pressed=true]{background:var(--steam-navy);color:white}
.workshop-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}.workshop-name{font-size:clamp(2.25rem,4.5vw,4rem);line-height:1.05;font-weight:800;margin-block:1rem;color:var(--steam-charcoal)}.workshop-headline{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.2;color:var(--steam-navy);font-weight:700}.workshop-intro{font-size:1.125rem;line-height:1.8;margin-top:1.25rem}
.workshop-facts{padding:1.5rem;margin-top:1.5rem}.workshop-facts>div{display:grid;grid-template-columns:5rem 1fr;gap:1rem;margin-block:.75rem}.workshop-facts dt{color:var(--steam-cyan);font-weight:700}.workshop-facts dd{line-height:1.6;font-weight:600}.workshop-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.75rem}.workshop-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--steam-charcoal);border-radius:2rem;background:var(--steam-charcoal);color:white;padding:.9rem 1.75rem;font-weight:700;min-height:3rem;text-align:center}.workshop-button:hover{background:var(--steam-navy);color:white}.workshop-button--outline{background:white;color:var(--steam-charcoal)}.workshop-button:disabled{opacity:.6;cursor:wait}
.workshop-hero-image{position:relative;padding-bottom:2rem}.workshop-hero-image img{width:100%;height:32rem;object-fit:cover;object-position:56% 40%;border-radius:2.5rem;border:1px solid var(--steam-cyan-line)}.workshop-hero-image figcaption{position:absolute;top:1rem;right:1rem;font-size:.75rem;background:white;border-radius:2rem;padding:.4rem .75rem}.workshop-badge{position:absolute;left:-1rem;bottom:0;border-radius:1.5rem;background:var(--steam-navy);color:white;padding:1.25rem 1.5rem;max-width:95%;box-shadow:var(--steam-shadow)}.workshop-badge strong{display:block;font-size:1.8rem}.workshop-badge span{font-size:.875rem}
.workshop-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem;padding:1rem;border-block:1px solid var(--steam-cyan-line);background:white}.workshop-jump a{padding:.5rem;font-weight:600;font-size:.875rem;color:var(--steam-navy)}.workshop-section{padding-block:4.5rem;scroll-margin-top:6rem}.workshop-section-heading{max-width:50rem;margin-bottom:2rem}.workshop-section h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;line-height:1.2;margin-block:1rem}.workshop-section-heading p,.workshop-card p{line-height:1.8;margin-block:1rem}.workshop-grid{display:grid;gap:1.25rem}.workshop-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.workshop-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.workshop-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}.workshop-card{padding:1.75rem;min-width:0}.workshop-card h3{font-size:1.5rem;font-weight:700;line-height:1.3;margin-top:1rem}.workshop-card>strong{display:block;margin-top:1rem}.workshop-tool{color:var(--steam-cyan)}.workshop-note{font-size:.875rem;line-height:1.8;margin-block:1.5rem}.workshop-preview{margin-bottom:1.5rem;width:100%}.workshop-tint{background:var(--steam-ice);border-block:1px solid #5ecbe34d}.workshop-dark{background:var(--steam-charcoal);color:white}.workshop-dark .section-kicker{color:var(--steam-cyan-line)}.workshop-day{border:1px solid #ffffff26;background:#ffffff0c;border-radius:2rem}.workshop-day ol,.workshop-card ul{list-style:disc;padding-left:1.25rem;line-height:1.8;margin-block:1rem}.workshop-day ol{list-style:decimal}.workshop-day li,.workshop-card li{margin-bottom:.8rem}.workshop-time{color:var(--steam-cyan-line);font-weight:700}.workshop-leave{display:block;margin-top:.5rem}.workshop-dark .workshop-actions a{color:var(--steam-cyan-line);overflow-wrap:anywhere}
.workshop-form{border-radius:2rem;padding:clamp(1.25rem,4vw,2.5rem);margin-top:2rem}.workshop-form label>span{display:block;font-weight:600;font-size:.875rem}.workshop-form input:not([type=checkbox]):not([type=hidden]),.workshop-form select{display:block;width:100%;min-width:0;margin-top:.5rem;border:1px solid #0f9fbe66;border-radius:1rem;background:white;padding:.9rem 1rem}.workshop-form label{min-width:0}.workshop-consent{display:flex;gap:.75rem;align-items:flex-start;margin-block:1.5rem}.workshop-consent input{margin-top:.2rem;width:1.2rem;height:1.2rem;flex:none}.workshop-mode{background:var(--steam-ice);border-radius:1rem;padding:1rem}.workshop-mode strong{display:block;margin-top:.5rem}.workshop-form .cf-turnstile{margin-block:1.25rem;max-width:100%}.workshop-form [data-workshop-status]{margin-top:1rem;line-height:1.8;overflow-wrap:anywhere}.workshop-partner{background:white;border-radius:1.5rem;padding:1.5rem;text-align:center;min-width:0}.workshop-partner img{height:6rem;width:100%;object-fit:contain;margin-bottom:1rem}.workshop-partner h3{font-size:1.25rem;font-weight:700}.workshop-partner p{font-size:.875rem;margin-top:.5rem}.workshop-faq{padding:1.25rem 1.5rem;background:white;border:1px solid var(--steam-cyan-line);border-radius:1rem;margin-top:1rem}.workshop-faq summary{cursor:pointer;font-weight:700}.workshop-faq p{line-height:1.8;margin-top:1rem}
#workshop-main a:focus-visible,#workshop-main button:focus-visible,#workshop-main input:focus-visible,#workshop-main select:focus-visible,.workshop-faq summary:focus-visible{outline:3px solid var(--steam-violet);outline-offset:3px}
@media(max-width:1100px){.workshop-grid--four,.workshop-grid--five{grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-hero-grid{gap:2rem}.workshop-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.workshop-hero-grid,.workshop-grid--two,.workshop-grid--three,.workshop-grid--four,.workshop-grid--five{grid-template-columns:1fr}.workshop-hero-image img{height:23rem}.workshop-badge{left:.5rem}.workshop-section{padding-block:3rem}.workshop-facts>div{grid-template-columns:4rem 1fr;gap:.5rem}.workshop-toolbar{align-items:flex-start}.workshop-name{overflow-wrap:anywhere}.workshop-partner img{height:5rem}.workshop-form .workshop-button{width:100%}}