:root{--bg:#f4f2ee;--frame:#f0ece6;--ink:#1b1b19;--muted:#67665f;--line:#e7e4dc;--yellow:#fef7af;--gold:#bf982d;--radius:20px;--relevance:#e5ede3;--tension:#fbe8dc;--promise:#fef7af;--proof:#e6e6f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,#fff3 80px,#fff3 81px),var(--bg);font-family:Geist,Arial,sans-serif;font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-underline-offset:4px}img{max-width:100%;display:block}button{background:white;border:1px solid var(--line)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:'Albert Sans',Arial,sans-serif;font-weight:400;line-height:1.13;letter-spacing:-.035em}h1{font-size:56px;margin-bottom:24px}h2{font-size:40px;margin-bottom:16px}h3{font-size:24px;margin-bottom:12px}h4{font-size:21px}p{margin-bottom:16px}strong{font-weight:600}[hidden]{display:none!important}:focus-visible{outline:3px solid #9b781d;outline-offset:4px}h1:focus,h2:focus,h4:focus{outline:none}input,textarea,select{width:100%;min-width:0;border:1px solid #d7d5cd;border-radius:12px;background:#fff;padding:12px;color:var(--ink)}textarea{resize:vertical;min-height:90px;line-height:1.5}label{display:block;font-size:13px;font-weight:500}label small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin:7px 0}select{cursor:pointer}summary{cursor:pointer;list-style:none;font-weight:500;padding:16px 0}summary::after{content:'+';float:right;margin-left:15px}details[open]>summary::after{content:'−'}summary::-webkit-details-marker{display:none}details p:last-child{margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 20px;border:1px solid #d6d3ca;border-radius:99px;background:#fff;text-decoration:none;font-size:14px;line-height:1.3}.primary,.yellow,.header-cta{background:#080808;color:white;border-color:#080808;box-shadow:0 5px 13px #00000013}.arrow{display:inline-grid;place-items:center;background:white;color:black;width:28px;height:28px;border-radius:50%;font-size:18px;flex-shrink:0}.primary{padding:8px 8px 8px 20px}.button:hover,.header-cta:hover{transform:translateY(-1px)}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:10px 0;font-size:13px;display:inline-block}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.4px;line-height:1.6;margin-bottom:14px;color:var(--muted)}.subtle,.metadata{color:var(--muted);font-size:12px;line-height:1.6}.lead{font-size:17px;color:#55554e;max-width:660px}.skip{position:fixed;top:-60px;left:20px;z-index:100;padding:10px;background:white}.skip:focus{top:10px}.site-header{max-width:1080px;margin:24px auto 0;background:#ffffffdf;border:1px solid white;border-radius:99px;box-shadow:0 4px 20px #29241205;display:flex;align-items:center;justify-content:space-between;padding:7px 8px 7px 16px;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:15px;line-height:1.25;font-weight:500}.brand img{width:36px;height:36px;border-radius:50%;object-fit:cover}.brand small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:3px}.site-header nav{display:flex;align-items:center;gap:26px}.site-header nav a{text-decoration:none;font-size:12px}.header-cta{display:flex;align-items:center;gap:13px;padding:6px 7px 6px 18px;border-radius:99px}main{max-width:1240px;margin:auto;padding:0 24px;min-height:calc(100vh - 180px)}.welcome{padding:72px 20px 30px;display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}.intro{font-size:17px;line-height:1.6;color:#5c5b54;margin-bottom:28px}.hero-copy .subtle{margin-top:17px;font-size:11px}.tiny-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:5px}.underline{position:relative;white-space:nowrap;background:linear-gradient(transparent 88%,#dec27b 88%,#dec27b 94%,transparent 94%)}.hero-demo{background:var(--frame);border-radius:24px;padding:8px;box-shadow:0 16px 30px #29241205}.demo-top{background:white;border-radius:17px 17px 0 0;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.demo-top .eyebrow{margin:0}.demo-play{border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;width:32px;height:32px;font-size:11px}.demo-line{padding:18px 24px;background:white;border-left:4px solid #b1c6aa}.demo-line.promise{border-color:#e8ce68}.demo-line p{font-family:'Albert Sans';font-size:27px;letter-spacing:-.025em;line-height:1.25;margin:12px 0}.demo-line small{color:var(--muted);font-size:12px}.demo-connect{display:block;background:white;text-align:center;height:28px;font-size:21px;color:#999}.demo-caption{margin:0;padding:18px 24px;font-size:10px;color:var(--muted);background:white;border-radius:0 0 17px 17px}.overview-path{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);background:var(--frame);padding:8px;border-radius:24px;gap:8px}.overview-path a{background:#fff;border-radius:17px;display:flex;align-items:center;gap:16px;padding:22px 20px;text-decoration:none}.overview-path a>span{color:#9c9a8f;font-size:12px;align-self:flex-start}.overview-path h3{font-size:23px;margin-bottom:6px}.overview-path p{font-size:12px;color:var(--muted);margin:0}.overview-path b{font-weight:400;margin-left:auto}.workshop-layout{margin-top:40px;display:grid;gap:24px;align-items:start}.workshop-layout.with-rail{grid-template-columns:210px minmax(0,1fr)}.workshop-rail{position:sticky;top:24px;padding:15px 0}.rail-heading{padding:0 14px 18px}.rail-heading p{margin-bottom:6px}.rail-heading #progress-label{font-size:12px;color:var(--muted)}progress{width:100%;height:4px;border:0;border-radius:8px;overflow:hidden;background:#e1ddd3}progress::-webkit-progress-bar{background:#e1ddd3}progress::-webkit-progress-value{background:#b18b24}progress::-moz-progress-bar{background:#b18b24}.workshop-rail nav{display:grid;gap:5px}.workshop-rail nav a{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:12px;text-decoration:none;font-size:12px}.step-number{border:1px solid #d8d5cc;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:10px;flex-shrink:0}.workshop-rail a[aria-current]{background:#171715;color:white}.workshop-rail a[aria-current] .step-number{border-color:#555}.step-check{margin-left:auto;font-size:12px}.is-complete:not([aria-current]) .step-number{background:#e3e9de;border-color:#d4ddcc}.rail-note{font-size:11px;color:var(--muted);padding:16px 14px 0}.rail-library{font-size:11px;display:block;margin:20px 14px}.lesson-surface{min-width:0;border:8px solid var(--frame);border-radius:24px;background:white}.lesson{padding:32px}.lesson-intro{margin-bottom:28px}.lesson-intro .lead{margin-bottom:0}.lesson-end{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:28px;border-top:1px solid var(--line);margin-top:32px}.journey{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:24px 0}.journey>div{padding:20px;position:relative}.journey>div+div:before{content:'→';position:absolute;left:-9px;top:42px;color:#8c8b80}.journey .journey-hook{background:#fffce0}.journey-icon{width:32px;height:32px;border:1px solid #ddd9ce;border-radius:50%;display:grid;place-items:center;margin-bottom:18px}.journey h3{font-size:22px}.journey p{font-size:14px;margin:0 0 4px}.journey small{font-size:10px;color:var(--muted)}.contrast-example{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:10px 0 24px}.contrast-example>div{border-left:3px solid #e5e1d7;padding:0 16px}.contrast-example>div+div{border-color:#c5ab52}.contrast-example .eyebrow{font-size:9px;margin-bottom:10px}.sample-copy{font-size:16px;margin:0}.checkpoint{background:#f8f7f3;border-radius:18px;padding:26px;margin-top:10px}.checkpoint>h3{font-size:26px;margin:0 0 8px}.checkpoint>p:not(.eyebrow){font-size:12px;color:var(--muted)}.quiz-progress{font-size:11px;margin:22px 0 12px;color:var(--muted)}#pulse-question{font-size:28px;line-height:1.25;margin-bottom:20px}.choice-list{display:grid;gap:8px}.pulse-option{border:1px solid #dddcd4;border-radius:12px;text-align:left;display:flex;gap:14px;align-items:center;padding:14px;font-size:13px;line-height:1.5}.answer-letter{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#f3f1ea;font-size:12px;flex-shrink:0}.pulse-option:hover{border-color:#a6a393}.answer-correct{background:#edf4e9;border-color:#8aaa77}.answer-retry{background:#fff2e7;border-color:#cfa379}.pulse-feedback{min-height:62px;font-size:12px;line-height:1.6;padding:14px 0}.quiz-navigation{display:flex;justify-content:space-between;gap:12px}.quiz-navigation .button{font-size:12px;min-height:40px}#quiz-completion{margin:15px 0 0}.role,.tag{display:inline-block;padding:4px 9px;border-radius:6px;font-size:10px;line-height:1.4;font-weight:500;background:#efeee9;letter-spacing:0}.relevance{background:var(--relevance)}.tension{background:var(--tension)}.promise{background:var(--promise)}.proof{background:var(--proof)}.reassurance{background:#e4eef1}.job-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0}.job-grid article{border:1px solid var(--line);border-radius:12px;padding:15px}.job-grid h3{font-size:19px;margin:16px 0 8px}.job-grid p{font-size:12px;color:var(--muted);margin:0}.matching-lesson{padding-top:20px}.matching-lesson>p{font-size:12px;color:var(--muted)}.matching-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.matching-grid h4{font-family:Geist;font-size:11px;letter-spacing:0;color:var(--muted)}#match-lines,#match-jobs{display:grid;gap:10px}.match-line,.match-target{width:100%;min-height:120px;border-radius:12px;padding:15px;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:8px;line-height:1.5;font-size:13px}.match-line{cursor:grab}.match-target{border-style:dashed;background:#faf9f6}.match-target .role{align-self:start}.drag-hint{font-size:10px;color:var(--muted)}.selected,.drag-over{outline:2px solid #b49743;background:#fffbe8}.matched-correct{border-color:#76916b;background:#f0f6ed}.matched-retry{border-color:#c39769;background:#fff6ea}.match-target small{font-size:10px}.match-controls{display:flex;gap:20px}#match-selection,#match-feedback{font-size:12px;margin:16px 0}.match-reasons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.extra{border-top:1px solid var(--line);margin-top:24px;font-size:13px}.extra p,.order-example{margin-bottom:18px}.example-tabs,.preset-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.example-tabs button,.preset-buttons button{padding:9px 13px;font-size:11px;border-radius:99px}.example-tabs [aria-pressed=true],.preset-buttons [aria-pressed=true],[data-hook-order][aria-pressed=true]{background:#191917;color:white;border-color:#191917}.example-heading{margin:26px 0 18px}.creator{font-size:11px;color:var(--muted);margin-bottom:9px}.example-heading h3{font-size:25px;line-height:1.2;max-width:690px}.watch-workspace{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:start}.follow-panel{background:#f8f7f3;border:1px solid var(--line);border-radius:14px;padding:20px;min-height:290px}.follow-panel h4{font-size:23px;margin:0 0 9px}.follow-panel .subtle{font-size:10px}.follow-panel .eyebrow{font-size:9px}.follow-status{font-size:11px;color:var(--muted)}.follow-lines{padding:0;list-style:none;margin:14px 0;max-height:280px;overflow:auto;scrollbar-width:thin}.follow-lines li{padding:10px;border-left:2px solid #ddd;margin-bottom:8px}.follow-lines li.current{background:#fff7c9;border-color:#b39533}.follow-lines li p{font-size:12px;margin:5px 0 0}.follow-time{font-size:10px;color:var(--muted)}.video-slot{border-radius:14px;overflow:hidden;background:#f1efea}.video-poster{position:relative;display:block;border:0;padding:0;background:black;width:100%;aspect-ratio:16/9}.video-poster img{width:100%;height:100%;object-fit:cover}.play-label{position:absolute;bottom:16px;left:16px;background:#fff;border-radius:99px;padding:9px 14px;font-size:11px;box-shadow:0 3px 12px #0002}.play-label:before{content:'▶';margin-right:9px;font-size:10px}.video-slot iframe{width:100%;aspect-ratio:16/9;display:block;border:0}.clip-controls{display:flex;justify-content:space-between;align-items:center;gap:10px}.clip-controls a,.clip-controls button{font-size:10px}.clip-facts{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:12px}.clip-facts span{display:block;font-size:10px;color:var(--muted)}.clip-facts strong{display:block;color:var(--ink);font-size:16px;font-weight:400}.ratio-explainer{font-size:11px}.ratio-explainer summary{padding:12px 0}.example-media>.subtle{font-size:10px}.example-reflection{border-left:3px solid #cfb264;padding:3px 0 3px 20px;margin:28px 0}.example-reflection blockquote{margin:0;font-family:'Albert Sans';font-size:23px;line-height:1.3;letter-spacing:-.02em}.example-reflection cite{display:block;font-family:Geist;font-style:normal;font-size:10px;color:var(--muted);margin:9px 0 16px;letter-spacing:0}.example-reflection>p{font-size:13px}.example-reflection .button{font-size:12px}.full-breakdown{border-top:1px solid var(--line);font-size:13px}.beat{padding:16px 0;border-bottom:1px solid var(--line)}.beat-head{display:flex;align-items:center;gap:8px}.timestamp{border:0;background:#f2f0e9;border-radius:6px;padding:5px 8px;font-size:11px}.beat>p{margin:12px 0 0}.beat details{font-size:12px;color:var(--muted)}.beat summary{font-size:11px;padding:10px 0}.breakdown>.subtle{margin-top:15px}.timing-lesson{background:#f8f7f3;border-radius:14px;display:grid;grid-template-columns:1.2fr 1fr;gap:25px;padding:24px;margin-top:28px}.timing-lesson h3{font-size:24px}.timing-lesson p{font-size:12px;margin:0;color:var(--muted)}.length-finding{border-left:1px solid #ddd9ce;padding-left:25px}.length-number{font-family:'Albert Sans';font-size:43px;font-weight:400;line-height:1.2;display:block;margin-bottom:9px}.length-number small{font-size:17px}.topic-box{background:#f8f7f3;border-radius:14px;padding:22px}.topic-box>p:not(.eyebrow){font-size:12px;color:var(--muted);margin:12px 0 0}.topic-box input{margin:8px 0}.preset-buttons{margin:10px 0 0}.approach-heading{margin:28px 0 18px}.approach-heading h3{margin-bottom:8px}.approach-heading>p:not(.eyebrow){font-size:12px;color:var(--muted)}.angle-workspace{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.angle-options{display:flex;flex-direction:column;gap:8px}.angle-card{padding:16px;text-align:left;font-size:13px;line-height:1.4;border-radius:12px}.angle-card[aria-pressed=true]{background:#191917;color:white;border-color:#191917}.angle-card[aria-pressed=true]:before{content:'✓';margin-right:8px}.angle-result{background:#faf9f6;border-radius:14px;padding:22px}.angle-result .teaching-note{margin:0 0 24px;padding:0;border:0;background:transparent}.angle-result h3{font-size:23px}.angle-result .teaching-note>p:not(.eyebrow){font-size:12px}.adlib-preview,#adlib-preview{font-family:'Albert Sans';font-size:25px;line-height:1.65;letter-spacing:-.02em}.adlib-slot{padding:2px 4px;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.angle-result .subtle{font-size:10px;margin-top:16px}.angle-result .button{font-size:12px}.save-indicator{font-size:10px;color:var(--muted);margin-top:-14px;margin-bottom:24px}.builder,.review-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.builder label{margin-bottom:22px}.builder label>span:not(.role){display:block;margin-top:8px}.builder label textarea{font-size:13px}.builder .subtle{font-size:10px;margin-top:14px}.builder-preview{background:#faf9f5;border-radius:14px;padding:24px;align-self:start;position:sticky;top:24px}.builder-preview>.subtle{border-top:1px solid var(--line);padding-top:16px;margin-top:24px}#build-status,#copy-status{font-size:12px}#final-draft{min-height:260px;margin:10px 0;font-size:17px;font-family:'Albert Sans';line-height:1.6}.timer-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.timer-row .button,.timer-row .text-button{font-size:11px}.timer-row output{font-size:20px;font-variant-numeric:tabular-nums}.review-grid .subtle{font-size:10px;margin:12px 0}.self-review{background:#f8f7f3;border-radius:14px;padding:22px;align-self:start}.self-review h3{font-size:24px}.self-review label{font-size:12px;display:flex;align-items:start;gap:10px;margin:16px 0;font-weight:400}.review-check{width:16px;height:16px;accent-color:#9b7b23;margin-top:3px;flex-shrink:0}.self-review>p{font-size:11px;color:var(--muted)}.draft-actions{margin:20px 0}.draft-actions span{margin-left:12px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:28px}.section-top>p{max-width:400px;font-size:13px;color:var(--muted)}.filters{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr auto;gap:12px;align-items:end;background:#f8f7f3;padding:16px;border-radius:14px}.filters label{font-size:10px}.filters input,.filters select{font-size:12px;margin-top:6px;min-height:43px}.filters .button{font-size:11px}.results-line{display:flex;align-items:center;justify-content:space-between;margin:22px 0;font-size:12px;color:var(--muted)}.results-line p{margin:0}.results-line label{display:flex;align-items:center;gap:12px;font-size:11px}.results-line select{font-size:12px;width:auto}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}.card-thumbnail{display:block;position:relative;width:100%;padding:0;border:0}.card-thumbnail img{width:100%;height:auto}.duration{position:absolute;bottom:10px;right:10px;background:#fff;border-radius:6px;padding:3px 7px;font-size:10px}.card-body{padding:18px}.card h3{font-size:22px;line-height:1.2}.card .summary{font-size:12px;color:var(--muted)}.card-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.score{font-size:10px;color:var(--muted)}.card .text-button{font-size:11px;margin-top:10px}#show-more{display:flex;margin:28px auto}.teaching-note{background:#faf9f5;border-radius:12px;padding:22px;margin-top:28px;font-size:12px}.teaching-note h3{font-size:23px}.comparison{padding:15px 0;border-top:1px solid var(--line)}.comparison h4{font-size:18px}.comparison p{margin-top:8px}#method{padding:40px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:30px 0}.method-grid p,.method-note,#method>p:not(.eyebrow){font-size:13px;color:var(--muted)}.method-grid h3{font-size:25px;margin-top:24px}.method-grid h3:first-child{margin-top:0}.finish-mark{border-radius:50%;width:66px;height:66px;background:#e7eddf;font-size:28px;display:grid;place-items:center;margin:30px 0}.finish-actions{display:flex;gap:24px;align-items:center;margin:30px 0}footer{max-width:1192px;margin:32px auto;padding:20px 24px;display:flex;gap:24px;color:var(--muted);font-size:10px}footer span{margin-right:auto}dialog{border:8px solid var(--frame);border-radius:24px;padding:28px;width:min(1050px,94vw);max-height:92vh;overflow-y:auto;background:#fff}dialog::backdrop{background:#14130fb3;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top .eyebrow{margin:0}#close{width:36px;height:36px;border-radius:50%;font-size:22px}.modal-open{overflow:hidden}.clip-finished{padding:15px;font-size:12px;background:#f8f7f3;margin:0}.order-example{line-height:2.4}
@media(max-width:1000px){.site-header{margin:16px 24px 0}.welcome{gap:30px;padding:48px 0 24px}h1{font-size:46px}.workshop-layout.with-rail{grid-template-columns:180px minmax(0,1fr);gap:12px}.lesson{padding:24px}.job-grid{grid-template-columns:1fr 1fr}.watch-workspace{grid-template-columns:1fr 1.2fr;gap:14px}.follow-panel{padding:15px}.builder,.review-grid{grid-template-columns:1fr}.builder-preview{position:static}.cards{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.filters .button{grid-column:1/-1}.overview-path a{padding:18px 14px;gap:10px}.overview-path p{font-size:11px}.overview-path h3{font-size:21px}.hero-demo .demo-line p{font-size:24px}}
@media(max-width:720px){body{font-size:14px}.site-header{margin:12px 14px 0;padding-left:10px;gap:10px}.brand{font-size:13px;gap:7px}.brand img{width:30px;height:30px}.brand small{font-size:9px}.site-header nav{gap:13px}.site-header nav a{font-size:10px}.site-header nav>a:nth-child(2){display:none}.header-cta{padding:7px 11px}.header-cta .arrow{display:none}main{padding:0 14px}.welcome{grid-template-columns:1fr;gap:30px;padding:40px 8px 20px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:41px;line-height:1.1}.intro{font-size:15px}.hero-copy .subtle{font-size:10px}.hero-demo{max-width:480px;width:100%;margin:auto}.demo-line p{font-size:25px}.overview-path{grid-template-columns:1fr;gap:6px}.overview-path a{padding:18px}.overview-path p{font-size:12px}.workshop-layout.with-rail{grid-template-columns:1fr;gap:14px}.workshop-layout{margin-top:22px}.workshop-rail{position:static;padding:0}.rail-heading{padding:0 6px 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rail-heading .eyebrow{font-size:9px;margin:0}.rail-heading #progress-label{margin:0 0 0 auto;font-size:10px}.rail-heading progress{flex-basis:100%;height:3px}.workshop-rail nav{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.workshop-rail nav a{flex-direction:column;text-align:center;gap:6px;padding:9px 2px;font-size:9px;line-height:1.25;position:relative}.step-number{width:22px;height:22px}.step-check{position:absolute;top:4px;right:4px;font-size:9px}.rail-note,.rail-library{display:none}.lesson-surface{border-width:5px;border-radius:20px}.lesson,#method{padding:22px 16px}h2{font-size:32px}h3{font-size:23px}.lead{font-size:15px}.lesson-intro{margin-bottom:24px}.lesson-intro .eyebrow{font-size:9px}.journey{margin:20px 0}.journey>div{padding:14px 9px}.journey h3{font-size:18px}.journey p{font-size:11px}.journey small{font-size:9px}.journey>div+div:before{top:24px;left:-7px;font-size:12px}.journey-icon{width:26px;height:26px;font-size:12px;margin-bottom:15px}.contrast-example{grid-template-columns:1fr;gap:20px}.sample-copy{font-size:15px}.checkpoint{padding:20px 14px}.checkpoint>h3{font-size:23px}#pulse-question{font-size:25px}.pulse-option{font-size:12px;padding:12px;gap:10px}.answer-letter{width:27px;height:27px}.quiz-navigation .button{font-size:10px;padding:10px 12px}.lesson-end{gap:8px;margin-top:24px;padding-top:24px}.lesson-end .button{font-size:11px}.lesson-end .text-button{font-size:11px}.job-grid{gap:8px}.job-grid article{padding:13px}.job-grid h3{font-size:21px}.job-grid p{font-size:11px}.matching-grid{gap:10px}.match-line,.match-target{padding:10px;min-height:150px;font-size:11px;gap:7px}.drag-hint{font-size:9px}.match-target .role{font-size:9px}.match-reasons{grid-template-columns:1fr}.match-controls .button{font-size:12px}.watch-workspace{display:flex;flex-direction:column-reverse;gap:18px}.example-media,.follow-panel{width:100%}.follow-panel{min-height:0}.follow-lines{max-height:210px}.follow-lines li p{font-size:13px}.follow-panel .subtle{font-size:11px}.example-tabs{gap:6px}.example-tabs button{font-size:10px;padding:8px 10px}.example-heading h3{font-size:24px}.example-reflection blockquote{font-size:23px}.timing-lesson{grid-template-columns:1fr;padding:20px;gap:20px}.length-finding{border-left:0;padding:18px 0 0;border-top:1px solid #ddd9ce}.length-number{font-size:39px}.angle-workspace{grid-template-columns:1fr}.angle-options{display:grid;grid-template-columns:1fr 1fr}.angle-card{font-size:12px;padding:13px}.angle-card:last-child{grid-column:1/-1}.topic-box{padding:17px}.preset-buttons button{font-size:10px}.angle-result{padding:20px}.adlib-preview,#adlib-preview{font-size:24px}.builder,.review-grid{gap:20px}.builder-preview{padding:20px}.section-top{display:block}.section-top>p{margin-top:15px}.filters{padding:12px;gap:10px}.filters label{font-size:9px}.filters select,.filters input{font-size:11px}.filters label:first-child{grid-column:1/-1}.filters label:nth-child(4){grid-column:1/-1}.results-line{font-size:10px;gap:10px}.results-line label{font-size:0;gap:0}.results-line select{font-size:10px;max-width:135px}.cards{grid-template-columns:1fr;gap:18px}.card h3{font-size:24px}.card .summary{font-size:13px}.card-body{padding:18px}.method-grid{grid-template-columns:1fr;gap:0;margin:20px 0}.method-grid h3{font-size:25px;margin-top:22px}.method-grid>div+div h3:first-child{margin-top:22px}.finish-actions{flex-direction:column;align-items:start;gap:16px}footer{margin-top:20px;flex-wrap:wrap;gap:10px 18px;padding:16px 22px;font-size:9px}footer span{flex-basis:100%}dialog{padding:17px;border-width:5px;border-radius:18px;width:96vw;max-height:94dvh}.dialog-top .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.button:hover,.header-cta:hover{transform:none}}

/* Audience and offer evidence: progressive disclosure keeps the lesson focused. */
.fit-evidence{background:#faf9f6;border:1px solid #dedad2;border-radius:16px;padding:18px 22px;margin:20px 0}.fit-evidence summary{font-weight:500;cursor:pointer}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.fit-grid p{margin:6px 0}.fit-evidence>p{max-width:80ch}.comment-note{border-top:1px solid #dedad2;margin-top:18px;padding-top:18px}.comment-note p{margin:8px 0}.fit-evidence .subtle{font-size:13px;line-height:1.6}.fit-evidence a{overflow-wrap:anywhere}.selection-path{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0}.selection-path>div{background:white;border:8px solid #f0ece6;border-radius:24px;padding:22px}.selection-path span{color:#786446;font-size:13px}.selection-path h3{margin:12px 0 6px}.selection-path p{margin:0}.card-bottom{flex-wrap:wrap;gap:8px}.length-number{letter-spacing:-.035em}@media(max-width:650px){.fit-grid,.selection-path{grid-template-columns:1fr}.fit-evidence{padding:16px}.selection-path{gap:8px}.selection-path>div{padding:16px}.selection-path h3{margin-top:6px}}

#share{margin-left:12px}@media(max-width:650px){#share{margin:12px 0 0}}

/* Lesson clarity: descriptive headings, intentional spacing and instructional visuals. */
.keep-together{white-space:nowrap}.lesson-intro .lead{max-width:100%;margin-bottom:18px}.lesson-intro>p:last-child{margin-bottom:0}.lesson-intro>p:not(.eyebrow):not(.lead){max-width:70ch;color:#55554e;line-height:1.65}.lesson-label{display:flex;align-items:center;gap:10px;margin-bottom:18px}.lesson-badge{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fef7af;color:#564712;font:500 14px Geist;letter-spacing:0}.lesson-icon{display:block;width:22px;height:22px;flex-shrink:0}.journey{background:#faf9f6;border:0;padding:6px;gap:6px}.journey>div{border-radius:12px;background:white;padding:20px}.journey>div+div:before{display:none}.journey .journey-hook{background:#fff9cb;box-shadow:inset 0 0 0 1px #eee4a3}.journey-icon{width:40px;height:40px;border:0;background:#f0ece6;color:#655b43;margin-bottom:16px}.journey-hook .journey-icon{background:#ead878;color:#403913}.journey h3{font-size:20px;line-height:1.25}.journey p{font-size:14px}.journey small{font-size:11px}.contrast-example{gap:16px;padding:8px 0 24px}.contrast-example>div{border:1px solid #e6d5d1;border-radius:16px;background:#fcf7f5;padding:22px}.contrast-example>div+div{border:1px solid #ccddcf;background:#f3f8f3}.comparison-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.comparison-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f4ded8;color:#a13228;flex-shrink:0}.comparison-after .comparison-symbol{background:#dcebdd;color:#26643a}.comparison-label{font-size:11px;color:#80554d;display:block;margin-bottom:4px}.comparison-after .comparison-label{color:#3d6247}.comparison-heading h3{font-size:20px;line-height:1.25;margin:0}.contrast-example .sample-copy{font-family:'Albert Sans',Arial,sans-serif;font-size:20px;line-height:1.45;letter-spacing:-.015em}.comparison-explanation{font-size:12px;color:#64635b;margin:16px 0 0}.job-grid .element-card{border-top:3px solid #c4d5bc;padding:18px}.job-grid .element-card.tension{border-top-color:#e7bb9d}.job-grid .element-card.promise{border-top-color:#e4ca5c}.job-grid .element-card.proof{border-top-color:#b8b5d8}.element-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.element-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--relevance);color:#415d38}.tension .element-icon{background:var(--tension);color:#805438}.promise .element-icon{background:var(--promise);color:#69531e}.proof .element-icon{background:var(--proof);color:#585177}.job-grid h3{font-size:20px;line-height:1.25}.job-grid p{font-size:13px;line-height:1.6}.checkpoint{border:1px solid #e6e2d8}.checkpoint>h3{margin-bottom:12px}.overview-path h3{font-size:21px}.rail-library{line-height:1.5}
@media(min-width:721px) and (max-width:1050px){.journey{grid-template-columns:1fr}.journey>div{display:grid;grid-template-columns:40px 1fr;column-gap:16px;padding:16px}.journey-icon{grid-row:1/4;margin:0}.journey h3{margin:0 0 5px}.journey p,.journey small{grid-column:2}.contrast-example{grid-template-columns:1fr}}
@media(max-width:720px){.lesson-intro .lead{font-size:16px;line-height:1.65;margin-bottom:20px}.lesson-label{gap:8px}.lesson-badge{width:27px;height:27px;font-size:13px}.journey{grid-template-columns:1fr;gap:6px}.journey>div{display:grid;grid-template-columns:36px 1fr;column-gap:14px;padding:16px}.journey-icon{grid-row:1/4;width:36px;height:36px;margin:0}.journey h3{font-size:19px;margin:0 0 5px}.journey p,.journey small{grid-column:2}.journey p{font-size:14px}.journey small{font-size:11px}.contrast-example>div{padding:20px}.comparison-heading h3{font-size:21px}.contrast-example .sample-copy{font-size:20px}.comparison-explanation{font-size:13px}.job-grid{grid-template-columns:1fr}.job-grid .element-card{padding:18px}.job-grid h3{font-size:22px;margin:14px 0 8px}.job-grid p{font-size:14px}.workshop-rail nav a{font-size:9px}.overview-path h3{font-size:22px}}

/* Compact pulse check and a deliberate answer-review ending. */
.quiz-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:26px}.quiz-heading h3{margin:0;font-size:28px}.quiz-heading .quiz-progress{flex-shrink:0;margin:0;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.quiz-context{display:grid;grid-template-columns:minmax(190px,260px) 1fr;align-items:center;gap:26px;margin-bottom:24px}.quiz-context #pulse-question{margin:0;font-size:32px;line-height:1.2}.quiz-video{margin:0}.quiz-video img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.quiz-video figcaption{font-size:15px;line-height:1.35;margin-top:10px;color:var(--ink)}.quiz-video figcaption span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.pulse-feedback{min-height:0;margin:16px 0 0}.pulse-option[aria-disabled="true"]{cursor:default}.quiz-navigation{margin-top:22px}.quiz-results-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px}.quiz-results-top h4{font-size:28px;margin:0}.quiz-score{margin:0;font-size:13px;white-space:nowrap}.quiz-score strong{color:#285739}.quiz-results-list{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:16px}.quiz-result{border-radius:14px;border:1px solid #d3dfd2;background:#f3f8f2;padding:20px}.quiz-result.result-incorrect{border-color:#e6d3ca;background:#fcf5f0}.quiz-result-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin-bottom:12px}.result-state{font-weight:500;color:#285739}.result-incorrect .result-state{color:#994536}.quiz-result h5{font:400 21px/1.25 'Albert Sans',Arial,sans-serif;letter-spacing:-.02em;margin:0 0 14px}.quiz-result p{font-size:13px;line-height:1.6;margin:0 0 12px}.quiz-result p:last-child{margin:0}.result-reason{color:#55554e}#quiz-completion{scroll-margin-top:28px}
@media(max-width:900px){.quiz-context{grid-template-columns:1fr;gap:20px}.quiz-video{max-width:340px}.quiz-context #pulse-question{font-size:28px}}@media(max-width:720px){.quiz-heading{gap:12px;margin-bottom:22px;align-items:flex-start}.quiz-heading h3{font-size:24px;max-width:210px}.quiz-heading .quiz-progress{padding-top:5px;font-size:11px}.quiz-context #pulse-question{font-size:27px}.quiz-video figcaption{font-size:15px}.quiz-navigation .button{font-size:12px}.quiz-results-top{align-items:start;flex-direction:column;gap:8px}.quiz-results-top h4{font-size:26px}.quiz-result{padding:16px}.quiz-result h5{font-size:21px}.quiz-result p{font-size:13px}}

/* Use the quiz frame for the matching activity and one readable video-details row. */
.matching-lesson.checkpoint{padding:26px;margin-top:28px}.activity-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}.activity-heading h3{font-size:28px;margin:0}.activity-label{flex-shrink:0;background:#e9e5dc;color:#514d42;border-radius:99px;padding:4px 10px;font-size:11px}.matching-lesson .activity-instruction{font-size:13px;line-height:1.6;margin-bottom:24px}.matching-lesson .match-line{background:white}.matching-lesson .match-target{background:#eeece5;border-color:#ccc7b9}.matching-grid h4{margin-bottom:12px}#match-selection:empty,#match-feedback:empty,.follow-status:empty{display:none}.matching-lesson .match-controls{margin-top:22px;align-items:center}.matching-lesson #match-feedback{margin-bottom:0}.video-info-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;padding:14px 0 0}.video-info-row .hook-length{font-size:13px;margin:0;white-space:nowrap;color:var(--muted)}.hook-length strong{font-weight:500;color:var(--ink)}.video-info-row>a{font-size:11px;color:var(--muted)}.view-evidence{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.follow-panel .subtle{font-size:12px;line-height:1.6}.follow-panel h4{margin-bottom:12px}
@media(max-width:720px){.matching-lesson.checkpoint{padding:20px 14px}.activity-heading{align-items:flex-start;gap:10px}.activity-heading h3{font-size:24px}.activity-label{font-size:10px;padding:4px 8px}.matching-lesson .activity-instruction{font-size:12px;margin-bottom:20px}.matching-grid{gap:8px}.matching-grid h4{font-size:10px}.video-info-row .hook-length{font-size:13px}.video-info-row>a{font-size:11px}.matching-lesson .match-line,.matching-lesson .match-target{padding:10px 8px;min-height:160px}.follow-panel .subtle{font-size:12px}}
.matching-lesson .match-line.selected,.matching-lesson .match-target.drag-over{outline:2px solid #b49743;background:#fffbe8}.matching-lesson .match-target.matched-correct{border-color:#76916b;background:#f0f6ed}.matching-lesson .match-target.matched-retry{border-color:#c39769;background:#fff6ea}

/* Motion uses the landing-page FAQ curve, with shorter transitions for controls. */
:root{--motion-ease:cubic-bezier(.76,0,.24,1)}
.disclosure-inner{display:flow-root}.motion-disclosure>summary::after{content:'+';display:inline-block;transform:rotate(0);transition:transform .6s var(--motion-ease)}.motion-disclosure[data-expanded="true"]>summary::after{content:'+';transform:rotate(45deg)}.disclosure-body{overflow-anchor:none}.disclosure-inner>:last-child{margin-bottom:16px}.disclosure-inner>details:last-child{margin-bottom:0}
.button,.header-cta,.text-button,.workshop-rail nav a,.example-tabs button,.angle-card,.preset-buttons button,.pulse-option,.match-line,.match-target{transition:background-color .3s var(--motion-ease),border-color .3s var(--motion-ease),color .3s var(--motion-ease),box-shadow .3s var(--motion-ease),transform .3s var(--motion-ease)}
.follow-lines li{animation:hook-note-in .35s var(--motion-ease)}
@keyframes hook-note-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep playback first and reveal each teaching cue with its ingredient labels. */
.watch-workspace{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.watch-workspace>.example-media,.watch-workspace>.follow-panel{min-width:0}.follow-lines{max-height:330px;scroll-behavior:smooth}.follow-lines li{padding:12px 10px;border-radius:0 10px 10px 0;transition:background-color .3s var(--motion-ease),border-color .3s var(--motion-ease)}.follow-beat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;margin-top:6px}.follow-beat p{margin:0!important;font-size:13px!important;line-height:1.6}.follow-roles{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-top:2px;max-width:104px}.follow-roles .role{font-size:10px;line-height:1.4;white-space:normal}.follow-panel .follow-status{min-height:0}
@media(max-width:1050px) and (min-width:721px){.watch-workspace{grid-template-columns:1fr 1fr}.follow-beat{grid-template-columns:1fr;gap:8px}.follow-roles{flex-direction:row;flex-wrap:wrap;max-width:none}}
@media(max-width:720px){.watch-workspace{display:flex;flex-direction:column}.follow-lines{max-height:320px}.follow-beat{gap:10px}.follow-roles{max-width:92px}.follow-roles .role{font-size:9px}}
@media(prefers-reduced-motion:reduce){.follow-lines{scroll-behavior:auto}}

#topic-idea::placeholder{color:#858580;opacity:1}

/* Keep short headings balanced and give teaching text room before columns get cramped. */
h1,h2,h3,h4,h5{ text-wrap:balance }
.lesson p,.quiz-video figcaption,.adlib-preview,#adlib-preview{ text-wrap:pretty }
.angle-workspace,.builder,.review-grid,.matching-grid,.method-grid,.quiz-context{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.angle-workspace{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.builder,.review-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.quiz-context{grid-template-columns:minmax(0,260px) minmax(0,1fr)}
.angle-workspace>*,.builder>*,.review-grid>*,.matching-grid>*,.method-grid>*,.quiz-context>*{min-width:0}
.adlib-preview,#adlib-preview{overflow-wrap:anywhere}
.angle-card{display:flex;align-items:flex-start;gap:8px}.angle-card>span{min-width:0;text-wrap:pretty}
.angle-card[aria-pressed=true]::before{flex:none;margin:0}
summary{display:flex;align-items:baseline;justify-content:space-between;gap:14px}summary::after{float:none;flex:none;margin-left:0}
@media(max-width:1000px){.builder,.review-grid{grid-template-columns:1fr}}
@media(max-width:900px){.watch-workspace{display:flex;flex-direction:column}.watch-workspace>.example-media,.watch-workspace>.follow-panel{width:100%}.angle-workspace,.quiz-context,.timing-lesson{grid-template-columns:1fr}.length-finding{border-left:0;padding:18px 0 0;border-top:1px solid #ddd9ce}}
@media(max-width:720px){.method-grid{grid-template-columns:1fr}.activity-heading{flex-wrap:wrap}.activity-heading h3{flex:1 1 180px}.beat-head{flex-wrap:wrap}}
@media(max-width:420px){.angle-options{grid-template-columns:1fr}.angle-card:last-child{grid-column:auto}}
.adlib-slot{padding-inline:0}
.brand,.header-cta{white-space:nowrap}
@media(max-width:420px){.adlib-preview,#adlib-preview{font-size:22px}.site-header nav{gap:8px}.header-cta{padding-inline:9px}}

#basics .lesson-intro .lead,#basics .lesson-intro .hook-purpose{font-size:1rem;line-height:1.65}.hook-purpose{text-wrap:pretty}
/* Source captions appear at their saved timestamp; future words reserve space. */
.caption-token{opacity:0;visibility:hidden;transition:opacity .14s ease-out}
.caption-token.spoken{opacity:1;visibility:visible}
.follow-beat p{white-space:normal;text-wrap:wrap!important;font-size:15px!important;line-height:1.6}
.follow-lines li{animation:none}
.follow-lines li.current .follow-roles{animation:hook-note-in .25s var(--motion-ease)}
.role.preview{background:#e5edf4}.role.connection{background:#f1e5ee}
.quiz-real-video{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.quiz-real-video .quiz-video{max-width:none}
.quiz-real-video .quiz-video figcaption{margin:12px 0 0}
.quiz-real-video .quiz-video figcaption span{margin:6px 0 0;font-size:12px}
.quiz-real-video #pulse-question{font-size:30px;line-height:1.25}
.quiz-real-video .play-label{font-size:12px}
.quiz-transcript{margin-top:10px;font-size:13px;line-height:1.6}
.quiz-transcript summary{font-size:12px;padding:8px 0}
.quiz-transcript p{font-size:14px!important;margin:12px 0}
.quiz-transcript a{font-size:12px}
#quiz-player-status:empty{display:none}#quiz-player-status{margin:10px 0 0}
@media(max-width:900px){.quiz-real-video{grid-template-columns:1fr}.quiz-real-video #pulse-question{font-size:28px}}
@media(prefers-reduced-motion:reduce){.caption-token{transition:none}.follow-lines li.current .follow-roles{animation:none}}
@media(min-width:901px){
 #quiz-question-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:18px 24px;align-items:start}
 #quiz-question-panel>.quiz-context{display:contents}
 #quiz-question-panel .quiz-video{grid-column:1;grid-row:1/4}
 #quiz-question-panel #pulse-question{grid-column:2;grid-row:1;margin:0;font-size:28px}
 #quiz-question-panel .choice-list{grid-column:2;grid-row:2}
 #quiz-question-panel .pulse-feedback{grid-column:2;grid-row:3;margin:0}
}

/* Keep example actions distinct and allow a natural wrap on small screens. */
.example-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.example-actions .text-button{min-height:44px}
.example-actions #example-status{flex-basis:100%;font-size:13px}
.example-actions #example-status:empty{display:none}

/* Optional learner context uses the existing warm frame and quiet disclosure. */
.learner-settings{margin:24px 0;background:#f0ece6;border:1px solid #e2ded7;border-radius:20px;padding:0 24px}
.learner-settings>summary{padding:18px 0;font-size:1rem;display:flex;gap:16px;align-items:center;flex-wrap:wrap;cursor:pointer}
.learner-settings>summary span{margin-left:auto;font-weight:400;color:#5b5a53}
.learner-settings form{padding:0 0 20px}.learner-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0}
.learner-fields label{display:flex;flex-direction:column;gap:8px;font-size:1rem}.learner-fields small{font-size:.875rem;font-weight:400}
.learner-fields input,.learner-fields select{width:100%;min-width:0;padding:13px;border:1px solid #d5d1c9;border-radius:12px;background:#fff;font:inherit;color:inherit}
.learner-fields label:first-child{justify-content:flex-end}.learner-settings [role=status]:empty,.selection-note:empty{display:none}
.selection-note{font-size:.9375rem;line-height:1.5;color:#55564e;margin:16px 0}
.writing-context{background:#f0ece6;padding:24px;border-radius:20px;margin:0 0 24px;overflow-wrap:anywhere}.writing-context h3{font-size:1.5rem}.writing-context p{max-width:65ch}
@media(max-width:720px){.learner-settings{padding:0 16px;margin:16px 0}.learner-fields{grid-template-columns:1fr}.learner-settings>summary span{margin-left:0}.learner-fields label:first-child{justify-content:initial}}
.writing-context h3{margin:0 0 12px}.writing-context p{margin:8px 0}.writing-context .text-button{margin-top:8px}
@media(max-width:720px){.learner-settings>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.learner-settings>summary span{grid-column:1;font-size:.875rem}.learner-settings>summary::after{grid-column:2;grid-row:1 / 3}.learner-fields{gap:16px}.learner-fields label{gap:6px}}

.practice-next,.revision-activity{background:var(--frame);border-radius:20px;padding:24px;margin:24px 0}
.practice-next h5{font:400 25px/1.2 'Albert Sans',sans-serif;letter-spacing:-.025em;margin:0 0 18px}.skill-reminder{margin:16px 0}.skill-reminder p{margin:4px 0;font-size:1rem;line-height:1.5}.practice-label{font-size:.9375rem;font-weight:500}
.revision-activity p,.revision-activity label{font-size:1rem}.revision-activity .subtle{font-size:.875rem}.revision-activity .eyebrow{font-size:.8125rem}.revision-activity .example-actions{margin:16px 0}.revision-activity #revision-status:empty{display:none}
#revision-workspace>label{margin-top:20px}.revision-guidance{padding:18px 20px;background:#fff9;border-radius:14px;margin:18px 0}.revision-guidance p{margin:0}.revision-guidance summary{padding-bottom:0}.revision-guidance details[open] summary{padding-bottom:12px}
.revision-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.revision-pair>div{padding:20px;background:white;border-radius:16px;min-width:0}.revision-pair h4,.revision-pair label{font:400 23px/1.2 'Albert Sans',sans-serif;margin:0 0 16px}.hook-copy{white-space:pre-wrap;overflow-wrap:anywhere}.revision-pair textarea{min-height:180px;font-size:1rem}.revision-activity textarea{margin:10px 0}#revision-history-label{max-width:240px}#revision-history-label select{margin-top:6px}
@media(max-width:720px){.revision-pair{grid-template-columns:1fr}.revision-activity,.practice-next{padding:18px}.revision-pair>div{padding:16px}.practice-next h5{font-size:23px}}
.revision-activity .activity-heading{display:block}.revision-activity .activity-heading h3{margin-bottom:12px}.revision-activity .activity-heading .eyebrow{margin-bottom:8px}

.pattern-counts{width:100%;border-collapse:collapse;margin:18px 0 22px;font-size:1rem;font-variant-numeric:tabular-nums}.pattern-counts caption{text-align:left;font-weight:500;margin-bottom:10px}.pattern-counts th,.pattern-counts td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line)}.pattern-counts th{font-weight:500}.pattern-counts thead{background:var(--frame)}#pattern-findings{margin-bottom:28px}#pattern-findings h4{font-size:1.25rem;margin:24px 0 8px}@media(max-width:480px){.pattern-counts th,.pattern-counts td{padding:10px 6px}.pattern-counts{font-size:.875rem}}
#pattern-findings p{font-size:1rem;line-height:1.6;max-width:72ch}#pattern-findings p.subtle{font-size:.875rem}

/* Optional review help stays with the criterion it explains. */
.review-item{padding:14px 0;border-bottom:1px solid var(--line)}.self-review .review-item label{margin:0;font-size:16px;line-height:1.5}.review-item details{margin-left:26px}.review-item summary{font-size:14px;line-height:1.5;padding:10px 0}.review-item p{font-size:16px;line-height:1.6;margin:10px 0}.review-item .review-example{border-left:3px solid #d9c66d;padding-left:12px}.review-item .text-button{font-size:14px}.self-review>p{font-size:14px;line-height:1.6}.self-review #review-status{margin-top:18px}.review-check:disabled{opacity:.5}
.review-grid .subtle{font-size:14px}.timer-row .button,.timer-row .text-button{font-size:14px}

/* Ordered explanation after the matching activity. */
.hook-flow{list-style:none;counter-reset:hook-line;padding:0;display:grid;grid-template-columns:1fr;gap:0}.hook-flow li{counter-increment:hook-line;position:relative;padding:0 0 24px 48px}.hook-flow li::before{content:counter(hook-line);position:absolute;left:0;top:0;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#2d3932;font-size:16px}.hook-flow li:not(:last-child)::after{content:"";position:absolute;left:14px;top:36px;bottom:6px;width:2px;background:currentColor;opacity:.18}.hook-flow li:last-child{padding-bottom:0}.hook-flow li p{margin:8px 0 0;font-size:16px;line-height:1.5}.hook-flow .flow-quote{font-weight:500}.hook-flow li .role{margin:0}

/* Source references share the existing animated disclosure behavior. */
.pattern-sources{border-bottom:1px solid var(--line)}.pattern-sources>summary{font-size:1rem;line-height:1.5;padding:16px 0}.pattern-sources ul{list-style:none;padding:0;margin:0}.pattern-sources li{padding:14px 0;border-top:1px solid var(--line)}.pattern-source-link{display:block;width:100%;text-align:left;background:none;border:0;border-radius:6px;padding:6px 4px;font:inherit;font-size:1rem;line-height:1.5;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.pattern-source-link span{display:block;color:var(--muted);font-size:.875rem;text-decoration:none;margin-bottom:4px}.pattern-sources li p{font-size:.875rem;line-height:1.5;margin:6px 4px 0;color:var(--muted)}.beat-head .line-number{font-size:.875rem;color:var(--muted);white-space:nowrap}.beat-head{flex-wrap:wrap}

/* Source-bound reflection extends the existing Lesson 2 activity. */
.line-practice{background:var(--frame);border:0;border-radius:20px;padding:0 22px}
.line-practice>summary{font-size:18px;padding:20px 0}
#line-practice-content{padding:0 0 22px;font-size:16px}
#line-practice-content>label{margin:18px 0 8px;font-size:14px}
#line-practice-content select{font-size:16px}
.line-practice-source{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;margin:24px 0}
.line-practice-thumbnail{border:0;padding:0;border-radius:12px;overflow:hidden;background:white}
.line-practice-thumbnail img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.line-practice-source .creator{font-size:14px;margin:0 0 5px}
.line-practice-source h4{font-size:21px;line-height:1.25;margin:0}
.line-practice-source .text-button{font-size:14px;text-align:left}
.line-practice-pair{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}
.line-practice-pair>li{position:relative;padding:20px;border-radius:16px;background:#ffffffb3;border-left:3px solid #d7d3c9}
.line-practice-pair>li+li{background:#fff;border-left-color:#a68936}
.line-practice-pair>li+li:before{content:'↓';position:absolute;top:-21px;left:20px;background:var(--frame);width:24px;text-align:center;color:var(--muted)}
.line-practice-pair p,.line-practice-earlier p{margin:8px 0 0;font-size:17px;line-height:1.55;overflow-wrap:anywhere}
#line-practice-question{font-size:26px;line-height:1.25;margin:24px 0 12px}
#line-practice-note{font-size:16px;min-height:112px;margin:0 0 8px}
.line-practice-review{border-radius:16px;background:white;padding:20px;margin-top:18px}
.line-practice-review h4{font-size:22px;margin-bottom:12px}
.line-practice-review>p{margin-top:12px}
.line-practice-annotation{padding:16px 0;border-bottom:1px solid var(--line)}
.line-practice-annotation h5{font:400 18px/1.3 'Albert Sans',sans-serif;margin:0 0 10px}
.line-practice-annotation p{margin:10px 0 0;font-size:16px;line-height:1.55}
.line-practice-guide{margin:12px 0 20px;border-bottom:1px solid var(--line)}
.line-practice-guide>summary{font-size:16px}
.line-practice-guide>p{font-size:16px;line-height:1.5}
.line-practice-guide>p.subtle{font-size:14px}
.line-practice-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;border-top:1px solid #dcd7cc;padding-top:12px}
.line-practice-navigation .text-button{font-size:14px}
.line-practice-earlier{border-top:1px solid #dcd7cc;border-bottom:1px solid #dcd7cc}
.line-practice-earlier>div{padding:0 12px 18px}
@media(max-width:600px){.line-practice{padding:0 16px}.line-practice-source{grid-template-columns:1fr}.line-practice-thumbnail{max-width:280px}.line-practice-pair>li,.line-practice-review{padding:16px}.line-practice-navigation{flex-wrap:wrap}.line-practice-navigation>span{order:-1;flex-basis:100%}}

.purpose-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:20px 0}.purpose-notes article{min-width:0}.purpose-notes h4{margin:12px 0;font-size:22px;line-height:1.25}.purpose-notes p{font-size:16px;line-height:1.5}.purpose-notes .flow-quote{padding:16px;border-radius:12px;background:var(--frame);margin-bottom:12px}.purpose-notes .role{font-size:14px}@media(max-width:650px){.purpose-notes{grid-template-columns:1fr;gap:20px}}
#additional-purposes summary,#additional-purposes p{font-size:1rem;line-height:1.5}#additional-purposes p.subtle{font-size:.875rem}

/* Keep the learner’s chosen topic visible while drafting. */
.draft-topic-reminder{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;margin-top:24px;background:var(--frame,#f0ece6);border-radius:16px}.draft-topic-reminder .eyebrow{margin:0 0 6px}.draft-topic-reminder #writing-topic{margin:0;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.draft-topic-reminder .text-button{flex-shrink:0;font-size:.9375rem}@media(max-width:640px){.draft-topic-reminder{align-items:flex-start;flex-direction:column;gap:12px;padding:18px}}

.teaching-sentence-label{margin-top:24px}.teaching-sentence-label small{font-weight:400;color:var(--muted)}#teaching-sentence{min-height:90px}#topic-guidance{margin-top:12px;line-height:1.5}

.revision-source-line{margin-top:18px}.revision-source-line blockquote{margin:12px 0;padding:16px;background:var(--frame);border-radius:12px;font-size:18px;line-height:1.5}.revision-source-line>.creator{margin-top:16px}#revision-real-example select{max-width:100%;white-space:normal}#revision-source-content{padding-top:12px}

.revision-source-title{font-size:16px;line-height:1.45;margin:8px 0 12px;overflow-wrap:anywhere}

/* Optional comparison practice uses the existing lesson activity surface. */
.comparison-activity{margin-top:18px}.credibility-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.credibility-cards article{background:rgba(255,255,255,.85);border-radius:20px;padding:20px;min-width:0}.credibility-cards img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.credibility-cards h4{font-size:19px;line-height:1.3;margin:10px 0}.credibility-cards blockquote{margin:16px 0;font-size:19px;line-height:1.5}.credibility-cards .creator{font-size:14px;margin-top:14px}#credibility-question{font-size:clamp(24px,3vw,32px);line-height:1.25;margin:26px 0 20px}.credibility-reasons{margin-top:22px}.comparison-activity .teaching-note{margin-top:24px}.comparison-activity .text-button{color:inherit}@media(max-width:650px){.credibility-cards{grid-template-columns:1fr}.credibility-cards article{padding:16px}.comparison-activity{padding:22px 18px}}