:root{--bg:#0b1c23;--surface:#142e37;--surface2:#1b3942;--ink:#f6f2e9;--muted:#bdcfd1;--line:#45646c;--gold:#f0ca7b;--mint:#a5e2cd}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:auto}body{margin:0;background:radial-gradient(ellipse at 95% 0%,#254b5180,transparent 50%),var(--bg);color:var(--ink);font:16px/1.7 system-ui,sans-serif}a{color:var(--mint)}button,input,textarea,select{font:inherit}button,a,summary,input,textarea{touch-action:manipulation}button{cursor:pointer;background:#193640;border:1px solid #6a8a92;border-radius:9px;color:var(--ink);min-height:48px;padding:12px 18px;font-size:14px;font-weight:650}button:hover{background:#254650;border-color:var(--gold)}button:disabled{opacity:.6;cursor:default}button[aria-pressed=true]{border-color:var(--gold);background:#3c3d2c;color:#ffe6b7}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400}h2{font-size:32px;line-height:1.25}h3{font:650 17px/1.5 system-ui;margin-bottom:12px}p{margin-bottom:18px}.shell{max-width:1240px;margin:auto;padding:24px 36px!important}.eyebrow,.tiny-label,.card-kicker{font:700 10px/1.7 system-ui;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold)}.fine{font:13px/1.8 system-ui;color:var(--muted)}.lead{font-size:22px;line-height:1.6;max-width:590px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--gold);border:1px solid var(--gold);border-radius:9px;color:#14272c!important;text-decoration:none;padding:14px 23px;min-height:52px;font:750 14px/1.5 system-ui}.primary:hover{background:#ffe0a1;color:#14272c;border-color:#ffe0a1}.skip-link{position:fixed;top:-80px;left:20px;z-index:700;padding:12px 18px;background:var(--gold);color:#10232b}.skip-link:focus{top:10px}.studio-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding:65px 0 75px}.studio-hero h1{font-size:clamp(48px,6.4vw,80px);letter-spacing:-2px;line-height:1.07;margin:20px 0 28px}.studio-hero em{font-weight:400;color:var(--gold)}.hero-copy{color:var(--muted);max-width:540px}.studio-hero .fine{margin:16px 0 0}.hero-scene{position:relative;padding:30px;background:linear-gradient(145deg,#284850,#142f38);border:1px solid #6e8d92;border-radius:20px;box-shadow:0 28px 80px #0003}.scene-label{font:600 12px/1.6 system-ui;color:#c2d8d9}.message-bubble{font:27px/1.5 Georgia;margin:30px 0;padding-bottom:26px;border-bottom:1px solid #57757d}.reply-preview{padding:0 0 0 18px;border-left:2px solid var(--mint)}.reply-preview p{font-size:14px;color:#d6e5e3;margin:8px 0}.scene-footer{display:block;text-align:right;color:var(--mint);font:600 12px system-ui;margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.section-heading h2{max-width:600px;margin-bottom:0}.section-heading>.fine{max-width:330px;margin:0}.catalogue{border-top:1px solid var(--line);padding-top:38px;scroll-margin-top:16px}.mode-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0}.mode-choice{text-align:left;display:grid;grid-template-columns:30px 1fr;gap:6px 8px;background:#132d36;padding:20px}.mode-choice strong{font-size:16px}.mode-choice>span:last-child{grid-column:2;font:13px/1.7 system-ui;color:#c6d5d5}.mode-number{color:var(--mint);font-size:11px;line-height:26px}.catalogue-tools{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:28px 0}.catalogue-tools label{font-size:12px;max-width:450px;width:100%}input[type=search]{display:block;width:100%;border:1px solid #6a8a92;border-radius:8px;background:#102831;color:var(--ink);font-size:16px;padding:13px 16px;margin-top:8px;min-height:48px}.catalogue-tools p{margin:0 0 12px}.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}.scenario-card{display:flex;flex-direction:column;gap:18px;text-align:left;padding:25px;background:linear-gradient(130deg,#1d3c45,#132d36);border-color:#52747d;min-width:0;transition:transform .15s}.scenario-card:hover{transform:translateY(-2px)}.scenario-card strong{font:400 26px/1.3 Georgia}.card-kicker{font-size:9px}.card-message{font:14px/1.8 system-ui;color:#c7d9db}.card-link{font:650 12px/1.6 system-ui;color:var(--mint);margin-top:auto}.method{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:30px;border-block:1px solid var(--line);padding:35px 0;margin:70px 0;scroll-margin-top:16px}.method h2{margin:10px 0}.method h3{font-size:15px}.method p:not(.eyebrow){font-size:14px;color:var(--muted)}.trust-note{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;scroll-margin-top:16px}.trust-note p{font-size:14px;color:var(--muted)}#practice-studio{scroll-margin-top:16px;padding-top:25px;max-width:1000px;margin:auto}.session-toolbar{display:flex;gap:15px;justify-content:space-between;align-items:center}.session-toolbar button{font-size:12px}.pill{font-size:12px;color:var(--mint)}.session-heading{margin:40px 0 28px}.session-heading h1{font-size:clamp(34px,5vw,52px);line-height:1.15;letter-spacing:-1px;margin-bottom:18px}.session-heading h1:focus{outline:none}.step-progress{display:flex;padding:0;margin:0 0 30px;gap:8px;list-style:none}.step-progress li{flex:1;border-top:2px solid #42636d;padding:13px 8px 0;color:var(--muted);font:12px/1.5 system-ui;min-width:0}.step-progress li>span:first-child{display:block;font-size:10px;letter-spacing:1px;margin-bottom:6px}.step-progress li[aria-current]{border-color:var(--gold);color:var(--gold)}.step-progress .visited{border-color:var(--mint);color:var(--mint)}#session-content{max-width:100%;min-width:0}#session-content>h2{margin-top:25px}.quote-card{background:linear-gradient(135deg,#24434c,#17343e);border:1px solid #66868e;border-left:3px solid var(--gold);border-radius:12px;padding:25px;margin:22px 0}.quote-card blockquote{font:23px/1.6 Georgia;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.studio-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 32px}.evidence-record{background:#122d36;border:1px solid #496d77;border-radius:9px;padding:17px;align-self:start}.evidence-record summary{font-size:13px;font-weight:650;cursor:pointer;min-height:24px}.evidence-record p{font-size:14px;color:#ccdcdf;margin:15px 0 0;line-height:1.85}.field-label{display:block;font-weight:650;font-size:16px;margin:25px 0 10px}textarea{display:block;width:100%;resize:vertical;padding:16px 18px;color:var(--ink);background:#0d252f;border:1px solid #7d9aa1;border-radius:9px;line-height:1.8;font-size:16px;min-height:130px;margin-bottom:24px}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:35px}fieldset{border:0;margin:24px 0;padding:0;min-width:0}legend{font:650 16px/1.6 system-ui;margin-bottom:12px}.selection-card{display:flex;align-items:start;gap:12px;padding:14px;margin:12px 0;background:#16323d;border:1px solid #547680;border-radius:9px;font:14px/1.7 system-ui;cursor:pointer}.selection-card input{flex:none;width:18px;height:18px;accent-color:var(--mint);margin:3px 0 0}.selection-card span{min-width:0}.selection-card strong{font-size:14px}.selection-card small{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:8px}.practice-prompt{border-left:2px solid var(--mint);padding:12px 18px;background:#173b3c88;color:#d7eae5;font-size:15px;margin:22px 0}.panel,.update-card{border:1px solid #60818b;border-radius:11px;padding:24px;background:#17343e;margin:25px 0}.panel p,.update-card p{font-size:15px;line-height:1.85;margin-bottom:0}.update-card{border-color:var(--mint);background:#193b3c}.reaction-options,.button-row{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.reaction-options button{flex:1}.draft-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.draft-comparison .quote-card blockquote{font:16px/1.9 system-ui}.sample-drawer{padding:20px;border:1px solid #5d7c85;border-radius:10px;margin:25px 0;background:#17323b}.sample-drawer>summary{cursor:pointer;font-weight:650}.sample-drawer .evidence-record{margin-top:16px}.sample-drawer p{font-size:14px}.completion-note{background:#204239;color:#ccf3df;border:1px solid #80bc9e;padding:18px;border-radius:10px}.session-actions{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--line);margin-top:25px}.session-actions .primary{margin-left:auto}.validation{color:#ffcf98;font-size:14px}.spoken-practice{border:1px solid #547780;border-radius:10px;padding:18px 22px;margin:30px 0 22px}.spoken-practice summary{cursor:pointer;font-size:14px;font-weight:650}.spoken-practice p{font-size:14px;margin:15px 0}.session-boundary{padding-top:10px}dialog{width:min(500px,calc(100% - 32px));border:1px solid #7d989e;border-radius:15px;padding:28px;background:#17343e;color:var(--ink)}dialog::backdrop{background:#030e14b8}dialog h2{font-size:27px}.about-page{max-width:900px;margin:45px auto}.about-page h1{font-size:clamp(40px,6vw,68px);line-height:1.12;letter-spacing:-1px}.about-page em{color:var(--gold);font-weight:400}.about-page section[id]{scroll-margin-top:16px}.about-page p{font-size:15px}.about-page .lead{font-size:22px}.about-page h2{font-size:27px}.about-page .panel{margin:22px 0}.contact-email{overflow-wrap:anywhere}.brand-footer{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:65px;padding:30px 0;font-size:13px;color:var(--muted)}.brand-footer strong{font-size:20px;color:var(--ink)}.brand-footer p{margin:8px 0}.brand-footer nav{display:flex;gap:24px;flex-wrap:wrap;align-items:start}.brand-footer a{overflow-wrap:anywhere}#copy-status{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:800px){.shell{padding:20px!important}.studio-hero{grid-template-columns:1fr;gap:32px;padding:35px 0 45px}.studio-hero h1{font-size:51px;letter-spacing:-1.7px}.lead{font-size:20px}.hero-scene{padding:24px}.message-bubble{font-size:25px}.section-heading{display:block}.section-heading>.fine{margin-top:18px}.section-heading h2{font-size:29px}.mode-choices{grid-template-columns:1fr;gap:10px}.mode-choice{padding:15px}.catalogue-tools{align-items:start;flex-direction:column;gap:10px}.catalogue-tools p{margin:0}.scenario-grid,.decision-grid,.draft-comparison,.studio-evidence,.trust-note{grid-template-columns:1fr}.scenario-card strong{font-size:24px}.method{grid-template-columns:1fr 1fr;gap:24px}.method>div:first-child{grid-column:1/-1}.method{margin:45px 0}.trust-note{gap:15px}.session-toolbar{flex-wrap:wrap;gap:10px}.pill{order:3;width:100%}.session-heading{margin-top:25px}.session-heading h1{font-size:36px}.step-progress li{font-size:10px;padding-inline:3px}.quote-card{padding:20px}.quote-card blockquote{font-size:21px}.reaction-options{flex-direction:column}.decision-grid{gap:0}.draft-comparison{gap:0}.draft-comparison .quote-card{margin:10px 0}.session-actions .primary{flex:1;gap:10px}.button-row{flex-direction:column}.brand-footer{margin-top:45px}.brand-footer nav{flex-direction:column;gap:12px}.about-page{margin:25px auto}.panel{padding:22px}.mode-choice:hover,.scenario-card:hover{transform:none}}@media(max-width:360px){.studio-hero h1{font-size:43px}.session-heading h1{font-size:31px}.shell{padding:16px!important}.method{grid-template-columns:1fr}.step-progress{gap:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

#recording-playback{display:block;width:100%;max-width:600px;margin:20px 0}

.fact-challenge{border:1px solid #88bda9;border-radius:12px;padding:24px;background:linear-gradient(120deg,#1f403e,#15303a);margin:28px 0}.fact-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.fact-options button{text-align:left;font-size:14px;font-weight:500;line-height:1.8}.fact-feedback{font-size:14px;line-height:1.9;margin:0;color:#d8eee3}.next-practice{border-top:1px solid var(--line);padding-top:25px;margin-top:30px}@media(max-width:800px){.fact-options{grid-template-columns:1fr}.fact-challenge{padding:20px}}

#situation-picker,#mode-choices{scroll-margin-top:16px}.picker-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--line);padding-top:28px;margin-top:32px}.picker-heading h2{font-size:28px;line-height:1.35;margin-bottom:12px}.picker-heading .fine{margin-bottom:0}.selection-confirmation{color:var(--mint);font-size:13px;font-weight:700;margin-bottom:12px}.selection-confirmation::before{content:'✓ ';}.picker-heading button{flex:none;font-size:12px}#situation-heading:focus{outline:none}@media(max-width:800px){.picker-heading{display:block}.picker-heading h2{font-size:26px}.picker-heading button{margin-top:18px}}

#case-topic{display:block;width:100%;max-width:100%;min-height:49px;margin-top:8px;padding:12px 14px;border:1px solid #6a8a92;border-radius:8px;background:#102831;color:var(--ink);font-size:15px}.catalogue-tools #result-count{min-width:170px;font-size:12px}#show-more-cases{display:block;margin:25px auto 32px}.scenario-card{scroll-margin-top:16px}@media(max-width:800px){.catalogue-tools label{max-width:none}}

.response-guide{border-left:2px solid var(--mint);padding:10px 18px;margin:20px 0}.response-guide summary{cursor:pointer;font-weight:650;font-size:14px}.response-guide p{font-size:14px;color:var(--muted);margin:15px 0 0}.revision-workshop{border:1px solid var(--mint);border-radius:12px;padding:24px;margin:30px 0;background:#173b3c}.revision-workshop h2{font-size:28px}.current-step-title{font:600 18px/1.5 system-ui;color:var(--mint);margin:20px 0}.current-step-title:focus{outline:2px solid var(--gold);outline-offset:6px}.revision-workshop .quote-card{margin-bottom:0}@media(max-width:800px){.revision-workshop{padding:18px}.revision-workshop h2{font-size:25px}}

.collection-browser{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:20px;margin:26px 0}.collection-browser label{display:block;font-weight:650;font-size:14px}.collection-browser select{display:block;width:100%;max-width:100%;margin:10px 0 14px;background:#102831;color:var(--ink);border:1px solid #6a8a92;border-radius:8px;min-height:50px;padding:12px 14px;font-size:16px}.collection-browser .fine{margin:0}.collection-browser select:focus-visible,#case-topic:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
