@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Libre+Caslon+Display&display=swap');
:root{color-scheme:dark;--bg:#141719;--panel:#1a1e21;--raised:#21272b;--line:#343b3f;--text:#f1eee5;--muted:#abb1b1;--blue:#a8c9e0;--blue-strong:#c4e0f2;--warm:#d5b58f;--green:#b6cbb2;--danger:#e8b0a6;--paper:#f2efe6;--ink:#27343a;--sans:'DM Sans',system-ui,sans-serif;--serif:'Libre Caslon Display',Georgia,serif;font-family:var(--sans);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}::selection{background:var(--blue);color:var(--ink)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.15}em{font-weight:400;color:var(--blue)}small{font-size:11px}img{max-width:100%;display:block}button{border:0;background:none}hr{border:0;border-top:1px solid var(--line);margin:20px 0}[hidden]{display:none!important}.wrap{max-width:1376px;margin:auto;padding-left:64px;padding-right:64px}.eyebrow{font-size:10px;font-weight:550;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted)}.small-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px #a8c9e033;flex:none}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1248px)/2));border-bottom:1px solid var(--line);gap:24px;background:#141719ed;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:19px;flex:none}.brand a{display:flex;align-items:center;text-decoration:none;color:inherit}.brand a:focus-visible{outline:2px solid var(--blue-strong);outline-offset:4px;border-radius:4px}.brand img{width:122px;height:44px;object-fit:contain}.brand .brand-product{border-left:1px solid var(--line);padding-left:19px;font-size:23px;font-weight:700;letter-spacing:-.02em;color:#3b82f6}.brand-dot{color:var(--warm)}.landing-nav,.header-actions{display:flex;align-items:center;gap:30px;font-size:12px}.languages{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1px;white-space:nowrap}.languages a{padding:8px 3px;color:var(--muted)}.languages [aria-current]{color:var(--text)}.languages>span{color:#6c767a}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:40px;padding:9px 15px;border-radius:5px;border:1px solid transparent;font-size:12px;font-weight:550;line-height:1.5;transition:background .2s,border-color .2s,transform .2s;white-space:nowrap}.button.primary{background:var(--blue);color:#14232d;border-color:var(--blue)}.button.primary:hover{background:var(--blue-strong);border-color:var(--blue-strong)}.button.outline{border-color:#58636a}.button.outline:hover{background:var(--raised);border-color:var(--blue)}.button.quiet{background:var(--raised);border-color:var(--line)}.button.quiet:hover{background:#2c353b}.button.large{padding:16px 23px;min-height:54px}.button.danger{color:var(--danger);border-color:#754d46}.icon-button{height:36px;min-width:36px;border:1px solid var(--line);border-radius:5px;font-size:19px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--raised)}.text-link{font-size:12px;display:inline-flex;gap:15px;align-items:center}.text-link:hover{color:var(--blue)}.skip-link{position:fixed;top:-100px;left:16px;background:var(--blue);color:var(--ink);padding:12px;z-index:100}.skip-link:focus{top:12px}.hero{padding-top:66px;display:grid;grid-template-columns:1fr 1fr;gap:54px 44px}.hero-copy{padding:25px 0 0}.hero-copy>.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:30px}.hero h1{font-family:var(--sans);font-weight:450;font-size:clamp(52px,5.7vw,82px);letter-spacing:-4px;line-height:1.02}.hero h1 em{font-family:var(--serif);font-size:1.18em;letter-spacing:-2px}.hero-description{max-width:390px;color:var(--muted);font-size:14px;line-height:1.95;margin:28px 0}.hero-buttons{display:flex;align-items:center;gap:26px}.hero-note{font-size:10px;color:var(--muted);margin-top:16px}.hero-art{position:relative;min-height:560px;border:1px solid #4c4841;border-radius:10px;isolation:isolate}.hero-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 20%;border-radius:10px;opacity:.82}.hero-art:after{content:'';position:absolute;inset:0;border-radius:10px;background:linear-gradient(0deg,#10171bad,transparent 45%);pointer-events:none}.art-label{position:absolute;left:22px;top:17px;font:8px monospace;letter-spacing:1.5px;color:#e1d8c9;z-index:1}.floating-note{position:absolute;z-index:2;display:flex;gap:14px;align-items:center;padding:17px 20px;border:1px solid #69829380;border-radius:6px;background:#1d252ae8;box-shadow:0 12px 35px #0003;font-size:12px;backdrop-filter:blur(12px)}.floating-note small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.note-one{top:27%;left:-20px}.note-two{bottom:24%;right:-16px}.note-symbol{font-size:24px;color:var(--warm)}.art-caption{position:absolute;bottom:25px;right:25px;z-index:2;font:italic 19px var(--serif);color:#e0d4c2}.hero-facts{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1.3fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;align-items:center;gap:20px}.hero-facts p{color:var(--muted);font-size:12px}.hero-facts strong{font:40px var(--serif)}.hero-facts span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.hero-facts>a{font-size:11px;text-align:right}.section{padding-top:94px;padding-bottom:94px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:38px}.section-heading h2,.section h2{font:48px/1.1 var(--serif);letter-spacing:-1px}.section-heading .eyebrow,.section>.eyebrow{margin-bottom:17px}.section-heading>p{max-width:340px;color:var(--muted);font-size:13px;line-height:1.9}.studio-peek{display:grid;grid-template-columns:.8fr 1.45fr 1fr;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--panel)}.studio-peek aside{padding:32px 24px;border-right:1px solid var(--line)}.studio-peek aside p{font-size:11px;color:var(--muted);margin-top:25px}.studio-peek aside .peek-active{color:var(--blue)}.peek-main{padding:32px}.pill{display:inline-flex;align-items:center;font-size:9px;letter-spacing:1px;border:1px solid #a8c9e03b;border-radius:20px;padding:5px 10px;color:var(--blue);line-height:1.5}.peek-main h3{font:33px/1.2 var(--serif);margin:22px 0 14px}.peek-main>p{font-size:12px;color:var(--muted)}.peek-timeline{display:flex;gap:20px;padding:22px 0;border-top:1px solid var(--line);margin-top:25px}.peek-timeline>span{font:24px var(--serif);color:var(--blue)}.peek-timeline small{display:block;font:9px var(--sans);color:var(--muted);margin-top:6px}.peek-paper{margin:28px 28px 28px 0;padding:25px;background:var(--paper);color:var(--ink);border-radius:4px;transform:rotate(1deg)}.peek-paper .eyebrow{color:#5c7079;font-size:8px}.peek-paper h4{font:25px/1.15 var(--serif);margin:18px 0}.peek-paper p{font-size:10px}.peek-paper hr{border-color:#ccd0ca}.fraction-bars{display:grid;gap:7px;margin:20px 0}.fraction-bars span{height:12px;background:linear-gradient(90deg,#7a9db5 50%,#dce0dc 50%)}.fraction-bars span:nth-child(2){background:repeating-linear-gradient(90deg,#7a9db5 0,#7a9db5 24%,#e9ece7 24%,#e9ece7 25%);width:50%}.fraction-bars span:nth-child(3){background:repeating-linear-gradient(90deg,#7a9db5 0,#7a9db5 11.5%,#e9ece7 11.5%,#e9ece7 12.5%);width:50%}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.feature-number{font:22px var(--serif);color:var(--blue)}.feature-row h3{font-size:15px;margin:14px 0}.feature-row p{color:var(--muted);font-size:12px;line-height:1.8}.examples-section{background:#191d20;border-block:1px solid var(--line)}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.example-card{display:block;padding:24px;background:var(--bg);border:1px solid var(--line);border-radius:7px;transition:transform .2s,border-color .2s;min-width:0}.example-card:hover{transform:translateY(-4px);border-color:var(--blue)}.example-card .eyebrow{font-size:9px;letter-spacing:1px}.example-art{display:flex;align-items:center;justify-content:center;height:125px;font:65px var(--serif);color:var(--blue);background:radial-gradient(ellipse,#a8c9e012,transparent 70%)}.example-1 .example-art,.example-4 .example-art{color:var(--green)}.example-2 .example-art,.example-5 .example-art{color:var(--warm)}.example-card h3{font:27px/1.15 var(--serif);margin:5px 0 23px;min-height:62px}.example-card>div{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding-top:15px;border-top:1px solid var(--line)}.connection-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.connection-section .eyebrow{margin-bottom:20px}.connection-section p:not(.eyebrow){margin:22px 0;color:var(--muted);max-width:420px}.connection-art{border:1px solid var(--line);padding:38px;text-align:center;border-radius:50%;aspect-ratio:1;max-width:380px;width:100%;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-radial-gradient(circle,transparent,transparent 20px,#a8c9e00b 21px,transparent 22px)}.connection-art span{font-size:9px;letter-spacing:2px;color:var(--muted)}.connection-art strong{font:33px var(--serif);font-weight:400}.connection-art i{height:32px;width:1px;background:var(--blue);margin:12px}.faq{max-width:1000px;padding-top:35px}.faq h2{margin-bottom:35px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:15px;cursor:pointer}.faq details p{margin-top:16px;color:var(--muted);line-height:1.85;max-width:700px}.closing{padding-block:85px;text-align:center;border-top:1px solid var(--line)}.closing h2{font:66px/1.05 var(--serif);margin:25px 0 35px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:27px;padding-bottom:27px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.site-footer p{max-width:390px}.site-footer .footer-links{display:flex;gap:16px;flex-wrap:wrap}.site-footer .footer-links a{color:var(--text)}.site-footer small{font-size:inherit;flex-basis:100%;color:var(--muted)}
/* The working studio */
.studio-page .site-header{height:72px;padding:0 26px;position:sticky;top:0}.studio-page .brand img{width:101px;height:36px}.studio-page .brand .brand-product{font-size:20px}.workspace-name{font-size:9px;letter-spacing:1.7px;display:flex;gap:10px;align-items:center}.header-actions{gap:18px}#save-status{font-size:10px;color:var(--muted)}.studio-layout{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 72px)}.studio-sidebar{position:sticky;top:72px;height:calc(100vh - 72px);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 18px 18px;overflow:auto}.sidebar-intro{padding:0 8px 27px}.sidebar-intro .eyebrow{font-size:8px;letter-spacing:1.5px}.sidebar-intro h2{font:32px/1.13 var(--serif);margin:14px 0 22px}.sidebar-intro .button{width:100%}#section-nav{display:grid;gap:4px}.section-link{width:100%;text-align:left;padding:11px 10px;border:1px solid transparent;border-radius:5px;display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.section-link>span:first-child{font:10px monospace;color:#849399}.section-link.active{background:#a8c9e00d;border-color:#a8c9e02b;color:var(--blue)}.section-link:hover{background:var(--raised)}.section-link>span:last-child{margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:35px}.sidebar-link{display:block;text-align:left;font-size:11px;color:var(--muted);padding:9px 10px;width:100%}.sidebar-link:hover{color:var(--blue);background:var(--raised)}.sidebar-bottom p{display:flex;align-items:center;gap:8px;font-size:9px;padding:20px 10px 0;border-top:1px solid var(--line);margin-top:15px;color:var(--muted)}.workspace{min-width:0;padding:0 32px 35px}.lesson-toolbar{min-height:108px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:21px 0}.lesson-toolbar .eyebrow{font-size:8px;letter-spacing:1.2px}.lesson-toolbar h1{font:28px/1.2 var(--serif);margin-top:8px;overflow-wrap:anywhere}.toolbar-actions{display:flex;align-items:center;gap:8px}.editor-output{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.85fr);gap:30px;margin-top:30px;align-items:start}.editor{min-width:0}.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.section-title-row h3{font:28px var(--serif)}.section-description{font-size:12px;color:var(--muted);line-height:1.85;margin-bottom:25px;max-width:560px}.section-kicker{font-size:8px;letter-spacing:1.6px;color:var(--blue);margin-bottom:8px;text-transform:uppercase}.field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:17px}.field>label,.field-label{font-size:11px;font-weight:550;color:#dce1dc}.field small{font-size:10px;color:var(--muted);line-height:1.7}.field input,.field textarea,.field select,.search-input,.inline-select{width:100%;background:#1c2226;border:1px solid #3b454c;border-radius:5px;color:var(--text);padding:10px 11px;font-size:12px;min-height:40px;line-height:1.65}.field input::placeholder,.field textarea::placeholder,.search-input::placeholder{color:#8e9aa2}.field textarea{resize:vertical;min-height:90px}.field input[type=number]{min-width:0}.field input[type=checkbox]{width:16px;min-height:16px;accent-color:var(--blue)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-row.three{grid-template-columns:1fr 1fr 1fr}.field-row .field{margin-bottom:13px}.form-card{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:19px;margin-bottom:16px;min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.card-heading h4{font-size:13px;font-weight:500}.card-heading .eyebrow{font-size:8px;letter-spacing:1px}.card-actions{display:flex;gap:5px;flex:none}.card-actions .icon-button{height:29px;min-width:29px;font-size:15px}.form-card .field:last-child{margin-bottom:0}.hint{font-size:11px;color:var(--muted);line-height:1.85}.hint a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.info-box{background:#a8c9e009;border:1px solid #a8c9e02d;padding:15px;border-radius:5px;font-size:11px;color:#bdcbd2;line-height:1.85;margin:16px 0}.info-box.warm{border-color:#d5b58f44;background:#d5b58f08;color:#d8c8b5}.empty-state{padding:30px 22px;border:1px dashed #56626a;border-radius:7px;text-align:center;margin:20px 0}.empty-state .empty-icon{font:32px var(--serif);color:var(--blue);margin-bottom:15px}.empty-state h4{font:24px var(--serif);margin-bottom:10px}.empty-state p{color:var(--muted);font-size:12px;margin-bottom:18px}.empty-state .button{margin:5px}.section-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.section-footer .button{font-size:11px}.output-panel{position:sticky;top:96px;min-width:0;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#191f23}.output-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 14px;gap:18px}.output-tabs button{font-size:11px;padding:17px 0 13px;white-space:nowrap;border-bottom:2px solid transparent;color:var(--muted)}.output-tabs button[aria-selected=true]{color:var(--blue);border-color:var(--blue)}#output-content{max-height:calc(100vh - 174px);overflow:auto;padding:21px}.output-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.output-bar .eyebrow{font-size:8px;letter-spacing:1.1px}.output-bar .button{font-size:10px;min-height:30px;padding:5px 9px;gap:8px}.paper{background:var(--paper);color:var(--ink);padding:28px;border-radius:3px;box-shadow:0 7px 18px #0002;overflow-wrap:anywhere}.paper-top{font-size:8px;letter-spacing:1.5px;color:#657c88;border-bottom:1px solid #c9d0cd;padding-bottom:12px;display:flex;justify-content:space-between}.paper h2{font:31px/1.1 var(--serif);margin:23px 0 12px}.paper h3{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;border-top:1px solid #c9d0cd;padding-top:17px;margin:23px 0 12px}.paper h4{font-size:12px;margin:13px 0 5px}.paper p,.paper li{font-size:11px;line-height:1.85;white-space:pre-wrap}.paper ul,.paper ol{padding-left:17px}.paper a{text-decoration:underline;overflow-wrap:anywhere}.paper .muted{color:#64747b}.paper-meta{font-size:10px;line-height:1.8;color:#64747b}.paper-stage{border-left:2px solid #8eafc0;padding-left:13px;margin:16px 0}.paper-stage .stage-time{font:10px monospace;color:#567483}.paper .source-note{font-size:9px;color:#64747b}.paper-placeholder{border:1px dashed #bcc7c9;padding:14px;color:#63777e;font-size:11px;margin-top:16px}.paper-footer{border-top:1px solid #c9d0cd;margin-top:30px;padding-top:12px;font-size:8px;color:#6b8088}.paper table{border-collapse:collapse;width:100%;font-size:9px;margin:12px 0;table-layout:fixed}.paper th,.paper td{border:1px solid #bcc7c9;text-align:left;vertical-align:top;padding:6px;overflow-wrap:anywhere}.preview-caption{font-size:9px;text-align:center;color:var(--muted);margin-top:15px}.check-item{width:100%;display:flex;align-items:start;text-align:left;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.check-item .check-icon{display:grid;place-items:center;flex:none;width:20px;height:20px;border:1px solid #6a6859;border-radius:50%;font-size:11px;color:var(--warm)}.check-item.ok .check-icon{border-color:#6f8871;color:var(--green)}.check-count{font:38px var(--serif);color:var(--blue)}.prompt-text{width:100%;min-height:360px;resize:vertical;background:#11171b;border:1px solid var(--line);border-radius:5px;color:#d0dce3;padding:15px;font:11px/1.85 ui-monospace,monospace;white-space:pre-wrap}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 17px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #465058;border-radius:20px;font-size:10px;color:var(--muted);line-height:1.5;max-width:100%;text-align:left}.chip:hover{border-color:var(--blue);color:var(--blue)}.chip.selected{background:#a8c9e01a;border-color:#a8c9e080;color:var(--blue)}.chip input{accent-color:var(--blue)}.checkbox-row{display:flex;gap:9px;align-items:start;font-size:11px;color:var(--muted);margin:10px 0}.checkbox-row input{accent-color:var(--blue);flex:none;margin-top:4px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.template-card{padding:15px;border:1px solid var(--line);border-radius:6px;text-align:left;background:var(--panel)}.template-card strong{display:block;font-size:12px;font-weight:500}.template-card small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.template-card.selected{border-color:var(--blue);background:#a8c9e00d}.timeline-summary{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:6px;margin:15px 0;gap:15px}.timeline-summary strong{font:26px var(--serif);color:var(--blue)}.timeline-summary.over strong{color:var(--danger)}.timeline-summary p{font-size:10px;color:var(--muted)}.timing-ribbon{display:flex;height:5px;gap:3px;margin-bottom:22px}.timing-ribbon span{background:var(--blue);border-radius:2px;min-width:1px}.timing-ribbon span:nth-child(3n+2){background:var(--warm)}.timing-ribbon span:nth-child(3n){background:var(--green)}.activity-number{font:20px var(--serif);color:var(--blue)}.objective-links{border:0;padding:0;margin:15px 0 0;min-width:0}.objective-links legend{font-size:10px;color:var(--muted);margin-bottom:5px}.objective-links .checkbox-row{overflow-wrap:anywhere}.search-input{margin:8px 0 16px}.curriculum-results{max-height:380px;overflow:auto;border:1px solid var(--line);border-radius:5px}.curriculum-result{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:12px}.curriculum-result:hover{background:var(--raised)}.curriculum-result small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.curriculum-result>span:last-child{color:var(--blue)}.result-count{font-size:10px;color:var(--muted);margin-bottom:10px}.source-card .pill{margin-bottom:12px}.source-card a{font-size:10px;color:var(--blue);text-decoration:underline}.source-card p{font-size:11px;white-space:pre-wrap;margin:10px 0;color:var(--muted)}.actions-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.support-option{display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:5px;padding:12px 14px;font-size:11px;margin:8px 0;color:var(--muted)}.support-option:hover{border-color:var(--blue);color:var(--blue)}.review-grid{display:grid;gap:10px}.rubric-fields .field textarea{min-height:70px}.storage-warning{background:#3c2b25;color:#f1d7bf;padding:12px 16px;font-size:12px;border:1px solid #846348;margin-top:15px;border-radius:5px}.mobile-workspace-tabs{display:none}.noscript{position:fixed;inset:90px 20px auto;background:var(--raised);padding:20px;z-index:50}.studio-page #print-root{display:none}
/* Dialogs and library */
dialog{color:var(--text);background:#1a2024;border:1px solid #55616a;border-radius:10px;padding:0;width:min(860px,calc(100vw - 36px));max-height:calc(100dvh - 60px);box-shadow:0 25px 100px #0008}dialog::backdrop{background:#070b0dcc;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#1a2024;z-index:2}.dialog-header h2{font:31px var(--serif)}#dialog-body{padding:25px 28px}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dialog-grid .example-card{cursor:pointer;text-align:left;width:100%}.dialog-grid .example-art{height:60px;font-size:40px}.dialog-grid .example-card h3{font-size:24px;min-height:0}.library-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.library-row>button:first-child{text-align:left;min-width:0;flex:1}.library-row h3{font:23px var(--serif);overflow-wrap:anywhere}.library-row small{color:var(--muted);font-size:10px}.library-row .row-actions{display:flex;gap:6px;flex:none}.library-unit{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--blue);margin:24px 0 4px}.library-empty{color:var(--muted);padding:25px;text-align:center}.routine-card{display:block;text-align:left;width:100%;border:1px solid var(--line);padding:17px;border-radius:6px;background:var(--bg)}.routine-card:hover{border-color:var(--blue)}.routine-card h3{font:24px var(--serif);margin-bottom:8px}.routine-card p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:8px}.routine-card small{font-size:9px;color:var(--blue)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#d3e3e9;color:#1a2e39;padding:12px 22px;border-radius:6px;font-size:12px;z-index:100;box-shadow:0 8px 35px #0005;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100vw - 40px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1700px){.workspace{padding-inline:48px}.editor-output{gap:48px;grid-template-columns:minmax(0,1fr) minmax(350px,.9fr)}.studio-layout{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:1200px){.wrap{padding-inline:36px}.hero{gap:35px}.hero h1{font-size:66px}.hero-art{min-height:530px}.hero-buttons{gap:16px}.workspace-name{display:none}.studio-layout{grid-template-columns:195px minmax(0,1fr)}.workspace{padding-inline:22px}.editor-output{gap:20px;grid-template-columns:minmax(0,1fr) minmax(280px,.82fr)}.studio-sidebar{padding-inline:12px}.section-link{font-size:10px}.paper{padding:22px}.toolbar-actions .button{padding:8px 10px}.studio-peek{grid-template-columns:.75fr 1.3fr 1fr}.peek-main{padding:25px}.peek-paper{margin:20px 20px 20px 0;padding:20px}.studio-peek aside{padding:25px 18px}}
@media(max-width:1000px){.hero h1{font-size:58px}.hero-art{min-height:510px}.hero-buttons{flex-direction:column;align-items:start}.hero-facts{grid-template-columns:1.2fr 1fr 1fr 1fr}.hero-facts>a{display:none}.landing-nav{gap:18px}.landing-nav>a:not(.button){display:none}.studio-peek{grid-template-columns:1fr 1fr}.studio-peek aside{display:none}.example-grid{grid-template-columns:repeat(2,1fr)}.studio-layout{grid-template-columns:175px minmax(0,1fr)}.sidebar-intro h2{font-size:27px}.editor-output{display:block}.output-panel{display:none;position:static;margin-top:24px}.mobile-workspace-tabs{display:flex;border-bottom:1px solid var(--line);gap:25px;padding-top:18px}.mobile-workspace-tabs button{padding:9px 0;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.mobile-workspace-tabs button.active{color:var(--blue);border-color:var(--blue)}.workspace.show-output .editor{display:none}.workspace.show-output .output-panel{display:block;margin-top:0}#output-content{max-height:none}.lesson-toolbar h1{font-size:25px}.toolbar-actions{gap:5px}.toolbar-actions .quiet{display:none}.editor-output{margin-top:23px}.section-link{gap:6px;padding-inline:7px}.studio-sidebar{padding-inline:9px}.site-header{padding-inline:25px}}
@media(max-width:700px){.wrap{padding-inline:24px}.site-header{height:76px;padding-inline:22px;gap:12px}.brand{gap:11px}.brand img{width:90px;height:35px}.brand .brand-product{font-size:20px;padding-left:11px}.landing-nav{gap:10px}.landing-nav .button{font-size:10px;padding:8px 10px;gap:8px}.landing-nav .languages{display:none}.hero{grid-template-columns:1fr;padding-top:38px;gap:33px}.hero-copy{padding-top:0}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:26px}.hero h1{font-size:67px;letter-spacing:-3px}.hero-description{font-size:13px;margin:24px 0;max-width:360px}.hero-buttons{flex-direction:row;align-items:center;gap:20px}.hero-buttons .button{font-size:11px;padding:13px 15px;gap:20px}.hero-buttons .text-link{font-size:10px}.hero-art{min-height:425px;margin-inline:8px}.note-one{left:-12px;top:23%}.note-two{right:-12px;bottom:22%}.floating-note{padding:13px;font-size:11px}.floating-note small{font-size:8px}.art-caption{font-size:16px;right:15px;bottom:20px}.hero-facts{grid-template-columns:repeat(3,1fr);gap:15px;padding:20px 0}.hero-facts p{grid-column:1/-1}.hero-facts p br{display:none}.hero-facts strong{font-size:35px}.hero-facts span{font-size:9px}.section{padding-block:62px}.section-heading{display:block;margin-bottom:25px}.section-heading h2,.section h2{font-size:39px}.section-heading>p{margin-top:20px;font-size:12px;max-width:none}.studio-peek{grid-template-columns:1fr}.peek-main{padding:25px}.peek-paper{margin:0 25px 25px;transform:none}.peek-paper h4 br{display:none}.feature-row{grid-template-columns:1fr;gap:25px}.feature-row article{padding-left:40px;position:relative}.feature-number{position:absolute;left:0;top:12px}.feature-row h3{margin-top:8px}.example-grid{gap:12px}.example-card{padding:17px}.example-card .eyebrow{font-size:8px;letter-spacing:.5px}.example-art{height:95px;font-size:54px}.example-card h3{font-size:24px;min-height:83px}.example-card>div{font-size:9px}.connection-section{grid-template-columns:1fr;gap:35px}.connection-art{max-width:300px}.connection-art strong{font-size:27px}.connection-art i{height:20px}.faq h2{margin-bottom:25px}.faq summary{font-size:15px}.faq details p{font-size:14px}.closing{padding-block:65px}.closing h2{font-size:53px}.site-footer{flex-wrap:wrap;gap:15px;font-size:9px}.site-footer p{order:3}.studio-page .site-header{height:65px;padding-inline:16px;gap:9px}.studio-page .brand{gap:10px}.studio-page .brand img{width:76px;height:30px}.studio-page .brand .brand-product{font-size:18px;padding-left:10px}.header-actions{gap:10px}.header-actions .button{font-size:10px;padding:6px 9px;min-height:32px}#save-status{display:none}.languages{gap:5px;font-size:9px}.studio-layout{display:block}.studio-sidebar{position:static;height:auto;display:block;padding:0;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.sidebar-intro,.sidebar-bottom{display:none}#section-nav{display:flex;overflow:auto;gap:2px;padding:10px 14px}.section-link{width:auto;white-space:nowrap;padding:8px 10px;flex:none;font-size:10px}.section-link>span:last-child{display:none}.workspace{padding-inline:18px}.lesson-toolbar{min-height:91px;padding-block:18px;gap:8px;align-items:start}.lesson-toolbar h1{font-size:25px}.lesson-toolbar .eyebrow{font-size:7px}.toolbar-actions .button{font-size:10px;min-height:34px;padding:6px 9px}.toolbar-actions .icon-button{height:34px;min-width:30px}.section-title-row h3{font-size:29px}.section-description{font-size:12px}.form-card{padding:16px}.field-row.three{grid-template-columns:1fr 1fr}.field-row.three .field:last-child{grid-column:1/-1}.field-row{gap:11px}.field input,.field textarea,.field select,.search-input,.inline-select{font-size:16px;padding:9px}.field>label{font-size:11px}.field small{font-size:10px}.section-footer{gap:7px}.section-footer .button{padding:9px 10px;font-size:10px;gap:8px}.dialog-grid{grid-template-columns:1fr}dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 30px)}.dialog-header{padding:17px 20px}.dialog-header h2{font-size:27px}#dialog-body{padding:20px}.library-row{align-items:start}.library-row .row-actions{flex-direction:column}.library-row h3{font-size:22px}.paper{padding:24px}.paper h2{font-size:31px}.output-tabs{gap:20px}.output-tabs button{font-size:11px}.template-card{padding:13px}.timeline-summary{padding:13px;gap:8px}.timeline-summary strong{font-size:23px}.timeline-summary .button{font-size:10px;padding:7px}.card-heading{gap:8px}.toolbar-actions{flex:none}.studio-page .header-actions .languages{display:flex}}
@media(max-width:370px){.brand img{width:70px}.landing-nav .button{font-size:9px}.hero h1{font-size:57px}.hero-buttons{gap:11px}.example-grid{grid-template-columns:1fr}.example-card h3{min-height:0}.header-actions{gap:6px}.studio-page .brand img{width:56px}.studio-page .brand .brand-product{font-size:16px}.studio-page .brand{gap:7px}.studio-page .brand .brand-product{padding-left:7px}.workspace{padding-inline:12px}.toolbar-actions .icon-button{height:34px;min-width:28px}.field-row{grid-template-columns:1fr}.hero-art{min-height:390px}.section-title-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{@page{margin:16mm}body{background:white!important;color:black!important}.site-header,.studio-layout,dialog,#toast,.skip-link{display:none!important}.studio-page #print-root{display:block}.paper{box-shadow:none;border:0;background:white;padding:0;color:#111}.paper h2{font-size:29pt}.paper h3{font-size:11pt;break-after:avoid}.paper h4{break-after:avoid}.paper p,.paper li{font-size:10pt}.paper-stage{break-inside:avoid}.paper table{font-size:8pt}.paper a{color:#111}.paper-footer{font-size:8pt}}

@media(max-width:700px){.landing-page .brand img{width:70px}.landing-nav .languages{display:flex}.landing-nav .button{padding-inline:9px;gap:6px;min-height:36px}.landing-nav .button>span{display:none}.landing-page .brand .brand-product{font-size:18px}.card-actions .icon-button{height:36px;min-width:36px}.sr-status{font-size:9px}.studio-page .site-header{scroll-margin-top:65px}}
@media(max-width:370px){.landing-page .brand img{display:none}.landing-page .brand .brand-product{border-left:0;padding-left:0}.landing-nav .button{font-size:10px}}

.lesson-toolbar>div:first-child{min-width:0}.lesson-toolbar .eyebrow,.library-row small{overflow-wrap:anywhere}
/* Readable labels: nothing on the landing below 11px, nothing in the studio below 10px. */
.landing-page .eyebrow,.landing-page .hero-facts span,.landing-page .languages,.landing-page .landing-nav .button,.landing-page .example-card>div,.landing-page .connection-art span,.landing-page .peek-paper .eyebrow,.landing-page .hero-note{font-size:11px;letter-spacing:1.1px}
.studio-page .eyebrow,.studio-page .section-kicker,.studio-page .paper-top,.studio-page .paper-footer,.studio-page .paper .source-note,.studio-page .curriculum-result small,.studio-page .lesson-toolbar .eyebrow,.studio-page .sidebar-intro .eyebrow,.studio-page .output-bar .eyebrow,.studio-page .card-heading .eyebrow{font-size:10px;letter-spacing:1px}
.hero-art{overflow:hidden}
.landing-page .peek-main .pill,.landing-page .peek-timeline small{font-size:10px}

/* One-sentence Québec H1: phone size so it reads as a headline, not a wall */
@media(max-width:650px){.landing-page .hero h1{font-size:clamp(38px,10.4vw,46px);letter-spacing:-1.8px;line-height:1.06}}
/* Readability floor (the "small words everywhere" pass): no label under 12px, no link, button or running text under 13px. */
.landing-page .eyebrow,.landing-page .languages,.landing-page .languages a,.landing-page .hero-facts span,.landing-page .example-card div span,.landing-page .connection-art span,.landing-page .studio-peek aside .eyebrow,.landing-page .peek-main .pill,.landing-page .peek-timeline small{font-size:12px}
.landing-page .hero-note,.landing-page .hero-facts a,.landing-page .text-link,.landing-page .landing-nav .button,.landing-page .hero-buttons .button,.landing-page .studio-peek aside p,.landing-page .peek-paper p,.landing-page .site-footer,.landing-page .site-footer span,.landing-page .site-footer p,.landing-page .site-footer small,.landing-page .footer-links a{font-size:13px}
.landing-page .peek-paper .eyebrow{font-size:12px}
/* Narrow phones: keep the header button at the 12px floor but drop its arrow and padding instead of shrinking the type to 9px. */
@media(max-width:430px){.landing-page .landing-nav{gap:10px}.landing-page .landing-nav .button{font-size:12px;padding:8px 10px}.landing-page .landing-nav .button span{display:none}}
/* Narrow phones: compact brand (small logo, smaller name) and a wrapping header, so nothing forces a horizontal scroll. */
@media(max-width:480px){.landing-page .site-header{flex-wrap:wrap;row-gap:10px}.landing-page .brand{gap:8px}.landing-page .brand img{width:48px;height:auto}.landing-page .brand .brand-product{font-size:16px;padding-left:8px}.landing-page .landing-nav{margin-left:auto}}
/* Hero portrait: the clip plays once and holds its last (face-forward) frame; it fills the art box exactly as the still does. The still is the reduced-motion fallback. */
.hero-art>.hero-video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 20%;border-radius:10px;opacity:.82}
.hero-still{display:none}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero-still{display:block}}