/* Empowered Minds — workshop page styles. Original page design preserved. */
:root {
  --navy-deep: #062639;
  --navy-mid: #174459;
  --pink-pale: #fff8fb;
  --ink: #244354;
  --shadow: 0 19px 60px rgba(8,46,67,.085);
}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--navy);background:#fff;font:15px/1.75 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;line-height:1.2;letter-spacing:-.045em}p{color:var(--ink)}:focus-visible{outline:3px solid #ed2b81;outline-offset:4px}.wrap{width:min(calc(100% - 72px),var(--content));margin:auto}
.notice{background:var(--navy-deep);color:#d1dfe7;text-align:center;font-size:10px;letter-spacing:.13em;font-weight:700;padding:7px 14px}.header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #f0e6ec}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:239px;height:73px;position:relative;display:flex;align-items:center;overflow:hidden;flex-shrink:0}.brand img{position:absolute;max-width:none;width:352px;left:-58px;top:-54px;display:none}.brand.asset-loaded img{display:block}.brand-fallback{font:800 20px Manrope,Arial,sans-serif;letter-spacing:-.05em}.brand.asset-loaded .brand-fallback{display:none}.links{display:flex;align-items:center;gap:27px}.links a:not(.button){font-size:13px;font-weight:700;color:#2c4554}.links a:not(.button):hover{color:var(--pink-deep)}.menu{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;height:42px;width:42px;color:var(--navy);font-size:23px}
.button{border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--pink-deep);color:#fff;font-weight:700;font-size:13px;line-height:1.3;padding:16px 20px;min-height:49px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-2px);background:#9e0e4a;box-shadow:0 10px 22px rgba(191,19,92,.2)}.button-secondary{background:#fff;border:1px solid #e4cbd7;color:var(--navy)}.button-secondary:hover{background:#fff4f8;color:var(--navy);box-shadow:none}.button-ghost{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff}.button-ghost:hover{background:rgba(255,255,255,.07)}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--pink-deep)}.eyebrow::before{content:'';width:23px;height:2px;background:currentColor;display:block}.crumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px;padding:19px 0}.crumbs a:hover{text-decoration:underline}.crumbs strong{color:var(--navy)}
/* Content-first header, not a decorative full-screen hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#0d3b50,#082e43 50%,#062638);padding:54px 0 66px}.hero::before{content:'';position:absolute;border-radius:50%;width:490px;height:490px;right:-90px;top:-250px;box-shadow:inset 0 0 0 1.5px rgba(255,169,205,.1),0 0 0 70px rgba(233,67,140,.025),0 0 0 145px rgba(233,67,140,.018)}.hero::after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:18%;bottom:-135px;background:rgba(237,43,129,.15);filter:blur(40px)}.hero .wrap{position:relative;z-index:1}.hero .eyebrow{color:#ff9ac8}.hero h1{font-size:clamp(41px,6vw,72px);color:white;max-width:900px;margin:15px 0 17px;font-weight:800}.hero h1 em{font-style:normal;color:#ff8bbd}.qualification{display:inline-flex;align-items:flex-start;gap:11px;color:#f8dce9;border-left:3px solid #ff6aa8;padding:10px 0 10px 15px;font-size:15px;font-weight:600;max-width:735px;line-height:1.55}.hero-shortcuts{margin-top:26px;display:flex;gap:11px;flex-wrap:wrap}
/* Information first: one reading column and one concise details panel */
.summary{padding:75px 0 92px;background:radial-gradient(circle at 15% 100%,#fff3f8,transparent 40%),#fff}.summary-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(310px,.78fr);gap:72px;align-items:start}.summary h2{font-size:clamp(29px,3.25vw,43px);margin:17px 0 24px;max-width:640px}.description{font-size:17px;line-height:1.95;max-width:670px;color:#345365}.summary-note{border-top:1px solid var(--line);padding-top:22px;margin-top:32px;color:#68808a;font-size:13px;max-width:650px}.details{background:#fff;border:1px solid #f0dce5;border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.details-top{padding:24px 28px;background:#fff3f8;border-bottom:1px solid #f0dce5}.details-top .eyebrow{font-size:10px}.details-top h3{font-size:24px;margin-top:10px;color:var(--navy)}.details-main{padding:27px 28px 29px}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:20px}.detail-row small{color:#617580;font-size:13px}.detail-row strong{font-size:14px;font-weight:800}.details h4{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--pink-deep);margin:0 0 15px}.included{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:15px}.included li{display:flex;gap:11px;align-items:flex-start;color:#2f4c5a;font-size:13px;line-height:1.65}.check{width:22px;height:22px;border-radius:50%;background:#fde8f1;color:var(--pink-deep);display:grid;place-items:center;flex:none;font-weight:800;font-size:12px}.details .button{width:100%;text-align:center}.details .secondary-action{display:block;text-align:center;color:var(--pink-deep);font-size:12px;font-weight:800;margin-top:15px;text-decoration:underline;text-underline-offset:3px}
.section{padding:90px 0}.section h2{font-size:clamp(30px,3.5vw,44px);margin:14px 0 22px}.two-col{display:grid;grid-template-columns:.74fr 1.26fr;gap:100px}.copy p{font-size:15.5px;line-height:1.94;max-width:740px}.copy p+p{margin-top:19px}.audience{background:linear-gradient(115deg,#fff0f6 0%,#fff8fb 70%,#fff)}.audience .eyebrow{color:var(--pink-deep)}.side-note{height:3px;background:var(--pink);width:54px;margin-top:23px;border-radius:10px}
.why{background:#fff}.why-panel{background:linear-gradient(120deg,#0b384d,#082e43 60%,#062639);border-radius:22px;padding:53px 60px;position:relative;overflow:hidden}.why-panel::after{content:'';position:absolute;width:300px;height:300px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.085);border-radius:50%;right:-95px;top:-140px}.why-panel h2{color:#fff;font-size:clamp(29px,3.5vw,43px);margin:15px 0 17px}.why-panel .eyebrow{color:#fa98c4}.why-panel p{color:#dfebf0;max-width:810px;font-size:16px;line-height:1.9}
.events{background:#fff9fb}.events-intro{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:27px}.events-intro h2{margin-bottom:0}.inline{font-size:13px;font-weight:800;color:var(--pink-deep);text-decoration:underline;text-underline-offset:5px;white-space:nowrap;padding-bottom:8px}.providers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.provider{background:white;border:1px solid #f0dce5;border-radius:17px;min-height:187px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;box-shadow:0 9px 27px rgba(8,46,67,.03)}.provider-image{height:86px;width:100%;display:flex;align-items:center;justify-content:center}.provider-image img{max-width:230px;max-height:82px;object-fit:contain}.provider strong{text-align:center;font-size:13px;color:#315264;line-height:1.5}.fineprint{font-size:12px;color:#72838e;margin-top:15px}
.bottom{background:#fff;padding:87px 0}.bottom-inner{background:#fcecf3;border:1px solid #f4d7e4;border-radius:22px;padding:43px 51px;display:flex;justify-content:space-between;align-items:center;gap:28px}.bottom-inner h2{font-size:clamp(25px,3vw,38px);margin:0 0 9px}.bottom-inner p{color:#4b6674;font-size:13px}.bottom-inner .button{flex-shrink:0}
footer{background:#f8f7f8;border-top:1px solid #f0e6ed;padding:48px 0 27px}.foot-grid{display:flex;gap:60px;justify-content:space-between}.foot-text{max-width:370px}.foot-text strong{font:800 20px Manrope,Arial,sans-serif}.foot-text p{font-size:12px;margin-top:10px;line-height:1.8}.foot-links{display:flex;gap:80px}.foot-links h3{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:13px}.foot-links a{display:block;font-size:12px;color:#46606f;margin-top:8px}.foot-bottom{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:37px;padding-top:20px;border-top:1px solid var(--line)}.foot-bottom p{font-size:11px;max-width:830px;color:#657985}.foot-bottom small{font-size:11px;color:#657985;white-space:nowrap}
@media(max-width:960px){.summary-grid{gap:37px}.two-col{gap:60px}.header-inner{height:75px}.links{gap:18px}.brand{width:218px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.menu{display:block}.links{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 15px 32px rgba(4,29,42,.12);display:none;flex-direction:column;align-items:stretch;padding:15px 24px 24px;gap:0}.links.open{display:flex}.links a:not(.button){padding:12px 0;border-bottom:1px solid var(--line)}.links .button{margin-top:17px}.summary-grid{grid-template-columns:1fr;gap:35px}.summary{padding:59px 0 71px}.details{max-width:600px}.two-col{grid-template-columns:1fr;gap:19px}.section{padding:72px 0}.why-panel{padding:43px}.events-intro{align-items:start}.provider{padding:15px}.foot-links{gap:40px}}
@media(max-width:580px){.wrap{width:calc(100% - 36px)}.notice{font-size:8px}.header-inner{height:68px}.brand{width:218px;height:67px}.brand img{width:330px;left:-54px;top:-51px}.hero{padding:41px 0 48px}.hero h1{font-size:clamp(35px,11vw,49px)}.qualification{font-size:13px}.hero-shortcuts{gap:10px}.hero-shortcuts .button{width:100%;font-size:12px}.summary{padding:55px 0 65px}.description{font-size:15.5px}.summary h2{font-size:31px}.details-top{padding:20px}.details-main{padding:20px}.section{padding:61px 0}.copy p{font-size:14.5px}.why-panel{padding:30px 24px}.why-panel p{font-size:14.5px}.events-intro{flex-direction:column;gap:13px}.providers{grid-template-columns:1fr}.provider{min-height:130px;flex-direction:row;justify-content:flex-start;gap:15px}.provider-image{width:85px;flex:none}.provider-image img{max-width:85px;max-height:55px}.provider strong{text-align:left;font-size:12px}.bottom{padding:60px 0}.bottom-inner{padding:29px 24px;flex-direction:column;align-items:start}.bottom-inner .button{width:100%}.foot-grid,.foot-bottom{flex-direction:column;align-items:start;gap:26px}.foot-links{gap:45px}.foot-bottom{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V6: three original text groups side-by-side, no card treatment. */
.original-information{padding:83px 0 95px;background:linear-gradient(180deg,#fff 0%,#fffcfd 100%)}
.original-information .wrap{text-align:left}
.original-information-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(26px,3.2vw,52px);align-items:start}
.original-information .information-column{min-width:0}
.original-information h2{font-size:clamp(25px,2.2vw,32px);line-height:1.25;color:var(--navy);margin:0 0 20px;letter-spacing:-.04em}
.original-information p{font-size:15.5px;line-height:1.85;color:#315266;margin:0}
.original-information p+p{margin-top:20px}
@media(max-width:800px){.original-information{padding:61px 0 74px}.original-information-grid{grid-template-columns:1fr;gap:38px}.original-information h2{font-size:30px;margin-bottom:14px}.original-information p{max-width:760px}}
@media(max-width:580px){.original-information{padding:50px 0 59px}.original-information-grid{gap:33px}.original-information h2{font-size:28px;margin-bottom:12px}.original-information p{font-size:15px;line-height:1.83}}
.practical{background:#fff6fa;border-top:1px solid #f4e1e9;border-bottom:1px solid #f4e1e9;padding:89px 0}
.practical-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:72px;align-items:center}
@media(max-width:800px){.practical-grid{grid-template-columns:1fr;gap:30px}.practical{padding:69px 0}}
@media(max-width:580px){.practical{padding:57px 0}.practical .details-main{padding:26px 23px}}
.practical-intro h2{font-size:clamp(32px,3.5vw,49px);margin:18px 0 16px}
.practical-intro p{font-size:16px;line-height:1.8;max-width:440px}
.text-action{display:inline-block;margin-top:23px;font-size:14px;font-weight:800;color:var(--pink-deep);text-decoration:underline;text-underline-offset:4px}
.practical .details{width:100%;max-width:560px}
.practical .details-main{padding:34px 37px}


/* Use the owners' current logo without the obsolete image cropping. */
.brand img{position:static;max-width:100%;width:100%;height:100%;object-fit:contain;left:auto;top:auto}

/* ==========================================================================
   V6 polish (visual only: no copy, markup or structure changes)
   ========================================================================== */

/* 1. Three columns: start every paragraph on the same line even though the first
      heading wraps to more lines. Heights are in em so they follow the fluid h2 size. */
@media(min-width:951px){.original-information h2{min-height:2.5em}}
@media(min-width:801px) and (max-width:950px){.original-information h2{min-height:3.75em}}

/* 2. Section rhythm: "At a glance" and "Upcoming Workshops" were two near-identical pink
      bands. Upcoming is now white; the pink details band stands out as the one tinted band. */
.events{background:#fff}
.events-intro{margin-bottom:36px}
.events+.bottom{padding-top:0}

/* 3. Provider logos: a taller, consistent logo area so the three colleges read at similar size. */
.provider{min-height:208px;gap:14px}
.provider-image{height:104px}
.provider-image img{max-width:240px;max-height:100px}

/* 4. Details panel: slightly larger supporting text (was 13px). */
.detail-row small{font-size:14px}
.detail-row strong{font-size:15px}
.included li{font-size:14px}
.details .secondary-action{font-size:13px}

/* 5. Comfortable touch targets for text-style links and the menu button (44px preferred). */
.menu{width:44px;height:44px;flex-shrink:0}
.text-action,.inline,.details .secondary-action{display:inline-flex;align-items:center;min-height:44px}
.details .secondary-action{display:flex;justify-content:center;margin-top:6px}
.text-action{margin-top:11px}
.inline{padding-bottom:0}

/* 6. Focus ring that is clearly visible on the navy hero (the default pink is low contrast there). */
.hero :focus-visible,.notice :focus-visible{outline-color:#ffb3d3}

/* 7b. Stripe slot (inactive until the `hidden` attribute is removed in the HTML). Pre-styled so
      activation needs no CSS work. The [hidden] rule is explicit so display:grid can't override it. */
.checkout-slot{display:grid;gap:12px;margin:0 0 12px}
.checkout-slot[hidden]{display:none}
.checkout-slot-label{font-size:14px;font-weight:600;color:#2f4c5a;line-height:1.6}
.checkout-slot-label:empty{display:none}

/* 7. Hand-drawn pink underline restored from the original site's headings.
      Wrap heading text in <span class="swoosh">. The curve lives in assets/images/underline-swoosh.svg
      (change its colour or thickness there). box-decoration-break:clone gives every wrapped line its own underline. */
.swoosh{
  background:url(../images/underline-swoosh.svg) 0 100% / 100% .5em no-repeat;
  padding-bottom:.2em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
}
/* The underline hangs below the text, so give the paragraph a little extra room (+6px at each size). */
.original-information h2{margin-bottom:26px}
@media(max-width:800px){.original-information h2{margin-bottom:20px}}
@media(max-width:580px){.original-information h2{margin-bottom:18px}}

/* 8. The pink header's wavy lower edge hangs about 22px over the breadcrumb row, so nudge the row down. */
header.site-banner + main > .crumbs{margin-top:14px}

/* 9. Delivery options: three tab buttons, each showing its own panel (JS in workshop.js).
      Sits directly under the three plain information columns, continuing their background.
      Without JavaScript all three panels simply show one after another. */
.delivery{background:linear-gradient(180deg,#fffcfd 0%,#fff 100%);padding:0 0 88px}
.delivery-inner{border-top:1px solid var(--line);padding-top:56px}
.delivery h2{font-size:clamp(25px,2.2vw,32px);line-height:1.25;color:var(--navy);margin:0 0 26px;letter-spacing:-.04em}
.delivery-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.delivery-tab{
  min-height:68px;padding:14px 20px;border-radius:14px;
  border:1.5px solid #e4cbd7;background:#fff;color:var(--navy);
  font:700 16px/1.3 'Manrope',Arial,sans-serif;letter-spacing:-.02em;text-align:center;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.delivery-tab:hover{background:var(--pink-soft);border-color:var(--pink-deep);color:var(--pink-deep)}
.delivery-tab[aria-selected="true"]{background:var(--pink-deep);border-color:var(--pink-deep);color:#fff;box-shadow:0 10px 22px rgba(191,19,92,.22)}
.delivery-tab[aria-selected="true"]:hover{background:#a60f50;border-color:#a60f50;color:#fff}
.delivery-panel{
  margin-top:16px;padding:28px 32px;border-radius:16px;
  background:var(--pink-soft);border:1px solid #f4d7e4;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.delivery-panel[hidden]{display:none}
.delivery-panel+.delivery-panel{margin-top:14px}
.delivery-panel p{font-size:15.5px;line-height:1.8;color:#315266;max-width:640px;margin:0}
.delivery-panel .button{flex-shrink:0}
/* AI-authored placeholder text, visibly different from owner copy so it is not mistaken for real wording. */
.delivery-pending{font-style:italic;color:#5c7280!important}
@media(max-width:800px){
  .delivery{padding-bottom:70px}
  .delivery-inner{padding-top:44px}
  .delivery-tabs{grid-template-columns:1fr}
  .delivery-panel{flex-direction:column;align-items:flex-start;gap:18px;padding:24px}
}
@media(max-width:580px){
  .delivery{padding-bottom:58px}
  .delivery-inner{padding-top:36px}
  .delivery-panel .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.delivery-tab{transition:none}}