/* GD_SPEC_v1.1 mock (built on v1): "Sketchbook Studio · A Marker & Dot Grid" (board A v2). Injected at screenshot time only. No text, link or price changes.
   v1.1: the Self-paced card now gets the greyed unavailable treatment (Rowan 23:35); see v1.1 block.
   Foundation (nb-bar, header, c-switch, footer, .sbar) untouched. */
:root{--gd-paper:#FBF8F2;--gd-white:#FFFFFF;--gd-dot:#C9D0DE;--ink:#14204A;--navy:#253679;--cta:#BF5508;--cta-h:#A64508;
 --gd-pink:#FFE4E6;--gd-sky:#DCEEF9;--gd-lemon:#FFFBD9;--gd-peach:#FFEDD5;
 --gl-bg:rgba(255,255,255,.66);--gl-blur:saturate(160%) blur(18px);
 --dots:radial-gradient(circle,#C9D0DE 1.2px,transparent 1.4px) 0 0/24px 24px}
main#main{background:var(--gd-paper)}
/* dot-grid paper (backgrounds/dot-grid-background) + pastel light, on the "make" bands; plain white on reading bands */
#course-top,#what-you-will-create,#try-it,#five-lesson-journey{background:radial-gradient(24% 34% at 6% 16%,rgba(255,228,230,.9),transparent 70%),radial-gradient(24% 34% at 94% 22%,rgba(220,238,249,.95),transparent 70%),radial-gradient(28% 36% at 60% 100%,rgba(255,251,217,.9),transparent 70%),var(--dots),var(--gd-paper)!important}
main>section.band.tint:not([id]),#taste-of-the-course,#before-your-first-lesson,#before-you-begin,#creative-freedom-clear-boundaries{background:var(--gd-white)!important}
#learning-formats,#class-times,#your-next-step,#contact-block,main .hl-band{background:var(--gd-paper)!important}
#course-top .blobs{display:none}
main .band{padding-block:var(--s-9,72px)}@media (max-width:640px){main .band{padding-block:var(--s-7,40px)}}
main h1,main h2{color:var(--navy)}
/* hero: website-designer highlight word — existing span.squiggle "better." as an orange block, white text (64px+, AA 4.6:1) */
#course-top h1 .squiggle{background:var(--cta)!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#fff!important;color:#fff!important;padding:0 .18em .04em;border-radius:10px;box-shadow:4px 4px 0 var(--ink);display:inline-block;transform:rotate(-1.5deg)}
#course-top h1 .squiggle svg{display:none}
#course-top .toy-stage{background:#fff!important;border:1.5px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink)}
#course-top .hero-blob{background:var(--gd-sky)!important}
/* scribbled chips: pastel fill + hard ink offset shadow (stats, notes, chips) */
#course-top .pg-stats-hero,#course-top .hero-notes .note{background:rgba(255,255,255,.8)!important;border:1.5px solid var(--ink)!important;border-radius:14px!important;box-shadow:3px 3px 0 var(--ink)!important}
main .chips span,main .chips a,main .chips li{border:1.5px solid var(--ink)!important;box-shadow:2px 2px 0 var(--ink)!important}
main .hl-list li{border:1.5px solid var(--ink)!important;box-shadow:4px 4px 0 var(--ink)!important;border-radius:14px!important}
/* frosted sketch cards: glass fill + 1.5px ink line + 4px hard offset shadow (solid fallback) */
main .card:not(#educators-support .card),main .act,main .gdg-card,main .nc-contact,main .pp-incl,main .pp-cal,#learning-formats .fmt-card:has(.av-booked),main .cs-stage{
 background:var(--gl-bg)!important;-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);border:1.5px solid var(--ink)!important;border-radius:18px!important;box-shadow:4px 4px 0 var(--ink),inset 0 1px 0 #fff!important;transition:transform .16s cubic-bezier(.2,.7,.2,1),box-shadow .16s}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){main .card,main .act,main .gdg-card,main .nc-contact,main .pp-incl,main .pp-cal,main .cs-stage{background:#fff!important}}
main .card:not(#educators-support .card):hover,main .act:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink),inset 0 1px 0 #fff!important}
/* student work (scribbled work cards): white frame + washi tape */
#student-work .sg-gview img{border-radius:10px}
#student-work .sg-gview figure,#student-work .sg-gview .sg-card,#student-work .sg-gview li{position:relative}
#student-work .sg{background:transparent!important}
/* lesson journey (website-designer process rail) */
#five-lesson-journey .l1-plan ol{background:var(--gl-bg);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);border:1.5px solid var(--ink);border-radius:18px;box-shadow:4px 4px 0 var(--ink);padding:16px 16px 16px 40px}
#five-lesson-journey .cv-fig{border:1.5px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--ink);overflow:hidden}
/* formats: Teacher-led Fully booked greyed + unclickable; Self-paced card untouched */
#learning-formats .fmt-card:has(.av-booked){background:#ECE8E1!important}
#learning-formats .fmt-card:has(.av-booked)>h3,#learning-formats .fmt-card:has(.av-booked)>.fmt-price,#learning-formats .fmt-card:has(.av-booked)>ul{opacity:.6;filter:grayscale(1)}
#learning-formats a.av-booked{background:#5B6478!important;color:#fff!important;border-color:#5B6478!important;pointer-events:none;cursor:default;box-shadow:none!important;transform:none!important}
#class-times .pp-full{background:#5B6478!important}
/* 44px tap fixes (no text change) — not applied inside the Self-paced card */
main a.pg-pol:not(#learning-formats .fmt-card:has(.av-soon) a),main .fmt-refund-all a,main .fmt-avail a,main .ch-links a,main .nc-contact a{display:inline-flex;align-items:center;min-height:44px}
#learning-formats .fmt-refund-all{text-align:left!important}
#educators-support{background:#253679!important}
@media (prefers-reduced-motion:reduce){main .card:hover,main .act:hover{transform:none}#course-top h1 .squiggle{transform:none}}
/* Addendum A1: every "Fully booked" button (hero chooser, formats, next step) greyed + unclickable, still visible */
main a.av-booked{background:#5B6478!important;color:#fff!important;border-color:#5B6478!important;pointer-events:none;cursor:default;box-shadow:none!important;transform:none!important}
/* 44px taps; the Self-paced card's own "Register interest" is excluded on purpose (card untouched) */
main a.av-ri:not(#learning-formats .fmt-card:has(.av-soon) a.av-ri){min-height:44px;display:inline-flex;align-items:center}
#student-work button{min-height:44px}

/* ===================== v1.1 additions (GD_SPEC_v1.1) ===================== */
:root{--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:40px;--s-8:56px;--s-9:72px;--gd-navy-50:#EEF1F9;--na:#3A4468;--na-text:#5B6478;--na-card:#EEF0F4}
/* A1 no-orphan rule */
main h1,main h2,main h3,main h4{text-wrap:balance}main p,main li,main figcaption{text-wrap:pretty}
/* A2: "better." = yellow marker, dark text (ink #14204A on #FEC623 = 10.9:1) */
#course-top h1 .squiggle{background:#FEC623!important;color:#14204A!important;-webkit-text-fill-color:#14204A!important;box-shadow:3px 3px 0 #14204A!important}
/* A1 tone: educators band lifted to navy-50 (same hue); no dark bands except foundation */
#educators-support{background:var(--gd-navy-50)!important}
#educators-support h2,#educators-support h3{color:#253679!important}
#educators-support p,#educators-support li{color:#14204A!important}
#educators-support a{color:#124A92!important}
#educators-support .card{background:rgba(255,255,255,.8)!important;border:1.5px solid #14204A!important;border-radius:18px!important;box-shadow:4px 4px 0 #14204A!important}
/* (A) Self-paced card: greyed unavailable, still visible */
#learning-formats .fmt-card.fmt-na{background:var(--na-card)!important;-webkit-backdrop-filter:none;backdrop-filter:none;border:1.5px solid #C9CEDA!important;box-shadow:none!important;transform:none!important}
#learning-formats .fmt-na h3,#learning-formats .fmt-na .fmt-price,#learning-formats .fmt-na .fmt-price small,#learning-formats .fmt-na .fmt-access,#learning-formats .fmt-na li{color:var(--na-text)!important}
#learning-formats .fmt-na .fmt-price{text-decoration:none}
#learning-formats .fmt-na .fmt-tag{display:inline-flex;align-items:center;width:max-content;margin:var(--s-2) 0 var(--s-3);padding:4px 10px;border-radius:999px;border:1.5px solid var(--na);color:var(--na);background:#fff;font-size:13px;font-weight:650;line-height:1.3}
#learning-formats .fmt-na a.av-soon{background:var(--na)!important;color:#fff!important;border-color:var(--na)!important;pointer-events:none!important;cursor:default!important;box-shadow:none!important;transform:none!important;filter:none!important;opacity:1!important}
#learning-formats .fmt-na a.av-ri{color:var(--na-text)!important;text-decoration:none!important;pointer-events:none!important;cursor:default!important;min-height:44px;display:inline-flex;align-items:center}
#learning-formats .fmt-na a.is-disabled:hover,#learning-formats .fmt-na a.is-disabled:focus{background:inherit;transform:none}
#learning-formats .fmt-na a.av-soon.is-disabled:hover{background:var(--na)!important}
#before-you-begin .sec-head h2::after,#before-you-begin .sec-head::after{display:none!important}
/* FAQ v1.1 mock styles (all three pages). Level-1 header row + level-2 rows. Icons are CSS only (no glyph text). */
#before-you-begin .sec-head{max-width:none!important;margin-bottom:0!important}
#before-you-begin .sec-head h2{margin:0}
#before-you-begin .faq2-toggle{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:72px;padding:16px 24px;
 font:inherit;color:inherit;cursor:pointer;border-radius:18px;border:1px solid rgba(20,32,74,.16);background:rgba(255,255,255,.72);box-shadow:0 1px 0 #fff inset,0 18px 36px -28px rgba(20,32,74,.35)}
#before-you-begin .faq2-toggle::after{content:"";flex:0 0 44px;height:44px;border-radius:50%;background:
 linear-gradient(currentColor,currentColor) center/16px 2.5px no-repeat,linear-gradient(currentColor,currentColor) center/2.5px 16px no-repeat,rgba(20,32,74,.06);transition:transform .3s cubic-bezier(.22,1,.36,1)}
#before-you-begin .faq2-toggle[aria-expanded="true"]::after{transform:rotate(45deg)}
#before-you-begin .faq2-toggle:hover{border-color:rgba(20,32,74,.32)}
#before-you-begin .faq2-toggle:focus-visible,#before-you-begin .faq2-q:focus-visible{outline:3px solid #124A92;outline-offset:3px}
#before-you-begin .faq2-body{margin-top:16px}
#before-you-begin.faq2-open .faq2-body{animation:faq2in .3s cubic-bezier(.22,1,.36,1)}
@keyframes faq2in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* level-2 rows for GD/PROG (converted details); Music keeps glass-faq styling */
#before-you-begin .faq2-item{border-bottom:1px solid rgba(20,32,74,.14)}
#before-you-begin .faq2-item .gfaq-q{margin:0;font-size:inherit}
#before-you-begin .faq2-q{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;padding:12px 8px;cursor:pointer;font-weight:650;line-height:1.35}
#before-you-begin .faq2-q::after{content:"";flex:0 0 28px;height:28px;background:linear-gradient(currentColor,currentColor) center/12px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 12px no-repeat;transition:transform .3s}
#before-you-begin .faq2-q[aria-expanded="true"]::after{transform:rotate(45deg)}
#before-you-begin .faq2-panel{padding:0 8px 16px}
@media (max-width:640px){#before-you-begin .faq2-toggle{min-height:64px;padding:12px 16px}#before-you-begin .faq2-q{min-height:52px}}
@media (prefers-reduced-motion:reduce){#before-you-begin .faq2-toggle::after,#before-you-begin .faq2-q::after{transition:none}#before-you-begin.faq2-open .faq2-body{animation:none}}