/* These styles apply only to the new workshop information pages. */
#workshops-page .cf-workshop-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#workshops-page .cf-workshop-card{min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
#workshops-page .cf-workshop-card>a img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#workshops-page .cf-workshop-card-copy{padding:24px;display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:16px}
#workshops-page h2{font-size:26px}
#workshops-page .cf-workshop-card-copy p{color:var(--muted)}
#workshops-page .cf-workshop-card-copy .button{margin-top:auto;min-height:44px}
#workshop-page .cf-workshop-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
#workshop-page h1{font-size:clamp(32px,4vw,48px)}
#workshop-page .cf-workshop-intro p{margin-top:20px;color:var(--muted);font-size:17px;max-width:540px}
#workshop-page .cf-workshop-cover{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px}
#workshop-page .cf-workshop-info{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;margin-top:36px;align-items:start}
#workshop-page .cf-workshop-body p{margin-bottom:18px;line-height:1.8}
#workshop-page .cf-workshop-dates{background:var(--blush);border:1px solid var(--line);border-radius:10px;padding:28px}
#workshop-page .cf-workshop-dates h2{font-size:25px;margin-bottom:14px}
#workshop-page .cf-workshop-dates p{margin-bottom:18px;color:var(--muted)}
#workshop-page .cf-workshop-dates .button{min-height:44px;max-width:100%}
#workshop-page .cf-workshop-back{margin-top:24px;max-width:none;text-align:left}
@media(max-width:900px){
 #workshops-page .cf-workshop-cards{grid-template-columns:minmax(0,1fr)}
 #workshops-page .cf-workshop-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
 #workshops-page .cf-workshop-card>a img{height:100%;min-height:180px}
 #workshop-page .cf-workshop-intro{gap:24px}
 #workshop-page .cf-workshop-info{gap:24px}
}
@media(max-width:600px){
 #workshops-page .cf-workshop-card{display:flex}
 #workshops-page .cf-workshop-card>a img{height:auto;min-height:0}
 #workshops-page .cf-workshop-card-copy{padding:20px}
 #workshop-page .cf-workshop-intro,#workshop-page .cf-workshop-info{grid-template-columns:minmax(0,1fr);gap:24px}
 #workshop-page .cf-workshop-intro p{font-size:16px}
 #workshop-page .cf-workshop-dates{padding:22px}
}
/* 0530: connected copy, independent dates and request form. Scoped to workshop detail pages. */
#workshop-page .cf-ws-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start;margin-top:30px}
#workshop-page .cf-ws-story header{margin:0}
#workshop-page .cf-ws-story h1{font-size:clamp(30px,3.4vw,47px);line-height:1.15;margin:8px 0 14px}
#workshop-page .cf-ws-lead{font-size:18px;line-height:1.65;color:var(--muted);margin:0 0 22px}
#workshop-page .cf-ws-copy p{font-size:15px;line-height:1.8;margin:0 0 16px}
#workshop-page .cf-ws-figure{margin:0;min-width:0}
#workshop-page .cf-ws-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px}
#workshop-page figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:10px}
#workshop-page .cf-ws-benefits{margin-top:22px}
#workshop-page .cf-ws-benefits h2{font-size:23px;margin:0 0 12px}
#workshop-page .cf-ws-benefits ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
#workshop-page .cf-ws-benefits li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6}
#workshop-page .cf-ws-benefits .icon{width:19px;height:19px;padding:3px;background:var(--teal);color:white;border-radius:50%;flex-shrink:0;margin-top:2px}
#workshop-page .cf-ws-booking{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start;margin-top:42px}
#workshop-page .cf-ws-booking h2{font-size:30px;line-height:1.25;margin:0 0 12px}
#workshop-page .cf-ws-muted{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 20px}
#workshop-page .cf-ws-events{display:grid;gap:14px}
#workshop-page .cf-ws-event{display:flex;align-items:flex-start;gap:16px;border:1px solid var(--line);border-radius:9px;padding:18px;text-decoration:none;color:var(--ink);background:#fff;min-width:0}
#workshop-page a.cf-ws-event:hover,#workshop-page .cf-ws-event.is-selected{border-color:#ed3b91;background:#fdf2f7}
#workshop-page .cf-ws-date-badge{width:58px;flex-shrink:0;display:grid;place-items:center;gap:3px;padding:7px 4px;border-radius:7px;background:#f8f6fa}
#workshop-page .cf-ws-date-badge strong{font-family:var(--serif);font-size:29px;line-height:1.1}
#workshop-page .cf-ws-date-badge span{font-size:11px}
#workshop-page .cf-ws-event-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;flex:1;line-height:1.5;font-size:13px;color:var(--muted);overflow-wrap:break-word}
#workshop-page .cf-ws-event-copy>strong{font-size:14px;color:var(--ink)}
#workshop-page .cf-ws-event-copy .cf-ws-price{font-weight:600;color:var(--ink)}
#workshop-page .cf-ws-event-note{font-size:12px}
#workshop-page .cf-ws-availability{display:inline-block;border-radius:20px;background:#e8f6f2;color:#28776d;font-size:11px;line-height:1.5;padding:3px 9px;margin-top:3px}
#workshop-page .cf-ws-availability.is-closed{background:#f1edf2;color:#70677a}
#workshop-page .cf-ws-radio{width:20px;height:20px;flex:0 0 20px;margin-top:6px;border:1px solid #cdc5d4;border-radius:50%}
#workshop-page .is-selected .cf-ws-radio{border:5px solid #ed3b91;background:#fff}
#workshop-page .cf-ws-newsletter{display:flex;gap:18px;background:#f0f8f7;border-radius:9px;padding:23px;margin-top:25px}
#workshop-page .cf-ws-newsletter>.icon{width:28px;height:28px;flex-shrink:0;color:var(--teal);margin-top:2px}
#workshop-page .cf-ws-newsletter h3{font-size:18px;margin:0 0 7px;color:#286e70}
#workshop-page .cf-ws-newsletter p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 10px}
#workshop-page .cf-ws-newsletter .text-link{font-size:13px;line-height:1.6}
#workshop-page .cf-ws-practical{margin-top:26px}
#workshop-page .cf-ws-practical h3{font-size:23px;margin:0 0 10px}
#workshop-page .cf-ws-practical p{font-size:14px;line-height:1.8;margin:0 0 12px;color:var(--muted)}
#workshop-page .cf-ws-form-card{border:1px solid var(--line);border-radius:12px;padding:28px;min-width:0;scroll-margin-top:110px}
#workshop-page .cf-ws-form-card .eyebrow{font-size:11px;margin-bottom:8px}
#workshop-page .cf-ws-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 16px}
#workshop-page .cf-ws-full{grid-column:1/-1}
#workshop-page .cf-ws-form label{display:flex;flex-wrap:wrap;align-content:flex-start;column-gap:5px;row-gap:8px;font-size:13px;line-height:1.5;min-width:0}
#workshop-page .cf-ws-form :is(input:not([type=hidden]),select,textarea){width:100%;min-width:0;max-width:100%;padding:11px 12px;border:1px solid #d8d1df;border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:15px;box-sizing:border-box;min-height:44px}
#workshop-page .cf-ws-form textarea{resize:vertical;min-height:100px}
#workshop-page .cf-ws-form :is(input,select,textarea):focus{border-color:#318d89;outline:2px solid #318d8933;outline-offset:1px}
#workshop-page .cf-ws-required{color:#d72578}
#workshop-page .cf-ws-optional{font-weight:400;color:var(--muted);font-size:12px}
#workshop-page .cf-ws-form .button{width:100%;min-height:46px;justify-content:center}
#workshop-page .cf-ws-privacy{font-size:11px;line-height:1.7;color:var(--muted);margin:0}
#workshop-page .cf-ws-privacy a{color:#c52b75;text-decoration:underline}
#workshop-page .cf-ws-form-hint{font-size:12px;color:var(--muted);text-align:center;margin:-7px 0 0;line-height:1.6}
#workshop-page .cf-ws-parent-note{font-size:13px;background:#f2f8f7;border-radius:6px;padding:12px;line-height:1.7;margin:0 0 20px}
#workshop-page .cf-ws-notice{padding:15px 17px;border-radius:7px;border:1px solid;margin-bottom:20px;font-size:14px;line-height:1.7}
#workshop-page .cf-ws-notice.is-success{background:#f1f9f3;color:#356347;border-color:#bddbc7}
#workshop-page .cf-ws-notice.is-error{background:#fff5f2;color:#8c432c;border-color:#ebc5b8}
#workshop-page .cf-ws-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#workshop-page .cf-ws-back{margin-top:30px;max-width:none;text-align:left;font-size:13px}
@media(max-width:1000px){#workshop-page .cf-ws-intro,#workshop-page .cf-ws-booking{gap:28px}#workshop-page .cf-ws-form-card{padding:22px}#workshop-page .cf-ws-form{column-gap:12px}#workshop-page .cf-ws-event{padding:14px;gap:12px}}
@media(max-width:760px){#workshop-page .cf-ws-intro,#workshop-page .cf-ws-booking{grid-template-columns:minmax(0,1fr);gap:25px}#workshop-page .cf-ws-intro{margin-top:22px}#workshop-page .cf-ws-story h1{font-size:34px}#workshop-page .cf-ws-booking{margin-top:30px}#workshop-page .cf-ws-lead{font-size:17px}#workshop-page .cf-ws-booking h2{font-size:28px}#workshop-page .cf-ws-form :is(input:not([type=hidden]),select,textarea){font-size:16px}}
@media(max-width:380px){#workshop-page .cf-ws-form-card{padding:18px}#workshop-page .cf-ws-form{grid-template-columns:minmax(0,1fr)}#workshop-page .cf-ws-date-badge{width:45px}#workshop-page .cf-ws-event{gap:10px}#workshop-page .cf-ws-newsletter{padding:18px;gap:12px}}
#workshop-page .cf-ws-newsletter .text-link{max-width:none;text-align:left;white-space:normal;flex-shrink:1;font-size:13px}
@media(max-width:760px){#workshop-page label[for=ws-whatsapp],#workshop-page label[for=ws-persons]{grid-column:1/-1}}
#workshop-page .cf-ws-story,#workshop-page .cf-ws-event-copy{min-width:0;overflow-wrap:anywhere}
@media(max-width:380px){#workshop-page .cf-ws-story h1{font-size:30px}}
