:root{--deep:#153b3a;--green:#1f7a62;--light:#edf4ef;--muted:#61746f;--line:#dde9e1;--gold:#b8a077}*{box-sizing:border-box}body{margin:0;background:#f7faf7;color:#213d37;font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{transition:filter .15s,transform .15s}button:hover,a.btn:hover{filter:brightness(.95)}.container{width:min(1150px,calc(100% - 40px));margin:0 auto}.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:25px}.brand{display:flex;align-items:center;gap:8px;color:var(--deep);font-size:13px;font-weight:850;letter-spacing:.065em}.brand img{object-fit:contain}.brand small{display:block;font-size:9px;letter-spacing:.22em;color:var(--green)}nav{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:650;color:#335b51;flex-wrap:wrap}nav form{margin:0}.nav-text{border:0;color:inherit;background:none;cursor:pointer;font-weight:650;padding:0}h1,h2,h3{color:var(--deep);line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(32px,4.2vw,53px);margin:9px 0 15px}h2{font-size:25px}h3{font-size:20px;margin:11px 0}.main{min-height:calc(100vh - 180px);padding:55px 0 85px}.eyebrow{font-size:11px;font-weight:850;color:var(--green);letter-spacing:.15em;text-transform:uppercase}.eyebrow a{color:inherit}em{font-style:normal;color:var(--green)}.hero{background:linear-gradient(120deg,#e8f1e8,#fbfcf7);border:1px solid var(--line);padding:clamp(35px,5vw,75px);border-radius:24px;margin:10px 0 28px}.hero p{font-size:18px;max-width:685px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{display:inline-block;border:1px solid #b9d5c5;background:#fff;color:var(--deep);border-radius:12px;padding:11px 19px;font-weight:780;cursor:pointer;line-height:1.35}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn:disabled{opacity:.55}.grid{display:grid;gap:18px}.grid.third{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stack{display:grid;gap:16px}.card{background:white;border:1px solid var(--line);border-radius:19px;padding:26px;min-width:0;box-shadow:0 9px 25px rgba(27,70,56,.035)}.card p{color:var(--muted);font-size:14px}.card b{color:var(--green)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;color:var(--muted)}.card-top small{color:var(--muted)}.project-card:hover{border-color:var(--green);transform:translateY(-2px)}.project-card p{min-height:46px}.badge{display:inline-block;border-radius:30px;padding:5px 11px;background:#e5f2eb;color:#28755d;font-size:11px;font-weight:750}.metric{padding:22px 26px;background:#fff;border:1px solid var(--line);border-radius:15px}.metric strong{display:block;color:var(--deep);font-size:27px}.metric span{font-size:12px;color:var(--muted)}.progress{height:9px;background:#e7eae6;border-radius:9px;overflow:hidden;margin:15px 0}.progress>div{height:100%;background:linear-gradient(90deg,#419f80,#80c8a8);border-radius:9px}.progress.large{height:15px}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.heading>div>p{max-width:740px;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:38px 0 14px}.section-title h2{margin:0}.section-title span{font-size:12px;color:var(--muted)}.empty{background:#f0f7f1}.empty p{margin-top:8px}.narrow{max-width:610px;margin:10px auto}.narrow h1{font-size:36px}form p{margin:13px 0}form p label{display:block;font-size:13px;font-weight:750;margin-bottom:5px}input:not([type=checkbox]),select,textarea{padding:12px 13px;border:1px solid #c9dad0;border-radius:9px;background:white;color:#203d36;max-width:100%}form p input,form p textarea,form p select{display:block;width:100%}form .helptext,ul.helptext{font-size:11px;color:var(--muted);display:block}form .errorlist{color:#b13d31;font-size:12px}textarea{width:100%}.mini{background:var(--deep);color:white;border:0;border-radius:7px;padding:7px 10px;cursor:pointer;font-size:12px}.comments{border-top:1px solid var(--line);padding-top:14px;margin-top:16px}.comments textarea{margin-bottom:8px}.comment{padding:8px 12px;border-left:2px solid #a6c8b4;margin:7px 0;background:#f7faf8}.comment p{margin:3px 0}.comment small{font-weight:400}.money{font-size:23px;color:var(--green)}.check{display:flex;gap:8px;align-items:flex-start;margin:18px 0;font-size:13px}.check input{margin-top:6px}.history{display:flex;align-items:baseline;gap:20px;border-bottom:1px solid var(--line);padding:8px 0}.history:last-child{border:0}.history span{min-width:112px;font-size:12px;color:var(--muted)}.history p{margin:0}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:18px}.table-wrap table{border-collapse:collapse;width:100%;font-size:13px}.table-wrap th,.table-wrap td{text-align:left;padding:13px 15px;border-bottom:1px solid #edf1ec;vertical-align:top}.table-wrap th{background:#eaf2ec;color:var(--deep)}.url{display:inline-block;max-width:460px;word-break:break-all;font-size:11px;color:#4d7669}.seo-content{white-space:pre-wrap;word-break:break-word;max-height:550px;overflow:auto;padding:15px;border:1px solid var(--line);border-radius:10px;color:#385a4c;background:#f8faf8;font-size:12px}.alerts{margin-bottom:20px}.alert{padding:12px 18px;border-radius:9px;background:#eaf2ec;color:#32684e}.alert.error{background:#fff0ec;color:#92372e}.success{color:#27774b!important;font-weight:800}footer{background:#ecf1eb;color:#5e7068;font-size:12px;padding:30px 0}footer a{text-decoration:underline}@media(max-width:820px){.grid.third,.grid.two{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}.nav{flex-direction:column;align-items:flex-start;padding:14px 0;gap:8px}nav{gap:13px}.main{padding:28px 0 60px}.card{padding:19px}.hero{padding:28px}.heading h1{font-size:32px}}@media(max-width:420px){.container{width:min(100% - 24px,1150px)}.card-top{flex-direction:column}.section-title{flex-wrap:wrap}.history{flex-direction:column;gap:3px}}

/* Commercial workspace / staff pilot */
.filters{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 26px}
.filters .badge{border:1px solid #d0e4d9;transition:background .15s}
.filters .badge:hover{background:#cce8d6}
.card .actions form{display:flex;align-items:center;gap:7px;margin:0}
.card .actions form select{padding:8px 11px;font-size:12px;max-width:240px}
.card .actions form .mini{height:38px}
.card .badge+.badge{margin-left:8px}
.card .actions .btn{margin:0}
@media(max-width:720px){.card .actions form{flex-wrap:wrap}.card .actions form select{max-width:100%}}

/* Smart Advice Studio & Academy — responsive conversational experience */
.studio-hero{position:relative;overflow:hidden;border-radius:28px;padding:clamp(36px,6vw,77px);margin:0 0 24px;
background:radial-gradient(ellipse at 93% 16%,rgba(98,184,139,.25),transparent 42%),linear-gradient(126deg,#102d2b,#1d5546 71%,#286d56);color:#fff;box-shadow:0 20px 45px rgba(12,59,42,.16)}
.studio-hero .eyebrow{color:#a9e3bc}.studio-hero h1{color:#fff;font-size:clamp(40px,5.4vw,73px);line-height:1.05;max-width:840px;margin:22px 0 20px;letter-spacing:-.06em}
.studio-hero h1 em{color:#b9dfbc}.studio-hero p{max-width:720px;color:#deeee4;font-size:18px;line-height:1.8}.studio-hero .btn.primary{background:#d5eecb;color:#143e30;border-color:#d5eecb}.studio-hero .btn:not(.primary){background:transparent;border-color:#9ebfae;color:#fff}.studio-hero-note{font-size:12px;color:#abc9bb;margin-top:34px}
.studio-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:24px 0 35px}.studio-mode-card{border:1px solid #d4e2d8;background:#fff;border-radius:22px;padding:31px;min-height:285px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .15s,box-shadow .15s}.studio-mode-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(10,50,35,.1);border-color:#8ebaa1}.studio-mode-card h2{font-size:27px;margin:15px 0 4px}.studio-mode-card p{font-size:14px;color:var(--muted);line-height:1.65}.studio-mode-card strong{color:var(--green);margin-top:auto;font-size:13px}.studio-mode-card .mode-glyph{height:54px;width:54px;display:grid;place-items:center;border-radius:15px;background:#e4f3e8;color:#176b51;font-size:30px;font-weight:600;margin-bottom:15px}.studio-mode-card.accent-learning .mode-glyph{background:#f3ece0;color:#8e6739}.studio-mode-card.accent-grow .mode-glyph{background:#e3edf9;color:#276fa7}.card-next{font-weight:780;font-size:13px;color:var(--green)}
.studio-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start;max-width:1150px;margin:0 auto}.studio-sidebar{position:sticky;top:110px;border-radius:22px;padding:25px 19px;background:#173d37;color:#f2f9f2;max-height:calc(100vh - 120px);overflow:auto}.studio-sidebar .eyebrow{color:#b6d9b7}.studio-sidebar h2{font-size:24px;color:#fff}.studio-sidebar h2 em{color:#b2ddbd}.studio-sidebar .studio-new{width:100%;text-align:center;background:#d1efce;color:#173d37;border-color:#d1efce;font-size:13px}.studio-menu{display:grid;gap:3px;margin:22px 0}.studio-menu a{padding:11px 12px;border-radius:10px;font-size:13px;font-weight:700;color:#d4e9da}.studio-menu a:hover,.studio-recent a:hover,.studio-recent a.selected{background:rgba(255,255,255,.12)}.studio-side-title{font-size:10px;color:#c1d8c8;letter-spacing:.11em;margin:24px 0 9px}.studio-recent{display:grid;gap:4px}.studio-recent a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:11px;color:#eff8f1;font-size:12px;overflow-wrap:anywhere}.studio-recent small{color:#acd3b3;font-size:10px}.studio-sidebar-note{color:#aac9b8;font-size:11px;margin:22px 5px 0}
.studio-chat{min-width:0;border:1px solid #dce8df;background:#fff;border-radius:22px;padding:clamp(18px,3vw,32px);box-shadow:0 10px 24px rgba(23,69,49,.035)}.studio-chat-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid #e5eee8}.studio-chat-heading h1{font-size:clamp(27px,3.7vw,42px)}.studio-chat-heading .badge{white-space:nowrap}.studio-welcome{text-align:center;padding:54px 5% 48px;max-width:770px;margin:0 auto}.studio-welcome h3{font-size:27px}.studio-welcome p{color:var(--muted);font-size:15px;line-height:1.8}.avatar-bubble{width:65px;height:65px;border-radius:20px;background:#e8f7ea;color:#2c8c65;display:grid;place-items:center;margin:0 auto 20px;font-size:36px}.studio-examples{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}.studio-examples span{background:#f0f6f1;border:1px solid #dfebe3;border-radius:11px;padding:11px 13px;text-align:left;font-size:12px;color:#59766b}.studio-turns{display:flex;flex-direction:column;gap:16px;margin:26px 0 28px;max-height:640px;overflow-y:auto;scrollbar-color:#b8cfc1 #fff;padding:2px 8px}.studio-bubble{border-radius:17px;padding:18px 19px;max-width:90%;font-size:14px;line-height:1.75;overflow-wrap:anywhere}.studio-bubble.from-user{align-self:flex-end;background:#e3f1e8;border-bottom-right-radius:5px;color:#194636}.studio-bubble.from-agent{align-self:flex-start;background:#f6f8f5;border:1px solid #ebf0ec;border-bottom-left-radius:5px;color:#2e4840}.studio-speaker{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;font-weight:800;margin-bottom:9px;color:#267355}.studio-speaker small{color:#80948a;font-size:10px;font-weight:500}.studio-composer{padding:16px;background:#f3f7f2;border-radius:17px;border:1px solid #e0eae2}.studio-composer label{font-size:12px;font-weight:800;color:#315d4c}.studio-composer textarea{resize:vertical;background:white;border-radius:11px;margin-top:6px;min-height:96px}.studio-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.studio-compose-footer small{color:#7d9286;font-size:11px}.studio-compose-footer button{flex-shrink:0}.studio-muted{color:#6f8077;font-size:13px;line-height:1.8}
.studio-proposal{margin:23px 0;border-radius:19px;border:1px solid #b5d7be;background:linear-gradient(140deg,#f7fcf8,#f3f8f0);padding:26px;box-shadow:0 12px 25px rgba(29,98,62,.05)}.studio-proposal-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.studio-proposal h2{margin:5px 0 18px;font-size:23px}.studio-proposal h3{font-size:22px;margin:12px 0}.studio-proposal p{color:#496a59}.studio-plan{padding:0;list-style:none;counter-reset:plan;display:grid;gap:9px;margin:21px 0}.studio-plan li{position:relative;padding:12px 12px 12px 46px;background:#fff;border-radius:12px;border:1px solid #e1ebdf}.studio-plan li:before{counter-increment:plan;content:counter(plan);position:absolute;left:12px;top:13px;width:22px;height:22px;display:grid;place-items:center;background:#e0ede3;color:#247d59;border-radius:7px;font-size:11px;font-weight:800}.studio-plan li b{display:block;color:#1a4d37;font-size:14px}.studio-plan li span{display:block;color:#667d70;font-size:12px;margin-top:5px}.studio-proposal-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.studio-proposal-actions form{margin:0}.studio-proposal-actions small{flex-basis:100%;color:#83958b}.btn.subtle{background:transparent;color:#62766c;border-color:#d4e4d7}.studio-creative-content{background:white;border:1px solid #deeadf;padding:19px;border-radius:14px;line-height:1.75;max-height:460px;overflow:auto;overflow-wrap:anywhere;font-size:14px;color:#375647}.studio-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.studio-facts span{padding:6px 11px;background:#e7f1e9;color:#2d7155;border-radius:30px;font-size:12px;font-weight:700}
.studio-lesson-card{display:flex;align-items:center;gap:20px;padding:21px}.studio-lesson-card:hover{border-color:#81ae93}.studio-lesson-number{display:grid;place-items:center;background:#e9f4ed;color:#20865f;font-weight:850;width:51px;height:51px;border-radius:13px;flex:0 0 51px}.studio-lesson-main{flex:1;min-width:0}.studio-lesson-main h3{margin:0 0 4px;font-size:19px}.studio-lesson-main p{margin:0 0 5px}.studio-lesson-main small{color:#73877b}.studio-lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:22px;align-items:start}.studio-lesson-body{margin-bottom:17px}.studio-lesson-body h2{font-size:23px}.studio-lesson-aside{display:grid;gap:16px;position:sticky;top:110px}.studio-lesson-aside .btn{font-size:12px;text-align:center}.studio-readable{color:#344d41;line-height:1.95;font-size:15px;overflow-wrap:anywhere}.studio-quiz>label{display:block;font-size:13px;font-weight:700;margin:15px 0 7px}.studio-quiz fieldset{border:1px solid #dde8df;border-radius:13px;margin:19px 0;padding:17px}.studio-quiz legend{font-weight:750;color:#315845}.studio-choice{display:flex;gap:10px;align-items:start;padding:12px;margin:7px 0;background:#f6f9f6;border:1px solid #e1eae4;border-radius:10px;font-size:13px}.studio-choice input{accent-color:#1f7a62}.studio-success{border-radius:11px;background:#e1f5e9;color:#1f7048;font-weight:800;padding:15px}.studio-creation .studio-readable{background:#f8faf8;padding:18px;border-radius:12px;margin-top:18px}
@media(max-width:1040px){.studio-shell{grid-template-columns:205px minmax(0,1fr)}.studio-sidebar{padding:20px 14px}.studio-mode-card{padding:23px}.studio-lesson-layout{grid-template-columns:1fr}.studio-lesson-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.studio-mode-grid{grid-template-columns:1fr}.studio-mode-card{min-height:210px}.studio-shell{grid-template-columns:1fr}.studio-sidebar{position:static;max-height:none}.studio-menu{display:flex;flex-wrap:wrap;gap:3px}.studio-recent{display:flex;overflow-x:auto}.studio-recent a{min-width:130px}.studio-recent a small{display:block}.studio-sidebar-note{display:none}.studio-chat-heading h1{font-size:29px}.studio-bubble{max-width:98%}.studio-lesson-aside{grid-template-columns:1fr}.studio-compose-footer{align-items:flex-start;flex-direction:column}.studio-compose-footer button{align-self:flex-end}.studio-lesson-card{gap:13px}.studio-lesson-number{height:39px;width:39px;flex-basis:39px}}


.studio-agenda-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e8eee8;padding:16px 1px;color:#2d5b47}
.studio-agenda-row:last-child{border-bottom:0}.studio-agenda-row:hover strong{color:var(--green)}
.studio-agenda-dot{display:grid;place-items:center;background:#eaf5ea;border-radius:10px;width:36px;height:36px;flex:0 0 36px;color:#2b835e}
.studio-agenda-row>span:nth-child(2){flex:1;min-width:0}.studio-agenda-row strong{display:block;font-size:14px;line-height:1.45}
.studio-agenda-row small{display:block;color:#72887b;font-size:11px;margin-top:4px;overflow-wrap:anywhere}

/* Smart Advice v0.7 — interview-led onboarding and trustworthy discovery */
:root{--app-teal:#173d37;--app-ink:#193d34}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.welcome-agent-shell{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:30px;align-items:start}
.welcome-agent-main{min-width:0}.welcome-agent-main>h1{font-size:clamp(34px,4.4vw,55px);margin:14px 0}
.welcome-intro{color:#657d71;max-width:690px;font-size:16px;line-height:1.8}
.welcome-agent-aside{background:linear-gradient(150deg,#173d37,#25654c);padding:31px;border-radius:23px;color:#f1fff6;position:sticky;top:105px}
.welcome-agent-aside h3{color:#fff;font-size:25px;line-height:1.25}
.welcome-agent-aside p{color:#d0e7d8;font-size:13px;line-height:1.75}
.welcome-side-icon{height:56px;width:56px;background:#d5f0d8;color:#22724f;display:grid;place-items:center;border-radius:16px;font-size:28px}
.welcome-side-feature{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-top:1px solid rgba(255,255,255,.15);color:#e2f6e8;font-size:13px;font-weight:650}
.welcome-side-feature span{color:#edf9f0}
.welcome-agent-aside .welcome-aside-footer{font-size:11px;color:#b4d3c2;padding-top:16px;border-top:1px solid rgba(255,255,255,.15)}
.welcome-progress-title{display:flex;justify-content:space-between;gap:16px;margin:30px 0 4px;font-size:13px;color:#69806e}
.welcome-progress-title strong{color:#24674c}.welcome-progress{height:10px;margin:10px 0 24px}
.welcome-question-card{background:white;border:1px solid #d8e7db;border-radius:23px;padding:clamp(23px,4vw,39px);box-shadow:0 14px 37px rgba(22,73,46,.05)}
.welcome-question-card h2{font-size:clamp(24px,3.1vw,32px);margin:22px 0 13px}
.welcome-agent-label{display:flex;align-items:center;gap:10px;color:#267a55;font-size:12px}
.welcome-agent-label span{display:grid;place-items:center;background:#e5f5e8;border-radius:50%;width:34px;height:34px;font-size:18px}
.welcome-hint{color:#61776d;font-size:14px}
.welcome-answer-form{margin-top:25px}.welcome-answer-form textarea{width:100%;min-height:110px;font-size:16px;resize:vertical}
.welcome-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.welcome-option{display:flex;align-items:center;gap:11px;padding:15px 13px;background:#f8faf8;border:1px solid #dce8df;border-radius:13px;min-height:62px;cursor:pointer;line-height:1.5;font-size:14px;color:#2a5442}
.welcome-option:hover,.welcome-option:has(input:checked){border-color:#539b6c;background:#eaf7ec}
.welcome-option input[type=radio]{width:18px;height:18px;flex:0 0 18px;accent-color:#1d8561}
.welcome-form-actions{display:flex;justify-content:flex-end;margin-top:21px}
.welcome-back-form{margin-top:18px}.welcome-back-form button{font-size:13px;color:#54816a;min-height:44px}
.welcome-message{display:flex;align-items:flex-start;gap:18px;background:#e8f6ec;border:1px solid #cbe5d1;border-radius:17px;padding:23px;margin:30px 0}
.welcome-bubble{height:44px;width:44px;flex:0 0 44px;background:#207956;border-radius:15px;color:#fff;display:grid;place-items:center;font-weight:bold;font-size:23px}
.welcome-message h2{font-size:23px;margin:0}.welcome-message p{color:#4d7662;margin:9px 0}
.welcome-summary{display:grid;gap:8px;background:white;border:1px solid #dce8df;border-radius:19px;padding:22px}
.welcome-summary-row{display:flex;flex-direction:column;gap:5px;padding:13px 0;border-bottom:1px solid #e8efe8}
.welcome-summary-row:last-child{border-bottom:0}.welcome-summary-row small{color:#6c8474;font-size:12px}.welcome-summary-row strong{color:#274f40;font-size:14px;overflow-wrap:anywhere}
.welcome-confirm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.welcome-confirm-actions form{margin:0}
.welcome-restart{margin-top:25px;display:grid;gap:6px}.welcome-restart button{width:max-content;color:#247454;font-weight:700}.welcome-restart small{color:#6c8474}
.studio-discovery-promise{background:#e8f4ed;border-radius:14px;padding:13px 18px;color:#256a4d;font-size:13px;line-height:1.7;margin:16px auto 18px;max-width:530px}
.studio-diagnostic-state{border:1px solid #cfe2d4;background:#f2f9f4;border-radius:14px;padding:14px 17px;margin:18px 0}
.studio-diagnostic-label{display:flex;gap:12px;justify-content:space-between;align-items:center;color:#247451;font-size:12px}
.studio-diagnostic-label span{color:#69877a;font-size:11px;white-space:nowrap}.studio-diagnostic-state p{color:#678473;font-size:12px;margin:10px 0 0}
.studio-diagnostic-bar{height:7px;background:#dcebe0;overflow:hidden;border-radius:7px;margin-top:11px}
.studio-diagnostic-bar span{display:block;background:linear-gradient(90deg,#39895e,#8fc29d);height:100%;border-radius:7px}
.studio-brief-review{background:#f8fcf9;border:1px solid #cce3d3;border-radius:19px;padding:24px;margin:22px 0}
.studio-brief-review h2{font-size:23px;margin:8px 0}.studio-brief-review>p{font-size:13px;color:#61766b}
.studio-brief-summary{display:grid;gap:10px;margin:18px 0}
.studio-brief-answer{background:white;border:1px solid #e0ece3;border-radius:12px;padding:13px 16px}
.studio-brief-answer strong{color:#234a38;font-size:13px}.studio-brief-answer p{color:#65796d;font-size:13px;margin:8px 0}
.studio-brief-answer details{font-size:12px}.studio-brief-answer summary{color:#33845c;font-weight:700;cursor:pointer;padding:9px 0;min-height:42px}
.studio-brief-answer details[open]{border-top:1px solid #e7efe8;margin-top:10px}
.studio-brief-answer textarea{width:100%;margin-bottom:9px;font-size:15px}
.studio-brief-review .studio-proposal-actions{margin-top:18px}.studio-brief-review .studio-proposal-actions button{white-space:normal}
.studio-confirm-note{font-weight:750;color:#417858!important}
.studio-composer-paused{border:1px solid #d3e5d8;background:#e9f5ed;border-radius:13px;padding:16px;margin-top:18px;color:#2b7454;font-size:13px}

/* App navigation, desktop unchanged; tablet/mobile use a keyboard-accessible drawer. */
.app-menu-toggle,.app-menu-close,.app-nav-mobile-header{display:none}
.app-menu-backdrop[hidden]{display:none!important}
.app-bottom-nav{display:none}
.app-navigation{gap:12px}
.app-navigation a,.app-navigation .nav-text{font-size:12px}
.nav-symbol{display:none}
.app-menu-toggle{width:48px;height:48px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #dae7de;background:#f7faf8;border-radius:13px;cursor:pointer}
.app-menu-toggle span{width:21px;height:2px;border-radius:2px;background:#285b47}
.app-menu-close{background:transparent;border:0;font-size:31px;color:#285b47;cursor:pointer;height:44px;width:44px}
.app-menu-backdrop{position:fixed;inset:0;background:rgba(8,38,27,.55);z-index:90}
body.app-menu-open{overflow:hidden}
@media(max-width:1100px){
  .app-menu-toggle{display:flex;flex:0 0 48px}
  .app-nav-container{flex-direction:row;align-items:center;padding:10px 0;min-height:70px}
  .app-navigation{position:fixed;right:0;top:0;width:min(340px,90vw);height:100dvh;z-index:110;
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px;
    background:#fff;box-shadow:-22px 0 60px rgba(13,49,30,.13);
    padding:18px 19px calc(30px + env(safe-area-inset-bottom));
    overflow-y:auto;overscroll-behavior:contain;
    transform:translateX(110%);visibility:hidden;opacity:0;transition:transform .22s ease,opacity .22s ease,visibility .22s}
  .app-navigation.is-open{transform:translateX(0);visibility:visible;opacity:1}
  .app-navigation .app-nav-mobile-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6ece7;margin-bottom:12px;padding-bottom:14px}
  .app-nav-mobile-header>span{font-size:14px;font-weight:850;letter-spacing:.08em;color:#214d3d}
  .app-nav-mobile-header small{display:block;font-size:9px;letter-spacing:.16em;color:#77a189}
  .app-menu-close{display:block}
  .app-navigation a{min-height:48px;display:flex;align-items:center;gap:13px;border-radius:11px;padding:10px 13px;font-size:14px;color:#285844;font-weight:750}
  .app-navigation a:hover{background:#e9f4ec;color:#195d3f}
  .app-navigation .nav-symbol{display:inline-block;width:20px;font-size:22px;text-align:center;color:#328862}
  .app-navigation .app-profile-link{background:#eaf5ee;margin-top:7px}
  .app-navigation .app-nav-logout{margin:9px 0;padding-top:12px;border-top:1px solid #e5eee7}
  .app-navigation .app-nav-logout .nav-text{text-align:left;padding:14px;width:100%;font-size:14px;min-height:48px}
}
@media(max-width:840px){
  body{background:#f4f7f5;overflow-x:hidden}
  .app-topbar{box-shadow:0 4px 18px rgba(14,46,32,.045)}
  .app-main{padding-top:26px;padding-bottom:calc(114px + env(safe-area-inset-bottom))}
  .app-footer{display:none}
  .app-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);
    align-items:stretch;gap:0;background:#fff;border-top:1px solid #dce8df;
    padding:7px max(8px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right));
    box-shadow:0 -8px 30px rgba(18,45,33,.08)}
  .app-bottom-nav a{display:flex;min-height:56px;flex-direction:column;gap:1px;justify-content:center;align-items:center;
    color:#829389;border-radius:12px;font-size:12px;font-weight:750;min-width:0}
  .app-bottom-nav a span{font-size:24px;line-height:1.2}
  .app-bottom-nav a small{font-size:10px;white-space:nowrap}
  .app-bottom-nav a[aria-current=page]{background:#eaf4ed;color:#17684b}
  .welcome-agent-shell{grid-template-columns:1fr;gap:19px}
  .welcome-agent-aside{position:static;order:2}
  .welcome-agent-main{order:1}.welcome-intro{font-size:15px}
  .studio-brief-review{padding:17px}.studio-brief-review h2{font-size:21px}
  .studio-sidebar{display:none}
  .studio-shell{display:block}
  .studio-chat{border:0;padding:17px;box-shadow:0 8px 24px rgba(17,54,35,.04);border-radius:20px}
  .studio-turns{max-height:52dvh;margin:16px 0}
  .studio-composer{position:sticky;bottom:calc(74px + env(safe-area-inset-bottom));z-index:5;
    box-shadow:0 -6px 22px rgba(14,48,30,.08);padding:12px}
  .studio-composer textarea{min-height:78px;font-size:16px}
  .studio-bubble{padding:13px 14px}
  .studio-hero{padding:clamp(26px,5vw,44px);border-radius:22px}
  .studio-hero h1{font-size:clamp(37px,8vw,60px)}
  .studio-hero p{font-size:16px}
  .studio-mode-card{min-height:190px}
  .card{border-radius:16px;padding:20px}
  .heading{margin-bottom:20px}
  input:not([type=checkbox]),select,textarea{font-size:16px}
}
@media(max-width:530px){
  .app-brand img{width:47px;height:32px}
  .app-brand{font-size:11px;gap:6px}
  .app-brand small{font-size:8px}
  .app-main{padding-top:18px}
  .welcome-question-card{padding:21px 17px;border-radius:19px}
  .welcome-option-grid{grid-template-columns:1fr;gap:9px}
  .welcome-option{min-height:54px;padding:10px 12px}
  .welcome-confirm-actions{flex-direction:column}
  .welcome-confirm-actions form,.welcome-confirm-actions button{width:100%}
  .welcome-agent-aside{padding:22px}
  .studio-chat{padding:13px}
  .studio-chat-heading{align-items:flex-start}
  .studio-chat-heading h1{font-size:27px}
  .studio-chat-heading .badge{display:none}
  .studio-welcome{padding:28px 2%}
  .studio-welcome h3{font-size:22px}
  .studio-proposal-actions{flex-direction:column;align-items:stretch}
  .studio-proposal-actions form,.studio-proposal-actions .btn{width:100%;text-align:center}
  .studio-diagnostic-state{padding:12px}
  .studio-bubble{max-width:100%}
  .studio-lesson-card{align-items:flex-start}
  .studio-lesson-card .badge{font-size:10px}
  .app-bottom-nav a small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.app-navigation,.studio-mode-card{transition:none!important}}

/* ACADEMY 0.8: real conversational classroom, practical submissions & coaching */
.academy-room{max-width:1250px;margin:0 auto;padding-bottom:35px}
.academy-room-crumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;margin:2px 0 15px;color:#728478}
.academy-room-crumb a{color:#287050;font-weight:650}.academy-room-crumb strong{color:#3a6550}
.academy-room-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;overflow:hidden;
background:radial-gradient(ellipse at 87% 23%,rgba(128,217,158,.3),transparent 40%),linear-gradient(125deg,#10392f,#1e6149 77%);
color:#f4fff7;border-radius:25px;padding:clamp(27px,4.5vw,52px);margin-bottom:19px}
.academy-room-hero-copy{position:relative;z-index:1;max-width:830px}
.academy-room-hero .eyebrow{color:#b7e6c7}
.academy-room-hero h1{color:#fff;line-height:1.1;font-size:clamp(31px,4.3vw,54px);letter-spacing:-.04em;margin:15px 0}
.academy-room-hero p{color:#d2e9d9;max-width:730px;line-height:1.8;font-size:15px;margin:0}
.academy-room-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.academy-room-hero-tags span{color:#e6f8ec;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);
padding:7px 11px;border-radius:15px;font-size:11px;font-weight:700}
.academy-hero-orbit{width:125px;height:125px;display:grid;place-items:center;flex:0 0 125px;border:2px solid rgba(203,253,210,.27);
border-radius:30px;transform:rotate(18deg);margin-right:32px}
.academy-hero-orbit span{font-size:65px;color:#c3ebc7;transform:rotate(-18deg)}
.academy-learning-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:23px}
.academy-learning-steps>div{background:#fff;border:1px solid #e0eae2;border-radius:15px;padding:15px 17px;display:flex;
align-items:center;flex-wrap:wrap;gap:6px 10px;color:#6c8375}
.academy-learning-steps>div>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e8efea;
font-size:11px;color:#47715c;font-weight:850}
.academy-learning-steps>div>strong{font-size:13px;color:#426f54}
.academy-learning-steps>div>small{flex-basis:100%;font-size:11px;color:#819184}
.academy-learning-steps>.current{background:#eaf6ed;border-color:#8bc7a1}
.academy-learning-steps>.current>span{background:#227d57;color:#fff}
.academy-learning-steps>.passed>span{background:#d8ecdd;color:#17784e}
.academy-learning-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:21px;align-items:start}
.academy-learning-main{min-width:0}.academy-learning-aside{position:sticky;top:109px;display:grid;gap:16px}
.academy-intro-card{border:1px solid #d9e7de;border-radius:19px;background:#fff;padding:clamp(20px,3vw,31px);margin-bottom:19px}
.academy-card-kicker{font-size:11px;letter-spacing:.13em;color:#29845c;font-weight:800}
.academy-intro-card h2{font-size:25px;color:#234d3b;margin:13px 0 9px}
.academy-intro-card>p{font-size:15px;line-height:1.83;color:#4d6d59;max-width:770px}
.academy-intro-bottom{border-top:1px solid #e7f0e9;margin-top:20px;padding-top:13px;font-size:12px;color:#718778}
.academy-intro-bottom details{margin-top:12px}
.academy-intro-bottom summary{cursor:pointer;font-weight:800;color:#25855a;min-height:38px}
.academy-reference{padding:19px;margin-top:7px;border:1px solid #e4eee7;border-radius:13px;background:#f7faf8;
font-size:14px;line-height:1.9;color:#36584a;max-height:360px;overflow:auto;overflow-wrap:anywhere}
.academy-live-chat{background:#fff;border:1px solid #d9e8df;border-radius:19px;overflow:hidden;box-shadow:0 13px 31px rgba(12,56,30,.045);margin-bottom:18px}
.academy-chat-header{display:flex;align-items:center;gap:13px;background:#f5faf6;border-bottom:1px solid #e1ece4;padding:15px 20px}
.academy-tutor-avatar{display:grid;place-items:center;background:#d6efdc;color:#23734b;font-size:25px;width:45px;height:45px;
border-radius:14px;flex:0 0 45px}
.academy-chat-header>div:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.academy-chat-header strong{font-size:14px;color:#214b35}
.academy-chat-header small{font-size:11px;color:#748a79}
.academy-live-dot{border-radius:30px;padding:6px 10px;background:#deede5;color:#2e8057;font-size:10px;font-weight:900}
.academy-chat-turns{display:flex;flex-direction:column;gap:18px;overflow-y:auto;overflow-wrap:anywhere;
max-height:min(68vh,650px);min-height:220px;padding:24px 19px;scrollbar-color:#cadfd0 #fff}
.academy-chat-message{max-width:min(88%,680px);font-size:14px;line-height:1.9;padding:17px 19px;border-radius:17px}
.academy-chat-teacher{align-self:flex-start;background:#f3f8f4;color:#274b38;border-bottom-left-radius:5px;border:1px solid #e2efe5}
.academy-chat-learner{align-self:flex-end;background:#dcefe4;color:#164d34;border-bottom-right-radius:5px}
.academy-chat-message-title{font-size:11px;font-weight:850;color:#1b8555;margin-bottom:7px}
.academy-chat-message-text{font-size:14px;white-space:normal;overflow-wrap:anywhere}
.academy-chat-message>small{display:block;text-align:right;font-size:10px;color:#7e9485;margin-top:9px}
.academy-chat-quick{padding:0 17px 13px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.academy-chat-quick>span{flex-basis:100%;font-size:11px;color:#859789}
.academy-chat-quick button{background:#fff;border:1px solid #d4e6da;border-radius:23px;padding:8px 11px;
font-size:11px;color:#357453;cursor:pointer}
.academy-chat-quick button:hover{background:#e8f5ed;border-color:#83b799}
.academy-chat-form{margin:0;padding:15px 19px 18px;background:#f6f9f6;border-top:1px solid #e4eee6}
.academy-chat-form label,.academy-submit-form label{font-size:12px;color:#2c6b49;font-weight:800;display:block;margin-bottom:7px}
.academy-chat-form textarea,.academy-submit-form textarea{background:#fff;border-radius:13px;resize:vertical;min-height:87px;
width:100%;font-size:16px;line-height:1.6}
.academy-chat-form-bottom,.academy-submit-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px}
.academy-chat-form-bottom small,.academy-submit-bottom small{font-size:11px;color:#829587;line-height:1.5;max-width:410px}
.academy-chat-form-bottom .btn,.academy-submit-bottom .btn{flex:0 0 auto;min-height:42px}
.academy-chat-form button:disabled,.academy-submit-form button:disabled,.academy-attestation button:disabled{opacity:.6;cursor:wait}
.academy-practice-invitation{display:flex;gap:18px;border-radius:19px;border:1px solid #bfe1c5;
background:linear-gradient(135deg,#e7f5ea,#f4faf4);padding:27px;margin:0 0 23px}
.academy-practice-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:#2c8056;
color:#fff;font-size:26px;flex:0 0 49px}
.academy-practice-invitation h2{font-size:23px;margin:9px 0}
.academy-practice-invitation p{font-size:13px;color:#5a7863;line-height:1.8}
.academy-practice-invitation .btn{margin:12px 0}
.academy-practice-invitation small{display:block;font-size:11px;color:#7c9380}
.academy-practice-workshop{background:#fff;border:1px solid #cfe5d4;border-radius:20px;padding:clamp(19px,3vw,29px);margin-bottom:23px}
.academy-practice-workshop h2{font-size:27px;margin:13px 0}
.academy-assignment-text{background:#f6f9f5;border-left:3px solid #5dad73;border-radius:9px;padding:19px;
line-height:1.95;font-size:14px;color:#3e5d46;white-space:normal;overflow-wrap:anywhere}
.academy-criteria{margin:24px 0;background:#f2f8f2;border-radius:14px;padding:18px 21px;border:1px solid #e0eee1}
.academy-criteria h3{font-size:16px;color:#295b3d;margin:0 0 11px}
.academy-criteria ol{padding-left:21px;margin:0}.academy-criteria li{margin:8px 0;color:#497359;font-size:13px;line-height:1.7}
.academy-submission-panel{margin-top:26px;padding:21px;border-radius:15px;border:1px solid #d6e7d7;background:#fff}
.academy-submission-panel h3{font-size:21px;margin:9px 0 8px}
.academy-submission-panel p{color:#62816a;font-size:13px;line-height:1.75}
.academy-submit-form{margin-top:18px}.academy-submit-form textarea{min-height:190px;font-size:15px}
.academy-review-panel{margin-top:20px;padding:22px;border-radius:15px;background:#f9fcf9;border:1px solid #bbddc6}
.academy-review-panel h3{font-size:21px;margin:12px 0}
.academy-review-panel>p{font-size:14px;line-height:1.9;color:#41604c}
.academy-rubric-list{display:grid;gap:11px;margin-top:17px}
.academy-rubric-row{border-radius:12px;padding:13px 15px;border:1px solid #e0e9e0;background:#fff}
.academy-rubric-row.met{border-color:#bbdec7;background:#f2fbf4}
.academy-rubric-row.unmet{border-color:#eddbb6;background:#fffaf1}
.academy-rubric-row strong{font-size:13px;color:#385743;display:block}
.academy-rubric-row small{display:block;margin-top:8px;font-size:12px;color:#5e7665;line-height:1.7}
.academy-rubric-row p{margin:9px 0 0;font-size:12px;color:#657b65;line-height:1.7}
.academy-attestation{padding:17px;margin:18px 0 0;background:#e7f4ea;border:1px solid #b4dcc0;border-radius:13px}
.academy-attestation label{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#2d6141;line-height:1.7;font-weight:650}
.academy-attestation input{width:18px;height:18px;flex:0 0 18px;accent-color:#258a5e}
.academy-attestation .btn{margin-top:16px;max-width:100%;white-space:normal}
.academy-revision-tip{font-weight:700}
.academy-ready-banner{display:flex;gap:14px;border:1px solid #b4d9c0;background:#eaf7ed;padding:22px;border-radius:14px;margin:22px 0}
.academy-ready-banner>span{display:grid;place-items:center;background:#25945f;color:#fff;border-radius:12px;flex:0 0 44px;
width:44px;height:44px;font-size:23px}
.academy-ready-banner h3{font-size:21px;margin:0}.academy-ready-banner p{font-size:13px;color:#50745d}
.academy-ready-banner .btn{margin-top:12px}
.academy-attempt-history{margin-top:22px;border:1px solid #e3ece5;border-radius:11px;padding:12px}
.academy-attempt-history>summary{font-size:13px;font-weight:800;color:#3c8053;cursor:pointer}
.academy-attempt{padding:14px 10px;border-top:1px solid #e2ebe3;margin-top:10px;overflow-wrap:anywhere}
.academy-attempt strong{font-size:12px;color:#497558}.academy-attempt p{font-size:12px;color:#516d58;line-height:1.8}
.academy-aside-card{border:1px solid #d9e8de;background:#fff;border-radius:17px;padding:21px}
.academy-aside-card h3{font-size:18px;color:#28513c;margin:14px 0}
.academy-aside-card .progress{margin:18px 0 8px}
.academy-aside-card small{font-size:11px;color:#758677}
.academy-aside-card p{font-size:13px;color:#667d6b;line-height:1.8}
.academy-aside-card.subtle{background:#f4faf5}
.academy-aside-link{display:block;margin-top:18px;color:#267b51;font-weight:800;font-size:12px}
.academy-room-date{font-size:11px;color:#7d9383;border-top:1px solid #dfede2;padding-top:15px;margin-top:18px}
@media(max-width:1024px){.academy-learning-layout{grid-template-columns:minmax(0,1fr) 220px}.academy-hero-orbit{margin-right:5px;width:95px;height:95px;flex-basis:95px}}
@media(max-width:790px){.academy-learning-layout{grid-template-columns:1fr}.academy-learning-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr));grid-row:2}
.academy-chat-turns{max-height:58dvh}.academy-room-hero{padding:30px}
.academy-learning-steps{gap:7px}.academy-learning-steps>div{padding:10px}.academy-learning-steps>div>small{display:none}}
@media(max-width:540px){.academy-room-hero{padding:25px 20px;border-radius:20px}.academy-room-hero h1{font-size:30px}
.academy-room-hero p{font-size:13px}.academy-hero-orbit{display:none}.academy-room-hero-tags span{font-size:10px;padding:5px 8px}
.academy-learning-steps>div{padding:9px 7px;justify-content:center}.academy-learning-steps>div strong{font-size:11px}.academy-learning-steps>div>span{font-size:10px}
.academy-intro-card,.academy-practice-workshop{padding:19px 16px}
.academy-chat-turns{padding:17px 12px;gap:13px;max-height:55dvh;min-height:230px}
.academy-chat-message{max-width:96%;padding:13px;font-size:13px}
.academy-chat-form{padding:13px 12px 15px}.academy-chat-header{padding:12px}
.academy-chat-quick{padding:0 12px 14px}
.academy-chat-form-bottom,.academy-submit-bottom{flex-direction:column;align-items:stretch}
.academy-chat-form-bottom button,.academy-submit-bottom button{width:100%}
.academy-learning-aside{grid-template-columns:1fr}
.academy-practice-invitation{padding:20px 15px;gap:11px}.academy-practice-icon{width:36px;height:36px;flex-basis:36px}
.academy-practice-invitation .btn{white-space:normal}
.academy-ready-banner{padding:15px}.academy-ready-banner .btn{white-space:normal}
.academy-attestation .btn{width:100%}}


.academy-legacy-progress-note{padding:12px 15px;margin:14px 0;background:#edf6ed;
border:1px solid #d5e7d6;border-radius:11px;color:#3b7255;font-size:12px;line-height:1.75}