/* CRÉER: responsive geometry and cobalt tokens, scoped to Content Studio. */
[data-universe="creative"],body:has(.cs-app)>.data-safety-backdrop{--cs-forest:#2436B8;--cs-sage:#2436B8;--cs-eucalyptus:#7892F5;--cs-pale:#DCE4FF;--cs-wash:#EEF2FF;--cs-ivory:#F8FAFF;--cs-ink:#101642;--cs-muted:#2436B8;--cs-line:#7892F5;--cs-shadow:#2436B818}
body:has(.cs-app){background:var(--cs-ivory,#EEF2FF)}.cs-app{--br-ink:var(--cs-ink);--br-muted:var(--cs-muted);--br-sage:var(--cs-forest);--br-bronze:var(--cs-forest);padding-top:22px;color:var(--cs-ink)}
.cs-app:before{background:linear-gradient(95deg,#EEF2FFd9,#EEF2FFdc 45%,#EEF2FFb8),none center/cover}
.cs-app h1,.cs-app h2,.cs-app h3{color:var(--cs-ink)}.cs-app p,.cs-app small{color:var(--cs-muted)}.cs-app .br-panel,.cs-app .br-sidebar{background:#F8FAFFec;border:1px solid #F8FAFF;border-radius:23px;box-shadow:0 8px 22px var(--cs-shadow)}
.cs-app .br-sidebar{background:linear-gradient(170deg,#F8FAFFf5,#DCE4FFf5);border-color:#F8FAFF}.cs-app .br-brand span{letter-spacing:.15em;font-size:23px}.cs-app .br-sidebar h2{font-size:29px;margin:22px 0}.cs-app .br-sidebar nav .br-button{justify-content:flex-start}.cs-app .br-sidebar nav .br-button[aria-current],.cs-app .br-bottom .br-button[aria-current],.cs-app .br-primary,.cs-dialog .br-primary{background:linear-gradient(120deg,#2436B8,#2436B8);border-color:#EEF2FF;color:#F8FAFF;box-shadow:inset 0 1px 3px #F8FAFF66,0 4px 12px #2436B826}
.cs-app .br-button{border-color:#7892F5;background-color:var(--cs-wash)}.cs-app .br-primary{background:linear-gradient(120deg,#2436B8,#2436B8)}.cs-app .br-button:hover,.cs-dialog .br-button:hover{border-color:var(--cs-forest);filter:brightness(.97)}.cs-app .br-quiet{border-color:transparent;background:transparent}.cs-app .br-sidebar nav [aria-current] svg{color:white}
.cs-app .br-orb{color:var(--cs-forest);background:radial-gradient(ellipse at 70% 80%,#F8FAFF,#DCE4FF 38%,#7892F5 75%,#F8FAFF 96%);border-color:#F8FAFF;box-shadow:inset 2px 2px 5px white,inset -3px -4px 6px #2436B826,0 4px 7px #2436B822}
.cs-app .br-bar{background:#DCE4FF}.cs-app .br-bar i{background:linear-gradient(90deg,var(--cs-eucalyptus),var(--cs-forest))}.cs-app .br-ring{background:conic-gradient(var(--cs-forest) var(--progress),#DCE4FF 0)}.cs-app .br-ring strong{color:var(--cs-ink)}
.cs-app .br-disclosure,.cs-app .br-info-note{border-color:#DCE4FF;background:var(--cs-wash)}.cs-app .br-chevron{color:var(--cs-forest);background:var(--cs-pale);border-color:#DCE4FF}.cs-app .br-select{background:#F8FAFF}.cs-app .br-select:focus-within{outline-color:var(--cs-forest)}.cs-app .br-pace-copy b{background:var(--cs-pale)}
.cs-app :is(button,a,input,select,summary,textarea):focus-visible,.cs-dialog :focus-visible{outline:3px solid var(--cs-forest);outline-offset:3px}.cs-app :is(input,select,textarea),.cs-dialog :is(input,select,textarea){background:#F8FAFF;border:1px solid var(--cs-line);accent-color:var(--cs-forest);font:inherit;color:var(--cs-ink)}
.cs-app :is(h1,h2,h3,p,span,strong,small),.cs-dialog :is(h2,label){overflow-wrap:anywhere}.cs-app #cs-view,.cs-app #mainContent{min-width:0}.cs-app #cs-view:focus{outline:none}.cs-app section{min-width:0}.cs-app .br-topbar{gap:12px}.cs-date{display:inline-flex;align-items:center;gap:8px;border:1px solid #F8FAFF;padding:9px 15px;min-height:44px;border-radius:26px;background:#F8FAFFdc;color:var(--cs-forest)}
.cs-heading{margin:12px 0 22px}.cs-heading h1{max-width:1100px;font-size:clamp(32px,3.35vw,54px);line-height:1.13}.cs-heading>p{font-size:18px;max-width:1000px;margin-top:12px}.cs-eyebrow{font-size:11px;letter-spacing:.095em;font-weight:600;color:var(--cs-forest);display:block;margin:0 0 12px}.cs-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.cs-section-head h2,.cs-section-head h3{margin:0}.cs-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.cs-two>.br-panel{margin:0}.cs-app .br-panel{padding:22px;margin-bottom:18px}.cs-app .cs-sage-panel{background:linear-gradient(130deg,#EEF2FF,#DCE4FF);border-color:#DCE4FF}
.cs-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.cs-app .cs-metric{margin:0;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;padding:18px 16px}.cs-metric .br-orb{width:54px;height:54px}.cs-metric strong{display:block;font-size:29px;line-height:1.2;font-family:Georgia,serif;font-weight:400;margin:7px 0}.cs-metric small{color:#101642}.cs-metric span:not(.br-orb){font-size:11px}.cs-metric .br-bar{grid-column:1/-1;margin:2px 0 0}.cs-tone-0 .br-orb{color:white;background:radial-gradient(ellipse at 25% 20%,#7892F5,#2436B8 65%,#101642)}.cs-tone-1 .br-orb{background:radial-gradient(ellipse at 70% 80%,white,#DCE4FF 45%,#7892F5)}.cs-tone-2 .br-orb{background:radial-gradient(ellipse at 70% 80%,#EEF2FF,#7892F5 45%,#2436B8)}.cs-tone-3 .br-orb{background:radial-gradient(ellipse at 70% 80%,white,#EEF2FF 40%,#7892F5)}
.cs-hero{display:grid;grid-template-columns:150px minmax(0,1fr) 220px;gap:25px;align-items:center;min-height:245px;overflow:hidden;background:linear-gradient(110deg,#F8FAFF,#DCE4FF)!important}.cs-hero h2{font-size:34px}.cs-hero .br-button{margin:4px 4px 0 0}.cs-readiness{text-align:center}.cs-readiness .br-ring{width:135px;height:135px;margin:0 auto 10px}.cs-readiness>span{font-size:12px;color:var(--cs-muted);display:block}.cs-art{position:relative;width:220px;height:185px;max-width:100%;isolation:isolate;filter:drop-shadow(0 10px 10px #2436B828);margin:auto}.cs-house{position:absolute;left:0;top:5px;width:160px;height:150px;transform:rotate(-8deg)}.cs-house svg{width:100%;height:100%}.cs-art-card{position:absolute;right:0;bottom:12px;width:95px;height:110px;padding:14px;border-radius:9px;background:#F8FAFF;border:1px solid #DCE4FF;box-shadow:5px 5px 0 #7892F5;transform:rotate(9deg)}.cs-art-card svg{color:var(--cs-forest);width:28px;height:28px}.cs-art-card i{display:block;height:3px;background:#7892F5;margin:11px 0}.cs-art-key{position:absolute;left:5px;bottom:6px;transform:rotate(-24deg);font-size:67px;color:#2436B8;text-shadow:2px 2px #DCE4FF}
.cs-target{width:76px;height:76px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--cs-forest);background:radial-gradient(ellipse at 70% 80%,#F8FAFF,#DCE4FF 50%,#7892F5);box-shadow:inset 1px 2px 4px white,0 3px 8px #2436B822;border:2px solid white;flex-shrink:0}.cs-target svg{width:88%;height:88%}.cs-start-note,.cs-connected{display:flex;align-items:center;gap:20px}.cs-start-note{padding:18px;background:#DCE4FFd9;border-radius:18px}.cs-start-note p{flex:1;margin:0}.cs-connected>div{flex:1}.cs-connected p{margin:4px 0}.cs-calendar .br-panel{margin:0}.cs-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;padding:10px 0 0;gap:16px;margin:0}.cs-timeline li{text-align:center;display:flex;align-items:center;flex-direction:column;gap:8px;position:relative}.cs-timeline li:before{content:'';height:2px;background:#7892F5;position:absolute;top:23px;left:50%;width:calc(100% + 16px);z-index:0}.cs-timeline li:last-child:before{display:none}.cs-timeline li>span{position:relative;z-index:1;display:grid;place-items:center;border-radius:50%;background:var(--cs-pale);border:2px solid #F8FAFF;width:46px;height:46px;color:var(--cs-forest)}.cs-timeline strong{font-size:13px;font-weight:500}.cs-timeline em{font-size:11px;font-style:normal;color:var(--cs-muted)}
.cs-urgent{background:#EEF2FF!important;border:1px solid #7892F5!important}.cs-urgent h2,.cs-urgent .cs-eyebrow{color:#2436B8}.cs-feedback:empty{display:none}.cs-feedback{border-radius:12px;background:var(--cs-wash);padding:12px}.cs-footer{margin:25px 0 0;border-top:1px solid #DCE4FF;padding-top:12px;font-size:12px}.cs-lesson-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:12px;background:linear-gradient(110deg,#F8FAFF,#DCE4FF)!important}.cs-lesson-hero h2{font-size:32px}.cs-lesson-hero .br-button{margin-top:18px}.cs-journey-row{grid-template-columns:1.6fr 1fr}.cs-module-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));list-style:none;padding:12px 0 0;gap:12px}.cs-module-rail li{text-align:center;display:flex;align-items:center;flex-direction:column;gap:8px;position:relative}.cs-module-rail li:before{content:'';position:absolute;left:50%;top:23px;height:2px;width:calc(100% + 12px);background:var(--cs-eucalyptus)}.cs-module-rail li:last-child:before{display:none}.cs-module-rail .br-button{position:relative;min-width:46px;width:46px;height:46px;padding:10px;color:var(--cs-forest);background:linear-gradient(130deg,white,#7892F5);box-shadow:inset 1px 2px 5px white,0 2px 8px #2436B81a}.cs-module-rail b{font-size:12px}.cs-module-rail span{font-size:12px}.cs-module-rail small{font-size:10px}.cs-lesson-row{display:flex;align-items:center;gap:15px;padding:18px 0;border-top:1px solid #DCE4FF}.cs-lesson-row>div{flex:1}.cs-lesson-row>span{color:var(--cs-forest)}.cs-lesson-row h3{font-size:23px}.cs-lesson-row p{margin:6px 0}.cs-lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:18px}.cs-lesson-aside .br-button{display:flex;width:100%;margin:10px 0;text-align:left;justify-content:flex-start;font-size:13px}.cs-lesson-banner{display:flex;align-items:center;justify-content:space-between;height:140px;overflow:hidden;background:#DCE4FFba!important}.cs-lesson-banner .cs-art{width:160px;height:140px;margin:0}.cs-prose p{font-size:16px;line-height:1.85;max-width:76ch}.cs-example{background:#EEF2FF!important;border-left:5px solid var(--cs-sage)!important}.cs-lesson-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.cs-quiz>div[role=group]{display:grid;gap:10px}.cs-choice{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid #7892F5;background:#F8FAFF;border-radius:15px;font:inherit;color:inherit;cursor:pointer;text-align:left;min-height:56px;width:100%}.cs-choice>span{flex-shrink:0;font-size:22px;color:var(--cs-forest)}.cs-choice:disabled{cursor:default;opacity:1}.cs-choice.cs-selected{background:var(--cs-pale);border:2px solid var(--cs-forest)}.cs-quiz-feedback{padding:20px;margin-top:20px;border-radius:18px;border:1px solid var(--cs-line);background:var(--cs-wash)}.cs-incorrect{background:#EEF2FF}.cs-quiz-feedback .br-button{margin:5px}.cs-quiz-feedback:focus{outline:2px solid var(--cs-forest)}
.cs-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px}.cs-toolbar label{min-width:0}.cs-search{flex:1}.cs-search input{width:100%}.cs-record{padding:18px 0;border-top:1px solid #DCE4FF;display:flex;align-items:center;gap:18px;justify-content:space-between;min-width:0}.cs-record-main{display:flex;align-items:flex-start;gap:14px;min-width:0;flex:1}.cs-record-main>div{min-width:0}.cs-record h3{font-size:21px}.cs-record p{font-size:13px;margin:7px 0}.cs-record .br-orb{width:44px;height:44px;flex-shrink:0}.cs-row-actions{display:flex;gap:6px;flex-wrap:wrap;max-width:280px}.cs-row-actions .br-button{padding:9px 12px;font-size:12px}.cs-app .cs-record.cs-urgent{padding:16px;border-radius:16px;margin-bottom:12px}.cs-records{background:#F8FAFFab;padding:0 18px;border-radius:20px}.cs-category-grid,.cs-review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cs-category-grid>.br-panel{margin:0}.cs-budget-row>strong,.cs-money{font:30px Georgia,serif;font-weight:400}.cs-budget-row strong small{font-size:17px}.cs-budget-row p{font-size:12px;margin-bottom:4px}.cs-budget-row .br-bar{margin:16px 0 7px}.cs-empty{padding:32px 12px;text-align:center;border:1px dashed var(--cs-line);border-radius:20px;background:#EEF2FFa3;margin:10px 0}.cs-empty>.br-orb{margin-bottom:12px}.cs-empty h2{font-size:26px}.cs-empty p{max-width:520px;margin:10px auto 20px}.cs-night-groups{display:grid;gap:16px}.cs-night-groups>.br-panel{margin:0}.cs-form{display:grid;gap:18px}.cs-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cs-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:14px}.cs-field input,.cs-field textarea,.cs-field select{width:100%;padding:12px;border-radius:12px;min-height:44px;min-width:0;max-width:100%}.cs-field textarea{resize:vertical}.cs-form>button{justify-self:start}.cs-checkbox{display:flex;align-items:center;gap:14px;min-height:44px;cursor:pointer}.cs-checkbox input{width:22px;height:22px;min-height:22px;accent-color:var(--cs-forest);flex-shrink:0}.cs-inline-form{display:flex;align-items:flex-end;gap:14px}.cs-inline-form .cs-field{flex:1}.cs-form-error{color:#2436B8}.cs-dialog{font:15px/1.5 Arial,sans-serif;width:min(560px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;border-radius:25px;border:1px solid white;background:var(--cs-ivory);padding:25px;color:var(--cs-ink);box-shadow:0 22px 70px #10164250}.cs-dialog::backdrop{background:#10164265;backdrop-filter:blur(3px)}.cs-dialog h2{font:30px Georgia,serif;padding-right:42px;margin:0 0 24px}.cs-close{position:absolute;right:15px;top:15px;width:44px;height:44px;font-size:25px}.cs-dialog .cs-form{gap:17px}.cs-app pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;font-size:12px}.cs-readiness-parts{display:grid;gap:18px}.cs-readiness-parts>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.cs-readiness-parts .br-bar{grid-column:1/-1}.cs-readiness-parts strong{font-size:14px;font-weight:500}.cs-review-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cs-review-columns .br-button{width:100%;margin:8px 0;text-align:left;justify-content:flex-start}.cs-review-columns h2{font-size:26px}.cs-four-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.cs-mission-rail{display:flex;align-items:center;gap:25px}.cs-mission-rail>strong{font:30px Georgia,serif;flex-shrink:0}.cs-mission-rail>strong small{font:12px Arial,sans-serif;display:block;margin-top:7px}.cs-mission-rail ol{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));list-style:none;padding:0;gap:10px;flex:1}.cs-mission-rail li{text-align:center;min-width:0}.cs-mission-rail small{display:block;font-size:10px;margin-top:7px}.cs-mission-rail .br-button{padding:8px;width:44px;background:var(--cs-pale)}.cs-mission-hero{display:grid;grid-template-columns:minmax(0,1.65fr) 190px minmax(210px,.8fr);gap:22px;align-items:center;background:linear-gradient(110deg,#F8FAFF,#DCE4FFc9)!important}.cs-mission-hero h2{font-size:32px;margin-top:18px}.cs-mission-hero .br-button{margin:4px 4px 0 0}.cs-mission-hero .cs-art{width:185px}.cs-mission-help{padding:16px;border-radius:18px;background:#F8FAFFc9}.cs-mission-help>.cs-target{width:58px;height:58px;margin-bottom:10px}.cs-mission-help h3{font-size:21px}.cs-mission-help p{font-size:13px}.cs-badge{display:inline-block;padding:6px 12px;background:var(--cs-pale);border:1px solid #7892F5;border-radius:20px;color:var(--cs-forest);font-size:11px;font-weight:600}.cs-mission-cards{display:grid;gap:14px}.cs-mission-cards.cs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-mission-cards.cs-path{grid-auto-flow:column;grid-auto-columns:minmax(240px,29%);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:4px 4px 15px;scrollbar-color:#2436B8 #EEF2FF}.cs-app .cs-mission-card{padding:18px;margin:0;border-color:#DCE4FF;scroll-snap-align:start;display:flex;flex-direction:column}.cs-mission-card.cs-active{border:2px solid var(--cs-forest)}.cs-mission-card h3{font-size:24px;margin-top:14px}.cs-mission-card p{font-size:13px;flex:1}.cs-mission-card .br-button{margin-top:14px}.cs-mission-card .br-bar{margin:10px 0}.cs-mission-art{height:85px;background:var(--cs-wash);border-radius:15px;display:grid;place-items:center;margin-top:15px}.cs-mission-art .br-orb,.cs-mission-art .cs-target{width:64px;height:64px}.cs-declare .br-button{margin:5px}.cs-more{position:relative;z-index:15;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:#EEF2FFf5!important}.cs-more .br-button{min-width:0}.cs-app .br-bottom{background:#EEF2FFf5;border-color:#DCE4FF}.cs-app .br-bottom .br-button{background:transparent;border-color:transparent}.cs-app .br-bottom .br-button[aria-current]{background:var(--cs-pale);color:var(--cs-forest);border-color:#7892F5}
.cs-companion .mc-launcher{background:var(--cs-pale);border-color:#7892F5;box-shadow:0 4px 15px #2436B826}.cs-companion .mc-launcher .cs-target{width:60px;height:60px}.cs-app .cs-companion-panel{background:linear-gradient(120deg,#F8FAFF,#DCE4FF);border-color:#7892F5}.cs-companion-panel .br-button{font-size:13px}.cs-app .cs-companion .mc-launcher>span:last-child{background:#EEF2FF;color:var(--cs-forest)}.cs-app .cs-companion.is-success .mc-panel{background:#EEF2FF}.cs-app .cs-companion.is-success .mc-launcher{background:#DCE4FF}
.cl-dialog[data-universe="creative"]{background:linear-gradient(140deg,#F8FAFF,#EEF2FF);color:var(--cs-ink)}.cl-dialog[data-universe="creative"] .br-primary{background:linear-gradient(120deg,#2436B8,#2436B8);color:white;border-color:#EEF2FF}.cl-dialog[data-universe="creative"] .cl-badge{background:#DCE4FF;color:#2436B8}.cl-dialog[data-universe="creative"] :focus-visible{outline-color:#2436B8}
@media(min-width:901px) and (max-width:1200px){.cs-app{padding-left:245px;padding-right:22px}.cs-app .br-sidebar{width:205px;left:18px}.cs-app .cs-metric{grid-template-columns:1fr}.cs-metric .br-orb{width:44px;height:44px}.cs-hero{grid-template-columns:120px minmax(0,1fr)}.cs-hero>.cs-art,.cs-lesson-hero>.cs-art,.cs-mission-hero>.cs-art{display:none}.cs-lesson-hero{grid-template-columns:1fr}.cs-module-rail{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:22px}.cs-module-rail li:nth-child(4):before{display:none}.cs-mission-hero{grid-template-columns:minmax(0,1fr) 220px}.cs-lesson-layout{grid-template-columns:minmax(0,1fr) 210px}.cs-mission-rail{display:block}.cs-review-columns{grid-template-columns:1fr}.cs-record{flex-wrap:wrap}.cs-mission-cards.cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.cs-app{padding:14px 20px calc(110px + env(safe-area-inset-bottom))}.cs-app .br-sidebar{display:none}.cs-app .br-topbar{margin-top:12px}.cs-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-app .cs-metric{grid-template-columns:50px minmax(0,1fr)}.cs-hero{grid-template-columns:110px minmax(0,1fr)}.cs-hero>.cs-art{display:none}.cs-hero .br-ring{width:105px;height:105px}.cs-module-rail{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:24px}.cs-module-rail li:nth-child(4):before{display:none}.cs-journey-row{grid-template-columns:1fr}.cs-lesson-layout{grid-template-columns:1fr}.cs-lesson-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cs-mission-hero{grid-template-columns:minmax(0,1fr) 180px}.cs-mission-hero>.cs-art{display:none}.cs-mission-rail{display:block}.cs-mission-rail ol{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:15px}.cs-review-columns{grid-template-columns:1fr}.cs-mission-cards.cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-timeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}.cs-timeline li:nth-child(3):before{display:none}.cs-record{flex-wrap:wrap}.cs-row-actions{max-width:100%}.cs-app .br-bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))}.cs-companion{bottom:calc(92px + env(safe-area-inset-bottom))}.cs-app .cs-companion-panel{max-height:calc(100dvh - 210px);overflow:auto}}
@media(max-width:600px){.cs-app{padding:12px 14px calc(106px + env(safe-area-inset-bottom))}.cs-heading{margin:18px 2px}.cs-heading h1{font-size:36px}.cs-heading>p{font-size:16px}.cs-app .br-panel{padding:20px 16px;border-radius:20px}.cs-app .br-mobile-header{gap:10px;padding:8px}.cs-app .br-mobile-header strong{font-size:17px}.cs-app .br-mobile-header img{width:35px;height:35px}.cs-app .br-topbar{display:flex;flex-wrap:wrap;gap:8px}.cs-app .br-topbar>.br-select{flex:1}.cs-app .br-topbar .br-language{margin-left:auto}.cs-app .cs-metric{grid-template-columns:42px minmax(0,1fr);padding:15px 12px;gap:10px}.cs-metric .br-orb{width:42px;height:42px}.cs-metric strong{font-size:26px}.cs-metric small{font-size:11px}.cs-metrics{gap:10px}.cs-hero{grid-template-columns:1fr;text-align:center;gap:12px}.cs-hero .cs-readiness{display:flex;align-items:center;gap:15px;text-align:left;justify-content:center}.cs-readiness .br-ring{margin:0}.cs-readiness>span{max-width:130px}.cs-hero h2{font-size:28px}.cs-hero .br-button{width:100%;margin:5px 0}.cs-start-note{flex-wrap:wrap;gap:12px}.cs-start-note>p{flex-basis:75%}.cs-start-note .br-button{width:100%}.cs-two,.cs-category-grid,.cs-review-list,.cs-fields,.cs-lesson-aside{grid-template-columns:1fr}.cs-connected{flex-wrap:wrap;gap:14px}.cs-connected>.cs-target{width:55px;height:55px}.cs-connected>div{min-width:65%}.cs-connected>.br-button{width:100%}.cs-app h2{font-size:27px}.cs-lesson-hero{grid-template-columns:minmax(0,1fr) 95px;gap:0}.cs-lesson-hero>.cs-art{width:95px;height:125px;overflow:hidden}.cs-lesson-hero>.cs-art .cs-house{width:100px;left:0}.cs-lesson-hero>.cs-art .cs-art-card{display:none}.cs-lesson-hero h2{font-size:29px}.cs-lesson-hero .br-button{width:100%;font-size:14px}.cs-module-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.cs-module-rail li:nth-child(even):before{display:none}.cs-lesson-row{flex-wrap:wrap;gap:10px}.cs-lesson-row>.br-button{width:100%}.cs-lesson-row>div{min-width:80%}.cs-lesson-banner{height:100px}.cs-lesson-banner .cs-art{width:100px;flex-shrink:0}.cs-lesson-banner .cs-art-card{display:none}.cs-prose p{font-size:16px;line-height:1.8}.cs-lesson-actions .br-button{width:100%}.cs-mission-hero{display:block}.cs-mission-help{margin-top:20px}.cs-mission-help>.cs-target{float:right}.cs-mission-hero h2{font-size:31px}.cs-mission-hero>.br-button,.cs-mission-hero>div>.br-button{width:100%;margin:5px 0}.cs-mission-cards.cs-grid{grid-template-columns:1fr}.cs-mission-cards.cs-path{grid-auto-columns:90%;padding-bottom:14px}.cs-mission-rail>strong{font-size:27px}.cs-toolbar{flex-wrap:wrap}.cs-search{flex-basis:100%}.cs-toolbar>label:not(.cs-search){flex:1}.cs-toolbar select{width:100%}.cs-toolbar>.br-button{flex:1}.cs-records{padding:0 12px}.cs-record{gap:10px}.cs-row-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.cs-row-actions .br-button{padding:9px 6px;font-size:11px}.cs-inline-form{align-items:stretch;flex-direction:column}.cs-form>button{justify-self:stretch}.cs-more{grid-template-columns:1fr}.cs-section-head{align-items:flex-start;flex-wrap:wrap}.cs-four-guide{grid-template-columns:1fr}.cs-timeline strong{font-size:11px}.cs-dialog{width:100%;max-width:100%;max-height:88dvh;margin:auto 0 0;border-radius:26px 26px 0 0;padding:27px 20px max(24px,env(safe-area-inset-bottom))}.cs-app .cs-companion-panel{left:12px;right:12px;width:auto;padding:23px 18px}.cs-app .cs-companion-panel h2{font-size:27px}.cs-app .cs-companion-panel .br-button{width:100%;margin:5px 0}.cs-date{font-size:12px;padding:9px 11px}.cs-app .br-bottom .br-button{min-height:54px;padding:6px 2px;font-size:10px}.cs-app .br-bottom{left:8px;right:8px;width:auto;gap:3px}.cs-app .br-bottom svg{width:22px;height:22px}}
@media(max-width:360px){.cs-heading h1{font-size:32px}.cs-app .cs-metric{grid-template-columns:1fr}.cs-metric>.br-orb{width:38px;height:38px}.cs-metric strong{font-size:26px}.cs-lesson-hero{grid-template-columns:1fr}.cs-lesson-hero>.cs-art{display:none}.cs-app .br-mobile-header strong{font-size:15px}.cs-app .br-mobile-header img{width:29px}.cs-app .br-topbar>.br-select{min-width:150px}.cs-date{max-width:150px}.cs-app .br-language select{padding-left:10px;padding-right:22px}.cs-mission-rail ol{gap:8px}.cs-mission-rail .br-button{min-width:44px}}
@media(prefers-reduced-motion:reduce){.cs-app *,.cs-dialog *,.cl-dialog[data-universe="creative"] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.cs-app .cs-companion{position:fixed;right:20px;top:95px;width:68px;height:76px;z-index:45}.cs-companion .mc-launcher{position:relative;display:flex;align-items:center;justify-content:center;width:68px;height:76px;border:0;background:none;padding:0}.cs-companion .mc-launcher>.br-orb{width:60px;height:60px}.cs-companion .mc-launcher>span:last-child{position:absolute;bottom:0;right:0;border:1px solid white;border-radius:15px;padding:4px 8px;font-size:12px}.cs-app .cs-companion.is-open{width:min(680px,calc(100vw - 34px));height:auto}.cs-companion.is-open .mc-launcher{display:none}.cs-app .cs-companion-panel{position:relative;top:0;left:auto;right:0;display:block;width:100%;padding:25px;max-height:calc(100dvh - 200px);border-radius:25px}.cs-companion-panel .mc-close{position:absolute;top:8px;right:8px;min-width:44px;min-height:44px;border:1px solid #7892F5;border-radius:50%;background:var(--cs-wash)}.cs-companion-panel h2{padding-right:25px;margin-top:16px}.cs-companion-panel .br-button{margin:5px 5px 0 0}.cs-companion :focus-visible{outline:3px solid var(--cs-forest);outline-offset:3px}
.cl-dialog[data-universe="creative"] .cl-primary{background:linear-gradient(120deg,#2436B8,#2436B8);border-color:#EEF2FF;color:white}.cl-dialog[data-universe="creative"] .cl-art{--br-sage:#2436B8}
@media(max-width:900px){.cs-app .br-workspace{display:block}.cs-app .br-mobile-header>strong{display:block;font:19px Georgia,serif}.cs-app .br-mobile-header{margin:0 0 12px}.cs-app .br-topbar{margin:0 0 18px}.cs-tool .br-bottom{grid-template-columns:repeat(5,minmax(0,1fr))}.cs-pack .br-bottom{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-app .cs-companion{top:auto;bottom:calc(102px + env(safe-area-inset-bottom));right:14px}.cs-app .cs-companion-panel{max-height:calc(100dvh - 210px);padding:22px 18px}.cs-app .cs-companion.is-open{width:calc(100vw - 28px)}}
@media(max-width:360px){.cs-app .br-mobile-header>strong{font-size:16px}}
.cl-dialog[data-universe="creative"] .cl-target{border-color:#DCE4FF;background:repeating-radial-gradient(circle at 48% 45%,#2436B8 0 13px,#EEF2FF 14px 18px,#7892F5 19px 24px);box-shadow:inset 2px 2px 6px #F8FAFF,0 6px 0 #2436B8,0 10px 12px #2436B833}.cl-dialog[data-universe="creative"] .cl-target b,.cl-dialog[data-universe="creative"] .cl-book>b{background:linear-gradient(90deg,#7892F5,#2436B8)}.cl-dialog[data-universe="creative"] .cl-book{border-bottom-color:#2436B8;box-shadow:0 5px 0 #DCE4FF,0 8px 0 #2436B8}.cl-dialog[data-universe="creative"] .cl-seal{background:radial-gradient(circle at 30% 18%,#EEF2FF,#2436B8 55%,#2436B8);border-color:#DCE4FF}.cl-dialog[data-universe="creative"] .cl-spark{color:#2436B8;text-shadow:0 0 12px #DCE4FF}
.cs-app details>summary{display:flex;align-items:center;min-height:44px;cursor:pointer}
/* The collapsed launcher belongs to the page header, so it cannot cover an
   editor action when the document scrolls. The intentionally opened panel floats. */
.cs-app .cs-companion:not(.is-open){position:absolute;top:95px;bottom:auto}.cs-tool:has(.cs-companion) .cs-heading{padding-right:85px}
@media(max-width:900px){.cs-app .cs-companion:not(.is-open){top:150px;bottom:auto;right:14px}}

[data-universe="creative"],body:has(.cs-app)>.data-safety-backdrop{--cs-aubergine:#101642;--cs-prune:#2436B8;--cs-orchid:#7892F5;--cs-lilac:#DCE4FF;--cs-mist:#EEF2FF;--cs-white:#F8FAFF;--cs-apricot:#E7C6BD;--cs-forest:var(--cs-prune);--cs-sage:var(--cs-orchid);--cs-eucalyptus:var(--cs-lilac);--cs-pale:var(--cs-lilac);--cs-wash:var(--cs-mist);--cs-ivory:var(--cs-white);--cs-ink:var(--cs-aubergine);--cs-muted:#485477;--cs-line:#DCE4FF;--cs-shadow:#10164212}
.cs-app:before{background:radial-gradient(ellipse at 98% 12%,#DCE4FF80,transparent 50%),radial-gradient(ellipse at 10% 80%,#DCE4FF60,transparent 45%),#EEF2FF}.cs-app .br-panel,.cs-app .br-sidebar{background:#F8FAFFec;border-color:#fff}.cs-app .br-sidebar{background:#F8FAFFf2}.cs-app .br-primary,.cs-dialog .br-primary,.cs-app .br-sidebar nav .br-button[aria-current],.cs-app .br-bottom .br-button[aria-current]{background:#2436B8;color:#fff}.cs-app .br-brand small{display:block;font:10px Arial,sans-serif;letter-spacing:.32em;margin-top:5px;text-align:center;color:#2436B8}.cs-app .br-brand img{filter:sepia(.7) saturate(1.2) hue-rotate(332deg)}
.cs-art{position:relative;width:250px;min-width:0;height:225px;isolation:isolate;perspective:700px;filter:drop-shadow(0 14px 12px #10164222)}.cs-notebook{position:absolute;z-index:3;width:120px;height:158px;left:85px;top:40px;border:2px solid #fff;border-left:10px solid #7892F5;border-radius:10px;background:#F8FAFF;transform:rotate(-10deg) rotateY(-12deg);box-shadow:6px 6px 0 #DCE4FF,10px 10px 0 #7892F5}.cs-notebook:before{content:'';position:absolute;left:-15px;top:8px;width:15px;height:136px;background:repeating-linear-gradient(0deg,transparent 0 14px,#101642 15px 18px,transparent 19px 23px);border-radius:5px}.cs-notebook b,.cs-notebook>span{position:absolute;left:17px;top:16px;color:#2436B8;font:25px Georgia}.cs-notebook>span{top:110px}.cs-notebook i{display:block;height:4px;background:#DCE4FF;margin:28px 12px 0 43px;border-radius:5px}.cs-laptop{position:absolute;left:15px;top:5px;width:170px;height:130px;background:#101642;border:7px solid #DCE4FF;border-radius:9px;transform:rotate(-7deg) rotateY(15deg)}.cs-laptop:after{content:'';position:absolute;top:120px;left:-20px;width:205px;height:11px;background:#7892F5;border-radius:0 0 15px 15px}.cs-laptop i{display:block;margin:16px;width:80px;height:60px;background:repeating-linear-gradient(0deg,#DCE4FF55 0 4px,transparent 5px 14px)}.cs-books{position:absolute;left:4px;bottom:0;width:125px;z-index:4;transform:rotate(5deg)}.cs-books span{display:block;height:20px;margin-top:4px;border-radius:5px;background:#DCE4FF;border-right:6px solid #2436B8;border-bottom:6px solid #F8FAFF;box-shadow:0 2px 4px #10164222}.cs-books span:nth-child(2){background:#7892F5;transform:translateX(7px)}.cs-pencil{position:absolute;z-index:5;width:7px;height:130px;background:#2436B8;border-left:2px solid #DCE4FF;left:207px;top:75px;transform:rotate(22deg);border-radius:5px}.cs-pencil:after{content:'';position:absolute;bottom:-12px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:12px solid #101642}
.cs-hero>.cs-art{align-self:end}.cs-app .cs-advice{background:#F8FAFF;border-top:3px solid #E7C6BD}.cs-advice .cs-eyebrow{color:#744628}.cs-target{color:#2436B8;background:#EEF2FF;border-color:#fff}.cs-app .br-topbar>label select{min-height:44px}.cs-app svg{flex-shrink:0}.cs-date{display:flex;align-items:center;gap:8px}.cs-date svg{width:22px;height:22px}.cs-app .cs-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:18px;margin-top:20px}.cs-timeline>div{display:grid;justify-items:center;text-align:center;gap:8px;border-top:2px solid #DCE4FF;padding-top:14px}.cs-timeline svg{width:32px;height:32px}.cs-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:20px 0}.cs-app .cs-week .br-panel{padding:15px 9px;min-width:0}.cs-week h3{font-size:15px}.cs-block{display:grid;width:100%;gap:7px;text-align:left;border:1px solid #DCE4FF;border-radius:12px;background:#EEF2FF;color:#101642;padding:12px 9px;min-height:44px;margin-top:8px;overflow-wrap:anywhere}.cs-week.cs-list{grid-template-columns:1fr}.cs-app .cs-toolbar label{display:grid;gap:5px}.cs-app .cs-toolbar input,.cs-app .cs-toolbar select,.cs-app .cs-field select{min-height:44px}.cs-score-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cs-score-parts>div{display:grid;gap:10px}.cs-score-parts span{font-variant-numeric:tabular-nums}.cs-record-main>div{min-width:0}.cs-record-main>div>.br-button{margin:6px 5px 0 0}.cs-record details>summary,.cs-recovery>summary{min-height:44px;padding:12px 0;cursor:pointer}.cs-recovery pre{white-space:pre-wrap;overflow-wrap:anywhere}.cs-dialog .cs-fields{gap:15px}.cs-dialog{background:#F8FAFF;color:#101642}.cs-dialog input,.cs-dialog textarea,.cs-dialog select{background:#fff;color:#101642;border:1px solid #DCE4FF}.cs-app .cs-record-main h3{overflow-wrap:anywhere}.cs-app .cs-record-main svg{width:23px;height:23px}.cs-app #cs-feedback:empty{margin:0;min-height:0}.cs-app #cs-feedback:not(:empty){padding:12px;background:#F8FAFF;border-radius:12px}
.cs-app .cs-companion{position:absolute;top:98px;right:25px;width:68px;z-index:40}.cs-launcher{position:relative;width:68px;min-height:76px;background:transparent;border:0;color:#2436B8}.cs-launcher .cs-target{display:block;width:64px;height:64px}.cs-launcher>span:last-child{position:absolute;right:0;bottom:0;padding:3px 7px;background:#F8FAFF;border:1px solid #DCE4FF;border-radius:12px}.cs-companion.is-open{position:fixed;top:95px;right:25px;width:min(560px,calc(100vw - 30px));height:auto}.cs-companion.is-open .cs-launcher{display:none}.cs-companion-panel{max-height:calc(100dvh - 180px);overflow:auto}.cs-companion-panel>button:first-child{float:right}.cs-companion-panel .br-button{margin:5px 5px 0 0}.cs-tool:has(.cs-companion) .cs-heading{padding-right:80px}.cs-app .cs-companion :focus-visible{outline:3px solid #2436B8;outline-offset:3px}
@media(max-width:1200px){.cs-week{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.cs-app .br-workspace{display:block}.cs-tool .br-bottom{grid-template-columns:repeat(5,minmax(0,1fr))}.cs-pack .br-bottom{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-app .br-topbar{display:flex;align-items:center;flex-wrap:wrap}.cs-app .br-topbar>.br-select{display:flex;align-items:center;gap:5px;min-width:0;flex:1}.cs-app .br-topbar>.br-select select{width:auto;padding:8px}.cs-app .cs-companion{top:160px;right:15px}.cs-app .cs-companion.is-open{position:fixed;top:auto;bottom:calc(100px + env(safe-area-inset-bottom));right:15px;width:calc(100vw - 30px)}.cs-app .cs-companion-panel{max-height:calc(100dvh - 220px)}.cs-app .br-bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))}}
@media(max-width:600px){.cs-week{grid-template-columns:1fr}.cs-score-parts{grid-template-columns:1fr}.cs-art{width:170px;height:200px;transform:scale(.78);transform-origin:bottom right}.cs-hero>.cs-art{display:none}.cs-app .cs-lesson-hero{grid-template-columns:1fr}.cs-app .cs-lesson-hero>.cs-art{display:none}.cs-app .cs-lesson-banner{height:auto;min-height:70px}.cs-app .cs-lesson-banner>.cs-art{display:none}.cs-app .cs-toolbar>label{width:100%}.cs-app .cs-toolbar input{width:100%}.cs-record-main>div>.br-button{max-width:100%;font-size:12px}.cs-dialog{max-height:88dvh;scroll-padding:20px 0 100px}.cs-app .br-mobile-header strong{font-size:15px}.cs-app .cs-date{max-width:145px;overflow-wrap:anywhere;font-size:12px}.cs-app .cs-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-app .br-topbar svg{width:20px;height:20px}.cs-app .br-topbar>.br-select>span{display:flex;gap:4px;align-items:center;font-size:12px}}
@media(prefers-reduced-motion:reduce){.cs-app *,.cs-dialog *,.cl-dialog[data-universe="creative"] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.cs-app .br-select select{position:static;opacity:1;width:auto;inset:auto;background:#F8FAFF;color:#101642;border:0;border-radius:20px;min-height:44px}.cs-app .br-select{display:flex;align-items:center;gap:6px}.cs-app .br-bar{background:#e7d4cb}.cs-app .br-button:not(.br-primary):not([aria-current]){background-color:#F8FAFF}.cs-app .cs-lesson-hero .br-button{margin-top:20px}.cs-app .br-topbar [data-data-application]{background:#F8FAFF;color:#101642}

.cs-subject-tag{display:inline-block;width:12px;height:12px;margin-right:9px;border-radius:50%;background:#DCE4FF;border:1px solid #2436B8}.cs-subject-tag[data-tone=plum]{background:#2436B8}.cs-subject-tag[data-tone=apricot]{background:#E7C6BD}

/* The two catalogue products inherit the same paper and ink as the app. */
.cs-app:before{background:#EEF2FF}.cs-app .cs-hero,.cs-app .cs-lesson-hero,.cs-app .cs-sage-panel,.cs-app .cs-mission-hero{background:#F8FAFF!important}

.cs-app .br-button,.cs-dialog .br-button{background-image:none}

.cs-app .br-topbar>.br-select{width:auto;min-width:200px;max-width:100%;min-height:44px;padding:0 10px;flex:0 1 auto}.cs-app .br-topbar>.br-select>span{display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.cs-app .br-topbar>.br-select select{width:82px;min-width:82px;padding:8px 18px 8px 4px}.cs-app .cs-lesson-hero .br-button{display:flex;width:fit-content;margin-top:20px}.cs-app .cs-lesson-hero .br-button:not(.br-primary){background:#2436B8;color:#fff}

/* Local photography remains visible at every breakpoint. */
body:has(.cs-app){background:#EEF2FF url('assets/creer/studio-cobalt.webp') center 46%/cover fixed no-repeat}
.cs-app{position:relative;isolation:isolate;background:transparent;--cs-background-veil:rgba(248, 250, 255, 0.68);--cs-muted:#485477;--cs-line:#dcc2b5}
.cs-app:before{position:fixed;inset:0;content:"";z-index:-1;background:var(--cs-background-veil);pointer-events:none}
.cs-app .br-panel{background:#F8FAFFdf;backdrop-filter:blur(12px);border:1px solid #F8FAFF;box-shadow:0 8px 25px #10164214}
.cs-app .br-sidebar{background:#F8FAFFe3;backdrop-filter:blur(16px)}
.cs-app .br-sidebar nav [aria-current],.cs-app .br-primary,.cs-dialog .br-primary{background:linear-gradient(110deg,#3557E8,#2436B8);border-color:#F8FAFF;box-shadow:inset 0 1px 5px #F8FAFF66,0 5px 14px #2436B833}
.cs-app h1{font-size:clamp(38px,3.65vw,64px);font-weight:400;line-height:1.04}.cs-heading{text-shadow:0 1px 12px #F8FAFF}.cs-heading>p{color:#485477}.cs-app h2,.cs-app h3{font-weight:400;color:#101642}.cs-tool .cs-heading{padding-right:72px}
.cs-app .cs-hero{grid-template-columns:145px 1.3fr 1fr;overflow:hidden;min-height:238px}.cs-art{position:relative;min-height:185px;height:100%;border-radius:16px;background:url('assets/creer/palette-cobalt.webp') center 62%/cover no-repeat;overflow:hidden}.cs-hero>.cs-art{height:calc(100% + 48px);margin:-24px -24px -24px 0;border-radius:0;width:calc(100% + 24px)}
.cs-photo-note{position:absolute;bottom:14px;left:16px;background:#F8FAFFc4;padding:7px 10px;border-radius:8px;font-size:9px;letter-spacing:.12em;color:#101642}.cs-connected-photo{height:85px;width:100%;object-fit:cover;object-position:center 65%;border-radius:12px;margin-bottom:14px}
.cs-app .cs-lesson-hero{grid-template-columns:1.15fr .85fr;overflow:hidden;min-height:310px}.cs-lesson-hero>div:first-child{position:relative;z-index:2}.cs-app .cs-lesson-hero .br-button{margin-top:20px;display:flex;min-width:215px;width:max-content}.cs-lesson-hero small{display:flex;align-items:center;gap:8px}.cs-app .cs-advice{background:#F8FAFFe8;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.cs-advice h2{font-size:31px}.cs-journey-row{grid-template-columns:1.6fr 1fr}
.cs-app .cs-orb{background:radial-gradient(circle at 30% 20%,#F8FAFF,#DCE4FF 60%,#7892F5);color:#2436B8;border-color:#F8FAFF}.cs-target{color:#2436B8;background:radial-gradient(circle at 35% 20%,#F8FAFF,#DCE4FF 60%,#7892F5);box-shadow:inset 0 1px 6px #F8FAFF,0 6px 12px #10164225;border:2px solid #F8FAFF;border-radius:50%}.cs-target svg{width:100%;height:100%}.cs-app .cs-metric{gap:12px}.cs-metric strong{overflow-wrap:anywhere}.cs-app .cs-mission-hero{grid-template-columns:1.3fr .7fr .8fr;overflow:hidden}.cs-mission-help{padding:20px;background:#F8FAFFc5;border-radius:18px}.cs-mission-art{height:90px;background:url('assets/creer/palette-cobalt.webp') center 65%/cover;border-radius:10px}.cs-mission-art>.cs-target,.cs-mission-art>.br-orb{width:46px;height:46px;position:relative;top:23px;left:14px}.cs-mission-card.cs-active{outline:2px solid #2436B8}.cs-app .cs-mission-cards.cs-path{grid-auto-columns:23%}
.cs-day-parts{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0;font-size:13px}.cs-score-part{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px 0;border-bottom:1px solid #3557E830}.cs-score-part>.br-bar{grid-column:1/-1}.cs-alert{padding:18px;background:#EEF2FFed;border:1px solid #DCE4FF;color:#2436B8;border-radius:16px;line-height:1.5}.cs-record-main>svg{width:24px;height:24px;flex-shrink:0;margin-top:5px}.cs-record-main h3,.cs-record-main p{overflow-wrap:anywhere}.cs-row-actions{flex-shrink:0}.cs-field textarea{resize:vertical;min-height:95px}.cs-form>.br-button{margin-top:22px}.cs-toolbar{flex-wrap:wrap}.cs-toolbar>label>span{display:block;margin-bottom:6px}.cs-app .cs-empty .cs-target{margin:0 auto 24px}.cs-app .cs-empty{text-align:center}
.cs-app .cs-companion{position:absolute;top:108px;right:35px;z-index:46}.cs-app .cs-companion-panel{position:fixed;top:110px;right:28px;width:min(660px,calc(100vw - 40px));max-height:calc(100dvh - 170px);overflow:auto;background:#F8FAFFf5;box-shadow:0 15px 55px #10164233}.cs-companion-panel ul{padding-left:20px}.cs-companion-panel li{padding:6px 0;font-size:14px}.cs-companion.is-open .cs-launcher{display:none}.cs-app .cs-launcher>span:last-child{font-size:11px;background:#F8FAFF;color:#101642}
.cs-app .cs-more{position:relative;z-index:44}.cs-legacy nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.cs-legacy .field input,.cs-legacy .field select{min-height:44px}.cs-app .cs-lesson-banner{display:grid;grid-template-columns:1.4fr 1fr;height:auto;min-height:145px;padding:0;overflow:hidden}.cs-lesson-banner>small{align-self:center;padding:20px}.cs-lesson-banner>.cs-art{min-height:145px;border-radius:0}.cs-app .cs-quiz .cs-choice{min-height:57px}.cs-app .cs-timeline>div{display:flex;align-items:center;flex-direction:column;gap:10px;text-align:center}.cs-app .cs-timeline>div>.br-button{border-radius:50%;width:50px;height:50px;padding:12px}.cs-app .cs-timeline>div>strong{font:13px Arial,sans-serif}.cs-app .cs-timeline>div>span{font-size:11px}
.pc-card[data-content-id="creator-dashboard"],.pc-card[data-content-id="pack-content-creator-system"]{background:#F8FAFF;border-color:#DCE4FF;--pearl:#DCE4FF;--rim:#2436B8}.pc-card[data-content-id="creator-dashboard"] .pc-category,.pc-card[data-content-id="pack-content-creator-system"] .pc-category{color:#2436B8}
@media(min-width:901px) and (max-width:1190px){.cs-app .cs-hero{grid-template-columns:120px 1fr}.cs-hero>.cs-art{display:none}.cs-app .cs-mission-hero{grid-template-columns:1fr 230px}.cs-mission-hero>.cs-art{display:none}.cs-app .cs-lesson-hero{display:block}.cs-lesson-hero>.cs-art{height:90px;min-height:90px;margin-top:15px}.cs-record{flex-wrap:wrap}}
@media(max-width:900px){body:has(.cs-app){background-position:65% center}.cs-app .cs-hero{grid-template-columns:120px 1fr}.cs-hero>.cs-art{display:none}.cs-app .cs-journey-row{grid-template-columns:1fr}.cs-app .cs-mission-hero{grid-template-columns:1fr 200px}.cs-mission-hero>.cs-art{display:none}.cs-app .cs-mission-cards.cs-path{grid-auto-columns:35%}.cs-app .cs-companion{top:185px;right:22px}.cs-app .cs-companion-panel{top:80px;right:16px;width:calc(100vw - 32px);max-height:calc(100dvh - 180px)}}
@media(max-width:600px){.cs-app h1{font-size:38px}.cs-app .cs-hero{grid-template-columns:94px minmax(0,1fr);gap:14px;text-align:left}.cs-app .cs-hero .br-ring{width:92px;height:92px}.cs-app .cs-readiness{display:block;text-align:center}.cs-app .cs-readiness>span{display:block;font-size:11px}.cs-hero h2{font-size:23px}.cs-hero p{font-size:13px}.cs-app .cs-hero .br-button{font-size:12px;padding:11px 12px}.cs-tool .cs-heading{padding-right:52px}.cs-app .cs-lesson-hero{grid-template-columns:1fr;min-height:390px;background:linear-gradient(90deg,#F8FAFFee,#F8FAFFb3),url('assets/creer/palette-cobalt.webp') center/cover}.cs-app .cs-lesson-hero>.cs-art{width:100%;height:130px;min-height:130px;margin-top:14px}.cs-app .cs-lesson-hero .br-button{width:100%;min-width:0}.cs-app .cs-mission-hero{display:block}.cs-app .cs-mission-cards.cs-path{grid-auto-columns:88%}.cs-app .cs-mission-cards.cs-grid{grid-template-columns:1fr}.cs-app .cs-companion{top:191px;right:16px}.cs-app .cs-lesson-banner{grid-template-columns:1.2fr 1fr}.cs-app .cs-lesson-banner>.cs-art{width:100%;height:100%}.cs-app .cs-metric{gap:9px}.cs-app .cs-toolbar label{min-width:0}.cs-app .cs-day>.br-button{margin:12px 8px 0 0}}
@media(max-width:360px){.cs-app h1{font-size:32px}.cs-app .cs-hero{grid-template-columns:1fr}.cs-app .cs-readiness{display:flex;text-align:left}.cs-app .cs-readiness>span{margin:0}}

.cs-app .cs-hero{background:#F8FAFFdf!important}.cs-app .cs-art{width:100%;max-width:none}.cs-app .cs-metric strong{font-family:Arial,sans-serif;font-size:29px}.cs-app .cs-metric span:not(.br-orb){color:#485477}.cs-app .cs-lesson-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cs-lesson-pillars>article{padding:20px 16px;background:#DCE4FF33;border-radius:17px}.cs-lesson-pillars h3{font-size:24px;margin:15px 0}.cs-lesson-pillars p{font-size:14px}.cs-equation{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cs-equation span{padding:14px;border-radius:12px;background:#DCE4FF44;font-size:14px}.cs-equation strong{display:block;font:22px Georgia,serif}.cs-aims{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.cs-aims .cs-art{min-height:160px}.cs-app .br-sidebar nav .br-button:not([aria-current]){background:transparent;box-shadow:none}.cs-app .cs-companion-panel ul{list-style:none;padding-left:0}.cs-app .cs-companion-panel li{display:flex;gap:9px}.cs-score-note{font-size:13px}.cs-app .cs-orphan{margin-top:18px}
@media(max-width:600px){.cs-app .cs-metric strong{font-size:25px}.cs-lesson-pillars{grid-template-columns:1fr 1fr!important}.cs-aims{grid-template-columns:1fr}.cs-aims .cs-art{height:130px;min-height:130px}.cs-app .cs-metric{align-items:start}.cs-app .cs-metric .br-orb{margin-top:5px}}

.cs-tool .br-sidebar>h2{display:none}.cs-tool .br-sidebar nav .br-button{min-height:44px;padding:10px 14px}.cs-score-part>summary{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;min-height:44px}.cs-score-part>ul{grid-column:1/-1;padding-left:20px}.cs-score-part>ul>li{margin:8px 0;font-size:14px}
.cs-app .br-primary,.cs-dialog .br-primary{background:linear-gradient(125deg,#3557E8,#2436B8)!important;color:#F8FAFF!important;border-color:#F8FAFF!important;box-shadow:inset 0 1px 2px #F8FAFF66,0 5px 15px #2436B826!important}
.cs-app h1,.cs-app h2,.cs-app h3{color:#101642}.cs-app .cs-metric strong{color:#101642}.cs-app .br-topbar>.br-button:first-child{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-app .cs-lesson-banner{background:#F8FAFFdd!important}.cs-app .cs-lesson-hero{background:#F8FAFFdd!important}
@media(max-width:600px){.cs-app .cs-metric{display:block!important;padding:17px 14px}.cs-app .cs-metric .br-orb{width:38px;height:38px;margin:0 0 10px}.cs-app .cs-metric>div{width:100%}.cs-app .cs-metric strong{font-size:clamp(19px,5.5vw,25px);white-space:nowrap}.cs-app .br-topbar>.br-button:first-child{max-width:175px}.cs-app .cs-companion-panel{top:70px;max-height:calc(100dvh - 175px - env(safe-area-inset-bottom))}}

/* Identity editors and local creative previews. */
.cs-app{--cs-forest:#2436B8;--cs-sage:#3557E8;--cs-eucalyptus:#7892F5;--cs-pale:#DCE4FF;--cs-wash:#EEF2FF;--cs-ivory:#F8FAFF;--cs-ink:#101642;--cs-muted:#485477;--cs-line:#b3bfe7}
.cs-app .cs-priority{background:#fff0e7e8;border-color:#F4A261}.cs-priority .cs-eyebrow{color:#863a16}.cs-app .cs-heading{background:#F8FAFFc9;backdrop-filter:blur(5px);padding:16px 18px;border-radius:20px}.cs-app .br-primary,.cs-dialog .br-primary{background:linear-gradient(125deg,#3557E8,#2436B8)!important}.cs-app .br-sidebar nav .br-button[aria-current]{background:linear-gradient(125deg,#3557E8,#2436B8);color:#fff}.cs-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.cs-tabs [aria-current]{background:#2436B8!important;color:#fff!important}.cs-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cs-palette-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:16px}.cs-palette-preview>div{display:grid;gap:8px}.cs-colour-large{display:block;width:100%;height:85px;border-radius:14px;border:1px solid #b3bfe7}.cs-swatch{display:inline-block;min-width:42px;width:42px;height:42px;border-radius:50%;border:1px solid #b3bfe7;vertical-align:middle}.cs-contrast{margin-top:18px;border-top:1px solid #DCE4FF;padding-top:18px}.cs-contrast-sample{padding:24px;border-radius:16px}.cs-type-preview{overflow:hidden}.cs-template-preview{color:#101642;border:1px solid #b3bfe7;border-radius:12px;padding:20px;margin:18px 0;max-width:300px;max-height:460px;overflow:auto;display:flex;flex-direction:column;gap:10px}.cs-template-preview>*{margin:0}.cs-template-preview h3{font-size:26px!important;background:#F8FAFFdd;border-radius:5px;padding:6px}.cs-template-preview p,.cs-template-preview>span,.cs-template-preview>small{background:#F8FAFFdd;color:#101642!important;border-radius:5px;padding:6px}.cs-template-preview.cs-layout-split{display:grid;grid-template-columns:1fr 1fr}.cs-template-preview.cs-layout-split>small{grid-column:1/-1}.cs-template-preview.cs-layout-minimal .cs-image-slot{min-height:35px}.cs-image-slot{display:flex;align-items:center;justify-content:center;gap:8px;background:#DCE4FF;color:#2436B8;min-height:95px;border:1px dashed #7892F5;border-radius:10px}.cs-image-slot svg{width:24px;height:24px}.cs-local-image{display:block;max-width:240px;width:100%;max-height:160px;object-fit:contain;border-radius:12px;margin:12px 0}.cs-resource-checks{grid-column:1/-1;border:1px solid #b3bfe7;border-radius:14px;padding:15px}.cs-resource-checks .cs-checkbox{min-height:44px}.cs-status-counts{display:flex;gap:20px;flex-wrap:wrap}.cs-status-counts span{display:flex;gap:10px;align-items:center}.cs-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:20px}.cs-month>b{text-align:center;padding:10px 0;font-size:12px}.cs-month-day{min-height:110px;border:1px solid #DCE4FF;border-radius:9px;background:#F8FAFFa9;padding:8px;min-width:0}.cs-month-day>span{display:block;font-weight:600}.cs-month-day>small{font-size:10px}.cs-desktop-events .br-button{font-size:11px;width:100%;padding:8px;min-width:0;margin-top:6px;white-space:normal}.cs-dialog input[type=file]{padding:12px;width:100%;font-size:13px}.cs-dialog .cs-form-error{color:#9d3118}.cs-app pre{white-space:pre-wrap;overflow-wrap:anywhere}.cs-app .cs-row-actions{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}.cs-app .cs-record{align-items:flex-start;flex-direction:column}.cs-app .cs-record-main{width:100%;min-width:0}.cs-app .cs-record-main>div{flex:1;min-width:0}.cs-app .cs-record-main p{white-space:pre-wrap}.cs-app .cs-collection{margin-bottom:26px}.cs-dialog .cs-field input,.cs-dialog .cs-field select,.cs-app .cs-field input,.cs-app .cs-field select{min-height:44px;max-width:100%}.cs-dialog .cs-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cs-app .cs-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cs-app .cs-field,.cs-dialog .cs-field{min-width:0;display:flex;flex-direction:column;gap:8px}.cs-app .cs-field input,.cs-app .cs-field textarea,.cs-app .cs-field select,.cs-dialog .cs-field input,.cs-dialog .cs-field textarea,.cs-dialog .cs-field select{width:100%;border-radius:10px;padding:12px}.cs-app .cs-checkbox,.cs-dialog .cs-checkbox{display:flex;gap:12px;align-items:center;min-height:44px}.cs-app .cs-checkbox input,.cs-dialog .cs-checkbox input{width:22px;height:22px;min-height:22px;flex-shrink:0}.cs-app .cs-toolbar input{min-height:44px}.cs-app .cs-launcher{min-width:44px}.cs-app .br-sidebar small{display:block}.cl-dialog[data-universe=creative]{--br-bronze:#2436B8;--br-sage:#3557E8}.cs-dialog{width:min(780px,calc(100vw - 28px));max-height:90dvh;overflow:auto;border:1px solid #DCE4FF;border-radius:24px;padding:24px;background:#F8FAFF;color:#101642}.cs-dialog::backdrop{background:#10164260;backdrop-filter:blur(5px)}.cs-dialog .cs-close{float:right;min-width:44px}.cs-dialog .cs-fields{gap:16px}.cs-dialog .br-button{min-height:44px}.cs-dialog .cs-form>.br-button{margin-top:20px}.cs-app .cs-form>.br-button{margin-top:20px}.cs-app svg,.cs-dialog svg{width:24px;height:24px}.cs-app .cs-target svg{width:100%;height:100%}.cs-app .cs-lesson-aside>.br-panel>.br-button{display:flex;margin-top:10px;width:100%;white-space:normal;text-align:left}.cs-app .cs-lesson-row{min-width:0}.cs-app .cs-lesson-row>div{min-width:0}.cs-app .cs-lesson-actions{display:flex;flex-wrap:wrap;gap:8px}.cs-app .cs-quiz .cs-choice{white-space:normal;text-align:left}.cs-app .cs-lesson-hero small{margin-bottom:14px}.cs-app .cs-companion-panel .br-button{max-width:100%;white-space:normal}.cs-app .cs-toolbar{gap:12px}.cs-app .cs-toolbar .cs-search{flex:1}.cs-app .cs-toolbar>label>input{width:100%}
@media(max-width:900px){.cs-app .br-workspace{display:block}.cs-app .br-sidebar{display:none}.cs-app .br-bottom{grid-template-columns:repeat(5,minmax(0,1fr))}.cs-app.cs-pack .br-bottom{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-app .cs-fields,.cs-dialog .cs-fields{grid-template-columns:1fr}.cs-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-app .cs-more{display:flex;flex-wrap:wrap;gap:8px}}
@media(max-width:600px){.cs-month{gap:3px}.cs-month-day{min-height:58px;padding:5px 2px}.cs-desktop-events{display:none}.cs-month-day>small{font-size:8px}.cs-app .cs-heading{padding:15px 12px}.cs-app .cs-toolbar{display:grid;grid-template-columns:1fr}.cs-app .cs-filters{grid-template-columns:1fr 1fr;padding:12px;gap:10px}.cs-app .cs-filters .cs-field{font-size:12px}.cs-app .cs-section-head{flex-wrap:wrap}.cs-app .cs-month h2{font-size:18px}.cs-app .cs-record{padding:17px 13px}.cs-app .cs-record-main>.br-orb{width:38px;height:38px;flex-shrink:0}.cs-app .cs-record-main{gap:10px}.cs-app .cs-record-main h3{font-size:23px}.cs-app .cs-row-actions>.br-button{min-height:44px;font-size:12px;padding:9px 12px}.cs-app .cs-companion{top:185px;right:20px}.cs-dialog{padding:18px}.cs-app .cs-palette-preview{grid-template-columns:1fr 1fr}.cs-app .cs-month>.cs-month-day>span{font-size:11px}.cs-app .cs-type-preview p{overflow-wrap:anywhere}.cs-app .cs-lesson-row{display:flex;flex-wrap:wrap}.cs-app .cs-lesson-row>div{flex:1}.cs-app .cs-lesson-row>.br-button{width:100%}.cs-app .cs-module-rail{scroll-padding:15px}.cs-app .br-topbar{margin-bottom:12px}.cs-app .br-bottom .br-button{min-width:0;font-size:10px;padding:9px 2px}.cs-app .cs-companion-panel{max-height:calc(100dvh - 190px);top:75px}}

.cs-app .br-ring:before{background:#F8FAFF}.cs-app .cs-advice{border-color:#DCE4FF}.cs-app .cs-advice .cs-eyebrow{color:#2436B8}.cs-app .br-brand>img,.cs-app .br-mobile-header>img{filter:hue-rotate(195deg) saturate(2)}.cs-app .br-sidebar{overflow-y:auto;scrollbar-width:thin}.cs-hex-preview{padding:20px;border:1px solid #b3bfe7;border-radius:10px;min-height:64px}.pc-card[data-content-id="creator-dashboard"],.pc-card[data-content-id="pack-content-creator-system"]{background:#F8FAFF;border-color:#DCE4FF;--pearl:#DCE4FF;--rim:#2436B8}.pc-card[data-content-id="creator-dashboard"] .pc-category,.pc-card[data-content-id="pack-content-creator-system"] .pc-category{color:#2436B8}

/* Same fixed, isolated background layer as MAISON; strengthen the veil on phones. */
@media(max-width:600px){.cs-app{--cs-background-veil:rgba(248, 250, 255, 0.76)}}