@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-cyrillic-ext-400-normal.29h3lvkzti2g0.woff2)format("woff2"),url(../media/inter-cyrillic-ext-400-normal.2tawlv965c-2g.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-cyrillic-400-normal.2y7ys-6xqyvlu.woff2)format("woff2"),url(../media/inter-cyrillic-400-normal.313z8u3gguft6.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-greek-ext-400-normal.2sh_6_vhnlvft.woff2)format("woff2"),url(../media/inter-greek-ext-400-normal.0l231a9nt5uww.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-greek-400-normal.05unz6ahsdg5s.woff2)format("woff2"),url(../media/inter-greek-400-normal.1ie-jkghmy-g3.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-vietnamese-400-normal.0vt5hs1-p3hwb.woff2)format("woff2"),url(../media/inter-vietnamese-400-normal.1sh--xb01u94w.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-latin-ext-400-normal.215r6wzhyafb5.woff2)format("woff2"),url(../media/inter-latin-ext-400-normal.1s10ttb8x1xct.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-latin-400-normal.08vufg9rbrtqu.woff2)format("woff2"),url(../media/inter-latin-400-normal.0qkhh15u3nzc2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-cyrillic-ext-500-normal.2lrm7m7v2pmbu.woff2)format("woff2"),url(../media/inter-cyrillic-ext-500-normal.1dhkj9n1d9eco.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-cyrillic-500-normal.1nv56f3vj863s.woff2)format("woff2"),url(../media/inter-cyrillic-500-normal.06elr_s4xp1zj.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-greek-ext-500-normal.0kf5e66myu7u-.woff2)format("woff2"),url(../media/inter-greek-ext-500-normal.2yi4i7l4h95u-.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-greek-500-normal.0_q-v-7d36a_x.woff2)format("woff2"),url(../media/inter-greek-500-normal.2q6jyr9iwt8we.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-vietnamese-500-normal.2jar8flmuc211.woff2)format("woff2"),url(../media/inter-vietnamese-500-normal.1ms37jnnr6ne8.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-latin-ext-500-normal.2rhh45_wkw1e4.woff2)format("woff2"),url(../media/inter-latin-ext-500-normal.2mn7n1eepax5z.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-latin-500-normal.037elok7xg7ol.woff2)format("woff2"),url(../media/inter-latin-500-normal.0zoa3evckypzi.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-cyrillic-ext-600-normal.42f1l9b1vn7on.woff2)format("woff2"),url(../media/inter-cyrillic-ext-600-normal.0llmxmbbmm9_u.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-cyrillic-600-normal.0-dy8oiks8ebz.woff2)format("woff2"),url(../media/inter-cyrillic-600-normal.1yx35ha52iheu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-greek-ext-600-normal.1vvyze5ech61n.woff2)format("woff2"),url(../media/inter-greek-ext-600-normal.2409xwbea2gft.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-greek-600-normal.1o2sh6_upyp40.woff2)format("woff2"),url(../media/inter-greek-600-normal.217aew8mjlovh.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-vietnamese-600-normal.28hfptm0o_tt8.woff2)format("woff2"),url(../media/inter-vietnamese-600-normal.0ryxdan2-9e5a.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-latin-ext-600-normal.24qjoiekzybge.woff2)format("woff2"),url(../media/inter-latin-ext-600-normal.0jniwfmk9oe12.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-latin-600-normal.42bxzpetz5w8g.woff2)format("woff2"),url(../media/inter-latin-600-normal.2azw06-3fu-n-.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(../media/inter-cyrillic-ext-700-normal.0me1u56i82hi2.woff2)format("woff2"),url(../media/inter-cyrillic-ext-700-normal.13n_vpa0gbyg7.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(../media/inter-cyrillic-700-normal.378qjskmmzqr1.woff2)format("woff2"),url(../media/inter-cyrillic-700-normal.1om2rvzqaqs1z.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(../media/inter-greek-ext-700-normal.2rh7y3r4qo2km.woff2)format("woff2"),url(../media/inter-greek-ext-700-normal.0eo4e8i6f7p31.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(../media/inter-greek-700-normal.30-dggm__4v65.woff2)format("woff2"),url(../media/inter-greek-700-normal.2-1u0zzxsm6-x.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(../media/inter-vietnamese-700-normal.23ham7l7wwy_k.woff2)format("woff2"),url(../media/inter-vietnamese-700-normal.12wdlez6yu94z.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(../media/inter-latin-ext-700-normal.40zd91kdmj3fq.woff2)format("woff2"),url(../media/inter-latin-ext-700-normal.1db-uvxaxecrq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(../media/inter-latin-700-normal.0w01zqnq_4v13.woff2)format("woff2"),url(../media/inter-latin-700-normal.0f21to4h01kr-.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--green-900:#153e2c;--green-800:#164d37;--green-100:#e9f1eb;--lime-200:#d4f3ad;--gray-50:#f5f7f6;--white:#fff;--gray-200:#e2e9e4;--ink-900:#182c24;--ink-700:#344b40;--ink-500:#586b60;--background:var(--gray-50);--surface:var(--white);--foreground:var(--ink-900);--body-text:var(--ink-700);--muted:var(--ink-500);--primary:var(--green-800);--intro:var(--green-900);--soft:var(--green-100);--highlight:var(--lime-200);--border:var(--gray-200);--input-line:#788e81;--font-body:1rem;--font-support:.875rem;--font-meta:.75rem;--font-title:1.125rem;--font-heading:2.125rem;--line-body:1.6;--sidebar-width:220px;--card-radius:12px;--card-padding:24px;--button-radius:9px;--button-bg:var(--primary);--card-bg:var(--surface);--motion:.17s}*{box-sizing:border-box}html{scroll-padding:24px 0 130px}body{background:var(--background);color:var(--foreground);font:400 var(--font-body)/var(--line-body) Inter, Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit}button,a,input,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}button,summary{cursor:pointer}button:disabled,textarea:disabled{opacity:.65;cursor:wait}button,a,summary,input,textarea{outline-offset:4px;transition:background-color var(--motion), color var(--motion), border-color var(--motion)}:focus-visible{outline:3px solid var(--primary)}h1:focus{outline:0}h1,h2,h3,p{margin:0}h1{font-size:var(--font-heading);letter-spacing:-.035em;overflow-wrap:break-word;font-weight:600;line-height:1.2}h2{letter-spacing:-.025em;font-size:1.25rem;font-weight:600;line-height:1.35}h3{font-size:var(--font-title);letter-spacing:-.015em;font-weight:500;line-height:1.45}p,ul,ol{color:var(--body-text)}ul{padding-left:24px}li+li{margin-top:8px}svg{vertical-align:middle;flex-shrink:0}a:hover{color:var(--primary)}button:active,.button:active{filter:brightness(.94)}button[aria-pressed=true]{color:var(--primary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--primary);color:#fff;padding:12px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);background:var(--surface);z-index:20;flex-direction:column;height:100dvh;padding:28px 16px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.wordmark{color:var(--primary);flex-direction:column;min-width:0;max-width:100%;padding:0 10px;line-height:1.1;display:flex}.wordmark .studio-logo{object-fit:contain;width:120px;height:auto}.mobile-header .wordmark .studio-logo{width:86px;height:auto}.teaching-section p,.next-move p{white-space:pre-line}.filming-note{border-left:2px solid var(--primary);padding-left:16px}.supplied-script-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:20px 0;display:flex}.supplied-script-row h3{flex:220px;margin:0}.video-related .button{margin:0 8px 8px 0}.supplied-script-actions{flex-wrap:wrap;gap:8px 20px;display:flex}.wordmark>span{letter-spacing:-.06em;overflow-wrap:anywhere;font-size:1.75rem;font-weight:700}.wordmark small{font-size:var(--font-meta);letter-spacing:.1em;margin-top:8px;font-weight:500;line-height:1.4}.sidebar nav{flex-direction:column;gap:8px;margin-top:36px;display:flex}.nav-link{min-height:48px;font-size:var(--font-body);color:var(--muted);border-radius:8px;align-items:center;gap:12px;padding:12px;font-weight:500;display:flex}.nav-link.active{background:var(--soft);color:var(--primary)}.nav-link:hover{background:var(--soft)}.sidebar-support{margin-top:auto;padding:28px 10px 0}.sidebar-support p{font-size:var(--font-support);color:var(--muted)}.sidebar-support .text-link{font-size:var(--font-support);flex-wrap:wrap;gap:6px}.app-body{margin-left:var(--sidebar-width)}.topbar{background:var(--surface);border-bottom:1px solid var(--border);height:64px;font-size:var(--font-support);color:var(--muted);justify-content:space-between;align-items:center;padding:0 32px;display:flex}.topbar strong{color:var(--foreground);font-weight:500}.separator{padding:0 12px}.mobile-header,.mobile-nav{display:none}main{min-width:0;max-width:1256px;min-height:calc(100vh - 64px);margin:0 auto;padding:32px}.main-footer{border-top:1px solid var(--border);color:var(--muted);font-size:var(--font-meta);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:40px;padding:20px 0 0;display:flex}.page-heading{margin-bottom:24px}.page-heading>p:not(.eyebrow){max-width:70ch;color:var(--body-text);margin-top:12px}.eyebrow{font-size:var(--font-meta);color:var(--muted);letter-spacing:0;font-weight:500;line-height:1.5}.page-heading>.eyebrow{margin-bottom:12px}.section{margin-top:28px}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.subtle{font-size:var(--font-support);color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--card-padding);min-width:0}.button{border-radius:var(--button-radius);max-width:100%;min-height:46px;font-size:var(--font-support);text-align:center;overflow-wrap:anywhere;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-weight:500;line-height:1.5;display:inline-flex}.primary{background:var(--button-bg);color:#fff}.primary:hover{color:#fff;background:var(--intro)}.secondary{background:var(--surface);color:var(--primary);border-color:var(--input-line)}.secondary:hover{background:var(--soft);border-color:var(--primary)}.lime{background:var(--highlight);color:var(--intro)}.lime:hover{background:var(--soft);color:var(--intro)}.text-link{min-height:44px;font-size:var(--font-support);color:var(--primary);text-align:left;overflow-wrap:anywhere;background:0 0;border:0;align-items:center;gap:8px;max-width:100%;padding:8px 0;font-weight:500;line-height:1.5;display:inline-flex}.text-link:hover{text-underline-offset:4px;text-decoration:underline}.feedback{font-size:var(--font-support);color:var(--primary);max-width:70ch;line-height:1.6;display:block}.feedback:empty{display:none}.external-action .feedback{margin-top:8px}.missing-label,.availability,.image-fallback{font-size:var(--font-meta);color:var(--muted);margin-top:6px;display:block}.back-link{margin:-8px 0 16px}.storage-warning{background:var(--soft);border:1px solid var(--input-line);font-size:var(--font-support);border-radius:8px;margin-bottom:24px;padding:16px}.intro-panel{border-radius:var(--card-radius);background:var(--intro);color:#fff;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}.intro-panel h2{letter-spacing:0;margin-top:4px;font-size:1.125rem;font-weight:500}.intro-label{color:var(--highlight);font-size:var(--font-support)}.intro-panel .button{flex-shrink:0}.home-learning{grid-template-columns:minmax(0,1fr) 270px;gap:24px;display:grid}.home-rail{flex-direction:column;gap:20px;padding-top:43px;display:flex}.progress-card>h2{font-size:var(--font-title)}.progress-card .progress-label>span{display:none}.create-shortcut{background:var(--soft)}.create-shortcut>svg{color:var(--primary);margin-bottom:16px}.create-shortcut h2{font-size:var(--font-title)}.create-shortcut p{font-size:var(--font-support);margin-top:10px}.create-shortcut .text-link{margin-top:12px}.lesson-list{padding:0 20px}.lesson-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;min-height:84px;padding:14px 0;display:flex}.lesson-row:last-child{border:0}.lesson-row:hover .lesson-copy strong{text-underline-offset:4px;text-decoration:underline}.lesson-number{background:var(--soft);border:1px solid var(--border);width:36px;height:36px;color:var(--primary);font-size:var(--font-meta);border-radius:8px;flex-shrink:0;place-items:center;font-weight:500;display:grid}.lesson-number.done{background:var(--primary);color:#fff;border-color:var(--primary)}.lesson-copy{flex-direction:column;flex:1;min-width:0;display:flex}.lesson-copy strong{color:var(--foreground);font-size:1rem;font-weight:500;line-height:1.45}.lesson-copy>span{font-size:var(--font-support);color:var(--muted);margin-top:4px;line-height:1.5}.lesson-copy>.mobile-reading-time{font-size:var(--font-meta);display:none}.reading-time{font-size:var(--font-meta);white-space:nowrap;color:var(--muted)}.row-chevron{color:var(--primary)}.progress-block{margin-top:16px}.progress-label{font-size:var(--font-meta);color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.progress-label strong{color:var(--primary);font-weight:500}progress{appearance:none;background:var(--border);width:100%;height:6px;color:var(--primary);border:0;border-radius:100px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--border);border-radius:100px}progress::-webkit-progress-value{background:var(--primary);border-radius:100px}progress::-moz-progress-bar{background:var(--primary);border-radius:100px}.learn-overview{grid-template-columns:minmax(0,1fr) 280px;gap:24px;display:grid}.overview-progress{align-self:start}.overview-progress p{font-size:var(--font-support);margin-top:12px}.example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.example-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);min-width:0;display:block;overflow:hidden}.example-card:hover{border-color:var(--input-line)}.empty-media{background:var(--soft);color:var(--muted);border-bottom:1px solid var(--border);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100px;padding:20px 16px;display:flex}.empty-media>span{font-size:var(--font-meta)}.empty-media.large{border:1px dashed var(--input-line);text-align:left;border-radius:9px;grid-template-columns:24px 1fr;justify-content:start;gap:2px 12px;min-height:0;margin-bottom:24px;padding:16px;display:grid}.empty-media.large>svg{grid-row:1/3;width:24px;height:24px}.empty-media.large span{font-size:var(--font-support);color:var(--body-text);font-weight:500}.empty-media.large small{font-size:var(--font-support);grid-column:2}.example-copy{padding:20px}.example-copy .eyebrow{font-size:var(--font-meta)}.example-copy h3{margin-top:8px;font-size:1rem;font-weight:500}.example-link{font-size:var(--font-support);color:var(--primary);justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-top:16px;font-weight:500;display:flex}.example-thumbnail{background:var(--soft);justify-content:center;height:180px;display:flex;position:relative}.example-thumbnail img{object-fit:contain;width:100%;height:100%;display:block}.example-thumbnail>span{background:var(--surface);font-size:var(--font-meta);padding:8px;position:absolute;bottom:0;left:0;right:0}.lesson-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:28px;display:grid}.lesson-sidebar{padding:20px 12px;position:sticky;top:24px}.lesson-sidebar>h2{font-size:var(--font-title);padding:0 8px 12px}.lesson-sidebar .progress-block{padding:0 8px}.lesson-row.compact{border:0;border-radius:8px;gap:10px;min-height:68px;padding:12px 8px}.compact .lesson-copy strong{font-size:1rem;line-height:1.45}.compact .lesson-number{width:28px;height:28px;font-size:var(--font-meta);border:0}.compact .row-chevron{display:none}.lesson-row.selected{background:var(--soft)}.selected .lesson-copy strong{color:var(--primary)}.lesson-row.selected .lesson-number:not(.done){background:var(--primary);color:#fff}.lesson-article{min-width:0}.lesson-mobile-navigation{display:none}.lesson-content{padding:28px}.lesson-reading{max-width:70ch;margin-inline:auto}.teaching-section{margin:24px 0}.teaching-section:first-child{margin-top:0}.teaching-section h2{font-size:var(--font-title);margin-bottom:10px}.teaching-section p,.teaching-section li{font-size:var(--font-body);line-height:var(--line-body);color:var(--body-text)}.next-move{background:var(--soft);border-radius:10px;margin:24px 0;padding:20px}.next-move h2{color:var(--primary);font-size:var(--font-title);align-items:center;gap:8px;display:flex}.next-move p{font-size:var(--font-body);color:var(--body-text);margin-top:12px}.related-scripts{margin:24px 0}.related-scripts h2{font-size:var(--font-title)}.related-scripts a{margin-right:20px}.completion{border-top:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:8px;margin-top:24px;padding-top:24px;display:flex}.complete-button{background:var(--soft);color:var(--primary);border-color:var(--input-line)}.lesson-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.navigation-note{font-size:var(--font-meta);color:var(--muted);text-align:right;margin-top:12px}.lesson-article .example-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.lesson-reference .media-player:not(:has(.empty-media)){margin-bottom:24px}.media-frame{background:var(--background);border-radius:10px;justify-content:center;align-items:flex-start;display:flex;overflow:hidden}.media-frame video,.media-frame iframe{width:100%;height:auto;max-width:min(100%, calc(70svh * var(--media-ratio)), calc(640px * var(--media-ratio)));object-fit:contain;background:var(--intro);border:0;display:block}.media-fallback{font-size:var(--font-support)}.playback-error{background:var(--soft);border-radius:10px;padding:20px}.playback-error h2{font-size:var(--font-title)}.playback-error p{margin:12px 0}.video-view{max-width:900px}.has-media .video-view{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:28px;max-width:none;display:grid}.video-breakdown{min-width:0;max-width:70ch}.video-related{justify-content:space-between;align-items:flex-start;gap:32px;margin-top:24px;padding:0 4px;display:flex}.video-related h2{font-size:var(--font-title);margin-bottom:12px}.video-related h3{margin-bottom:4px;font-size:1rem}.video-related .text-link{display:flex}.development-list{margin:16px 0;padding:0;list-style:none}.development-list li{gap:16px;margin-top:16px;display:flex}.development-list li>span{font-size:var(--font-meta);color:var(--primary);padding-top:3px;font-weight:500}.transcript{white-space:pre-wrap;margin:12px 0}.timestamp-notes{padding-left:0;list-style:none}.script-choices{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.script-choices button{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:9px;align-items:center;max-width:100%;min-height:46px;padding:11px 16px;display:flex}.script-choices button:hover{border-color:var(--input-line)}.script-choices button.selected{background:var(--soft);border:2px solid var(--primary);padding:10px 15px}.choice-title{font-size:var(--font-support);align-items:center;gap:8px;line-height:1.5;display:flex}.choice-title strong{font-weight:500}.create-layout{grid-template:"draft framework""draft hooks"1fr/minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.draft-card{grid-area:draft;min-width:0}.framework{grid-area:framework;min-width:0}.hook-panel{grid-area:hooks;min-width:0}.framework details,.hook-details{border:0}.framework summary,.hook-details summary{min-height:44px;color:var(--foreground);justify-content:space-between;align-items:center;gap:12px;padding:0;font-size:1rem;font-weight:500;list-style:none;display:flex}.framework summary::-webkit-details-marker{display:none}.hook-details summary::-webkit-details-marker{display:none}.framework details[open] summary>svg,.hook-details[open] summary>svg{transform:rotate(180deg)}.framework-outline{font-size:var(--font-support);color:var(--muted);margin:6px 0;font-weight:400;line-height:1.6;display:block}.framework details[open] .framework-outline{display:none}.framework-beat{border-bottom:1px solid var(--border);gap:12px;padding:16px 0;display:flex}.framework-beat:last-child{border:0}.beat-index{font-size:var(--font-meta);color:var(--muted);padding-top:3px}.framework-beat h3{font-size:1rem;font-weight:500}.framework-beat p{font-size:var(--font-body);margin-top:6px;line-height:1.6}.structure-action{flex-direction:column;align-items:flex-start;gap:10px;margin-top:12px;display:flex}.overwrite-choice{background:var(--soft);border-radius:8px;margin-top:16px;padding:16px}.overwrite-choice p{font-size:var(--font-support)}.button-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.section-label{letter-spacing:-.025em;font-size:1.25rem;font-weight:500;line-height:1.4}.save-label,.word-count{font-size:var(--font-meta);color:var(--muted)}.draft-card .section-title{margin-bottom:8px}.draft-card>.feedback{margin-top:8px}.draft-card textarea{resize:vertical;width:100%;min-height:440px;color:var(--foreground);border:1px solid var(--input-line);background:var(--background);overflow-wrap:anywhere;border-radius:9px;margin:16px 0;padding:20px;scroll-margin:16px 0 120px;font-size:1.0625rem;line-height:1.65;display:block}.draft-card textarea::placeholder{color:var(--muted)}.draft-actions{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.draft-actions .feedback{margin-top:8px}.draft-saving{font-size:var(--font-meta);color:var(--muted);margin:16px 0 8px}.hook-details summary>span{align-items:center;gap:8px;display:flex}.hook-content>p{font-size:var(--font-support);color:var(--muted);margin-top:12px}.hook-option{border-bottom:1px solid var(--border);padding:16px 0}.hook-option p{font-size:var(--font-body);line-height:1.6}.hook-option .text-link{font-size:var(--font-support);margin-top:8px}.hook-option .feedback{font-size:var(--font-support)}.delivery-notes{padding-top:20px}.delivery-notes h3{font-size:1rem}.delivery-notes li{font-size:var(--font-support)}.resource-shortcuts{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.resources-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.resource-main,.resource-rail{flex-direction:column;gap:24px;display:flex}.resource-main>section>h2{margin-bottom:16px}.product-image-slot{border:1px dashed var(--input-line);color:var(--muted);background:var(--background);font-size:var(--font-meta);border-radius:9px;align-items:center;gap:12px;padding:16px;display:flex}.brand-image{object-fit:contain;background:var(--background);border-radius:8px;width:100%;max-height:300px;display:block}.product-facts{margin:16px 0}.product-facts>div{border-bottom:1px solid var(--border);font-size:var(--font-body);justify-content:space-between;gap:20px;padding:12px 0;display:flex}.product-facts dt{font-weight:500}.product-facts dd{text-align:right;white-space:pre-line;max-width:65%;color:var(--body-text);margin:0}.content-note{font-size:var(--font-support);color:var(--muted);margin-top:16px;line-height:1.6}.resource-row{border-bottom:1px solid var(--border);gap:16px;padding:20px 0;display:flex}.resource-row:last-child{border:0}.resource-row>div{min-width:0}.resource-row .brand-image{flex-shrink:0;width:64px;max-height:80px}.resource-icon{background:var(--soft);width:40px;height:40px;color:var(--primary);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.resource-row h3{font-size:1rem;font-weight:500}.resource-row p{font-size:var(--font-support);color:var(--muted);margin-top:4px}details{border-bottom:1px solid var(--border)}details:last-child{border:0}summary{overflow-wrap:anywhere;min-height:44px;padding:16px 0;font-size:1rem;font-weight:500;line-height:1.6}details>p{font-size:var(--font-body);margin-bottom:20px}details[open]>summary{color:var(--primary)}.faq-section h2{margin-bottom:12px}.checklist-card{scroll-margin-top:20px}.checklist-card>p{font-size:var(--font-support);margin-top:10px}.checklist-progress{font-size:var(--font-meta);color:var(--primary);margin:20px 0 10px}.checklist-items{margin:16px 0 24px}.checklist-items label{min-height:52px;font-size:var(--font-body);cursor:pointer;border-radius:6px;align-items:flex-start;gap:12px;padding:12px 4px;line-height:1.6;display:flex;position:relative}.checklist-items label:hover{background:var(--soft)}.checklist-items label.checked{color:var(--primary)}.checklist-items input{opacity:0;width:20px;height:20px;margin:0;position:absolute;top:15px;left:4px}.custom-check{border:1px solid var(--input-line);background:var(--surface);border-radius:5px;flex-shrink:0;place-items:center;width:20px;height:20px;margin-top:3px;display:grid}.checked .custom-check{background:var(--primary);border-color:var(--primary);color:#fff}.checklist-items input:focus-visible+.custom-check{outline:3px solid var(--primary);outline-offset:3px}.checklist-card .primary{width:100%}.handoff-note{color:var(--muted);font-size:var(--font-support)!important;margin-top:16px!important}.support-card p{font-size:var(--font-support);margin:10px 0}@media (max-width:1199px){.home-learning{grid-template-columns:minmax(0,1fr) 240px}.reading-time{display:none}.lesson-copy>.mobile-reading-time{display:block}.lesson-layout{grid-template-columns:220px minmax(0,1fr);gap:20px}.resources-layout{grid-template-columns:minmax(0,1fr) 310px;gap:20px}}@media (max-width:1099px){.create-layout{grid-template:"framework""draft""hooks"/1fr;gap:20px}.framework{padding:16px 20px}.framework details:not([open]){margin:0}.framework .structure-action{margin-top:8px}.framework summary{font-size:1rem}.draft-card textarea{min-height:360px}.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{display:none}.lesson-mobile-navigation{font-size:var(--font-meta);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.lesson-mobile-navigation nav{gap:16px;display:flex}.lesson-article .page-heading>.eyebrow{display:none}.home-learning{grid-template-columns:1fr}.home-rail{grid-template-columns:1fr 1fr;padding:0;display:grid}.learn-overview{grid-template-columns:1fr}.overview-progress{max-width:none}.resources-layout{grid-template-columns:1fr}.resource-rail{display:contents}.checklist-card{grid-row:1}.resource-main{grid-row:2}.resources-layout>.support-card{grid-row:3}.has-media .video-view{grid-template-columns:1fr}.video-related{flex-wrap:wrap}.example-grid{gap:16px}.example-copy{padding:16px}}@media (max-width:768px){:root{--font-heading:1.75rem;--card-padding:20px}.sidebar,.topbar{display:none}.app-body{margin:0}.mobile-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:16px 20px;display:flex}.mobile-header .wordmark{flex-direction:row;flex:1;align-items:center;gap:14px;padding:0}.mobile-header .wordmark small{max-width:9ch;margin-top:0}.mobile-header .wordmark>span{font-size:1.625rem}.mobile-section{font-size:var(--font-support);color:var(--muted)}main{padding:24px 20px calc(7rem + env(safe-area-inset-bottom));min-height:calc(100dvh - 76px)}.mobile-nav{z-index:30;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(auto-fit,minmax(min(100%,4.5rem),1fr));gap:8px;display:grid;position:fixed;inset:auto 0 0}.mobile-nav a{min-width:0;min-height:54px;color:var(--muted);font-size:var(--font-meta);overflow-wrap:anywhere;text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;line-height:1.3;display:flex}.mobile-nav a.active{background:var(--soft);color:var(--primary);font-weight:500}.mobile-nav a:hover{background:var(--soft)}.keyboard-open .mobile-nav{display:none}.page-heading{margin-bottom:20px}.intro-panel{gap:16px;padding:18px 20px}.intro-panel h2{font-size:1rem}.home-learning{gap:20px}.home-rail{grid-template-columns:1fr 1fr}.lesson-list{padding:0 16px}.reading-time{display:block}.lesson-copy>.mobile-reading-time{display:none}.lesson-content{padding:24px}.has-media .video-view{padding:20px}.main-footer{margin-top:32px}.script-choices{gap:8px;margin-bottom:16px}.script-choices button{min-height:44px;padding:10px 12px}.script-choices button.selected{padding:9px 11px}.draft-card textarea{min-height:320px;font-size:1rem}.section-title{gap:8px}.media-frame video,.media-frame iframe{max-width:min(100%, calc(65svh * var(--media-ratio)), calc(640px * var(--media-ratio)))}.video-related{gap:24px}.resource-shortcuts{gap:12px}.resource-main{min-width:0}}@media (max-width:540px){.script-choices{grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr));gap:8px;display:grid}.script-choices button{justify-content:center;padding:10px 8px}.script-choices button.selected{padding:9px 7px}.choice-title{text-align:center}.choice-title svg{display:none}.choice-title strong{overflow-wrap:anywhere}.intro-panel{flex-direction:column;align-items:flex-start;gap:16px}.home-rail{grid-template-columns:1fr}.progress-card{padding:16px 20px}.progress-card h2{display:none}.progress-card .progress-label>span{display:block}.progress-card .progress-block{margin:0}.create-shortcut>svg{display:none}.create-shortcut{padding:20px}.home-learning .section-title>.subtle{font-size:var(--font-meta)}.reading-time{display:none}.lesson-copy>.mobile-reading-time{display:block}.lesson-row{gap:12px;padding:16px 0}.lesson-copy strong{font-size:1rem}.lesson-number{width:30px;height:30px}.row-chevron{width:16px}.example-grid{grid-template-columns:1fr}.example-card{flex-wrap:wrap;display:flex}.example-card .example-copy{flex:999 12rem;min-width:0}.example-card .empty-media,.example-card .example-thumbnail{flex:1 0 5.5rem}.example-card .empty-media{overflow-wrap:anywhere;border-bottom:0;border-right:1px solid var(--border);min-height:0;padding:16px 8px}.example-card .empty-media>span{font-size:var(--font-meta)}.example-thumbnail{height:100%;min-height:150px}.example-copy{padding:16px}.example-copy h3{font-size:1rem}.example-link{margin-top:8px}.section>.section-title>.subtle{display:none}.lesson-content{padding:20px}.lesson-mobile-navigation{flex-wrap:wrap;gap:8px}.lesson-mobile-navigation nav{gap:16px}.lesson-bottom{align-items:center}.lesson-bottom .text-link{font-size:var(--font-support)}.navigation-note{text-align:left}.next-move{padding:16px}.framework{padding:12px 16px}.framework .structure-action{margin-top:4px}.draft-card{padding:20px}.draft-card textarea{min-height:300px;padding:16px}.draft-card .section-title{align-items:flex-start}.save-label{text-align:right;max-width:10rem}.draft-actions{gap:12px}.word-count{padding-top:12px}.video-related{flex-direction:column}.product-facts>div{display:block}.product-facts dd{text-align:left;max-width:none;margin-top:8px}.main-footer{flex-direction:column;gap:8px}.empty-media.large{padding:14px}.empty-media.large small{display:none}.empty-media.large>svg{grid-row:1}.mobile-section{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}