/* Direction two: the landing page's paper, blue ink, and drifting bridge. */
:root{--bg:#f7f5f0;--surface:#fff;--surface-2:#f0ede5;--border:#e2dfd6;--text:#1b2230;--text-soft:#5a6072;--brand:#2b59c3;--module:#2b59c3;--module-soft:#e4ecfb;--safer:#1f7a4d;--safer-soft:#e3f2ea;--caution:#9d670f;--caution-soft:#fbf0dc;--risky:#a93232;--risky-soft:#f8e6e3;--focus:#2b59c3;--radius:24px;--radius-sm:12px;--base-size:17px;--shadow:0 3px 5px #292e371f,0 16px 44px #292e3708}
[data-module="sarcasm_lab"]{--module:#2b59c3;--module-soft:#e4ecfb}[data-module="read_the_room"]{--module:#b8651c;--module-soft:#fbeede}[data-module="conversation_gym"]{--module:#166f63;--module-soft:#d8efea}[data-module="repair_coach"]{--module:#a23862;--module-soft:#f9e3ec}
html,body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Inter,sans-serif;font-size:var(--base-size);background:var(--bg);line-height:1.55;min-height:100%;height:auto}body{position:relative;isolation:isolate;padding:0;overflow-x:clip;min-height:100svh;display:flex;flex-direction:column}body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 10% 50%,#2b59c30c,transparent 45%),radial-gradient(ellipse at 87% 60%,#166f630d,transparent 48%),var(--bg)}
button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;line-height:1.4}button[hidden],[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:5px}h1:focus,h2:focus,.card-tab:focus{outline:none}.icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle}.skip-link{position:fixed;left:20px;top:-70px;z-index:100;border-radius:999px;background:var(--brand);color:#fff;padding:12px 22px}.skip-link:focus{top:20px}
header.topbar{width:min(1320px,100%);margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:17px 40px;background:transparent;border:0;position:relative;z-index:3;min-height:100px;flex-wrap:nowrap}.brand{width:min(280px,100%);display:block;text-decoration:none;mix-blend-mode:multiply}.brand img{display:block;width:100%;height:auto}.topbar-nav{display:flex;align-items:center;justify-content:center;gap:3px;padding:5px;border:1px solid #ddd9d1;background:#ffffff73;border-radius:999px;box-shadow:0 2px 10px #19243a03}.nav-link{display:flex;align-items:center;gap:6px;background:transparent;border:0;border-radius:999px;color:#737684;padding:10px 17px;min-height:43px;font-size:.83rem;font-weight:550;white-space:nowrap;text-decoration:none}.nav-link:hover{background:#ffffff96;color:var(--text)}.nav-link[aria-current="page"]{background:#fff;color:var(--brand);box-shadow:0 1px 4px #2d354a10}.nav-link.baseline-btn{font-size:.83rem}.saved-badge{font-size:.72rem;margin:0 0 0 2px;background:#e4ecfb;color:var(--brand);min-width:20px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;margin:0;gap:8px;min-width:0}.icon-btn,.quiet-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #ddd9d1;background:#ffffff70;color:var(--text-soft);border-radius:999px;padding:10px 16px;font-size:.83rem;font-weight:500;min-height:42px;white-space:nowrap;transition:background .16s,border-color .16s}.icon-btn .icon{width:17px;height:17px}.icon-btn:hover,.quiet-btn:hover{background:#fff;border-color:#adb6c9;color:var(--text)}
main{width:100%;max-width:1296px;margin:0 auto;padding:15px 40px 20px;min-width:0;flex:1}.home-hero{display:block;text-align:center;margin:0 auto 35px;padding:0;position:relative;max-width:740px;background:radial-gradient(ellipse,#f7f5f0d9,transparent 70%)}.home-hero .eyebrow{font-size:.73rem;font-weight:600;letter-spacing:.13em;color:#71798b;margin:4px 0 15px}.home-hero h1{font-size:clamp(2rem,3.7vw,2.65rem);line-height:1.12;letter-spacing:-.04em;font-weight:720;color:var(--text);margin:0 0 16px}.home-hero .home-lede{font-size:1rem;line-height:1.65;color:var(--text-soft);max-width:600px;margin:0 auto}.home-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;align-items:stretch}.home-module-card{--card-accent:#2b59c3;--card-tint:#e4ecfb;position:relative;display:flex;flex-direction:column;text-align:left;padding:21px;margin:0;min-width:0;border:1px solid #ffffffde;border-radius:22px;background:#ffffffc9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text);box-shadow:0 2px 8px #2e354808,0 12px 32px #2e354809;transition:transform .22s,box-shadow .22s,border-color .22s}.home-module-card[data-module-start="read_the_room"]{--card-accent:#b8651c;--card-tint:#fbeede}.home-module-card[data-module-start="conversation_gym"]{--card-accent:#166f63;--card-tint:#d8efea}.home-module-card[data-module-start="repair_coach"]{--card-accent:#a23862;--card-tint:#f9e3ec}.home-module-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--card-accent) 32%,white);box-shadow:0 4px 10px #29354b08,0 22px 45px #29354b15}.home-module-card:focus-visible{outline-color:var(--card-accent)}.home-module-card:active{transform:translateY(-2px)}.module-topline{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}.module-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--card-accent);background:var(--card-tint)}.module-icon .icon{width:19px;height:19px;stroke-width:1.65}.module-count{font-size:.73rem;color:#858995;font-weight:400}.home-module-card h3{font-size:1.23rem;line-height:1.25;font-weight:650;letter-spacing:-.025em;margin:0 0 9px;min-height:2.5em}.module-description{font-size:.95rem;color:var(--text-soft);line-height:1.6;margin:0 0 20px;min-height:3.2em}.module-photo{display:block;width:100%;overflow:hidden;border-radius:11px;background:#efede7;margin-bottom:17px}.home-module-img{display:block;object-fit:contain;object-position:center;width:100%;height:auto;aspect-ratio:auto;border-radius:0;transition:transform .5s}.home-module-card:hover .home-module-img{transform:none}.module-question{display:block;font-size:.94rem;line-height:1.5;letter-spacing:-.01em;min-height:3em;margin-bottom:21px;color:#434955}.module-enter{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:11px 17px;background:var(--card-tint);color:var(--card-accent);border:1px solid transparent;border-radius:999px;font-size:.83rem;font-weight:600;transition:background .2s,color .2s}.module-enter .icon{width:17px;height:17px}.home-module-card:hover .module-enter{background:var(--card-accent);color:white}
.home-baseline{display:grid;grid-template-columns:1fr auto;column-gap:24px;row-gap:5px;align-items:center;width:min(650px,100%);padding:23px 0 0;margin:28px auto 0;border:0;border-top:1px solid #d8d6ce;border-radius:0;background:none;position:relative}.home-baseline>div{grid-row:1/3}.home-baseline h2{font-size:.95rem;font-weight:600;letter-spacing:-.015em;margin:0 0 5px;color:#343b4b}.home-baseline p{font-size:.85rem;color:#707687;margin:0;line-height:1.6;max-width:345px}.home-baseline .secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--brand);color:#fff;border:0;border-radius:999px;padding:12px 21px;font-size:.85rem;font-weight:550;box-shadow:0 7px 18px #2b59c31c}.home-baseline .secondary-btn:hover{background:#2450b4;transform:translateY(-1px)}.home-baseline .secondary-btn .icon{width:17px;height:17px}.baseline-time{grid-column:2;text-align:center;font-size:.73rem;color:#7c8390}.home-image-note{font-style:normal;font-size:.72rem;color:#848a96;text-align:center;margin:22px auto 0;max-width:650px;line-height:1.65}.site-footer{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:12px;border:0;padding:20px 40px;color:#777f8e;font-size:.75rem;line-height:1.5;background:none;text-align:left}.site-footer>span:nth-child(2){text-align:center}.site-footer>.quiet-btn{justify-self:end;font-size:.75rem;padding:8px 15px;min-height:37px}.quiet-btn:disabled{opacity:.65;cursor:default}
.scenario-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 26px}.back-library{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:8px 14px 8px 0;background:none;border:0;color:var(--text-soft);font-size:.83rem}.back-library .icon{width:17px;height:17px;transform:rotate(180deg)}.scenario-toolbar #replay-btn{order:4}.module-pill{border-radius:999px;background:var(--module-soft);color:var(--module);padding:7px 13px;font-size:.8rem;white-space:nowrap}.picker{flex:1;min-width:180px;max-width:100%;background:#ffffffaa;border:1px solid var(--border);border-radius:999px;padding:10px 34px 10px 16px;color:var(--text-soft);font-size:.83rem;font-weight:400;min-height:42px}.flow-label{text-align:center;font-size:.73rem;letter-spacing:.085em;color:#777f8d;font-weight:500;margin:0 0 14px}.flow-label:empty{display:none}.stage-indicator{max-width:470px;margin:0 auto 32px;gap:7px}.step-dot{height:4px;background:#dcdedc}.step-dot.current{background:var(--module)}.step-dot.done{background:color-mix(in srgb,var(--module) 45%,#c9d0d6)}
.setup-layout{display:grid;grid-template-columns:1.04fr 1fr;max-width:1060px;margin:0 auto;gap:0;overflow:hidden;background:#ffffffbd;border:1px solid #fff;border-radius:26px;box-shadow:0 18px 54px #3234440a;backdrop-filter:blur(16px)}.prelude-card{padding:40px;border:0;border-radius:0;background:transparent;box-shadow:none;min-width:0}.prelude-label{font-size:.72rem;letter-spacing:.09em;color:var(--module);font-weight:550;margin-bottom:18px}.prelude-skill{font-size:1.85rem;font-weight:650;line-height:1.25;letter-spacing:-.03em;margin:0 0 26px}.rule-card{margin:0 0 25px;border:0;border-radius:14px;background:var(--module-soft);padding:21px;font-size:1rem;line-height:1.7}.rule-card .card-tab{position:static;display:block;padding:0;margin:0 0 9px;background:none;color:var(--module);border-radius:0;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.difficulty-row{gap:6px;margin:23px 0}.difficulty-chip{font-size:.76rem;padding:5px 10px}.prelude-card>p{font-size:.94rem;line-height:1.7}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:19px;background:var(--module);color:white;border:0;border-radius:999px;font-size:.94rem;font-weight:550;padding:13px 24px;box-shadow:0 8px 20px color-mix(in srgb,var(--module) 15%,transparent);min-height:46px}.primary-btn .icon{width:18px;height:18px}.secondary-btn{border-radius:999px;font-size:.9rem;padding:12px 22px;background:#ffffff8f;border:1px solid var(--border);font-weight:500}.ghost-btn{font-size:.9rem;font-weight:400}.button-row{gap:12px;margin-top:25px}.setup-photo{position:relative;margin:0;min-height:470px;background:#d7dbe0;overflow:hidden}.setup-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.setup-photo figcaption{position:absolute;inset:auto 0 0;padding:65px 32px 30px;background:linear-gradient(transparent,#111e39cf);color:#fff;font-size:1.2rem;font-weight:450;letter-spacing:-.02em;line-height:1.5}
.card,.coach-card{padding:30px;background:#ffffffd9;border:1px solid #fff;border-radius:22px;box-shadow:0 10px 40px #32344408;backdrop-filter:blur(12px)}.card h2{font-size:1.3rem;font-weight:650;letter-spacing:-.025em}.card h3{font-size:.8rem;color:var(--module);letter-spacing:.075em;font-weight:600}.scene-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:23px;margin-top:0;align-items:start}.scene-grid .card{min-width:0}.scene-grid>aside{margin-top:0;background:#ffffffb8}.scene-image-wrap{margin:0 0 24px}.scene-image{aspect-ratio:auto;max-height:370px;object-fit:contain;border-radius:12px}.scene-image-note{font-size:.72rem;font-style:normal;color:#858b96;line-height:1.5;margin-top:9px}.scene-text{font-size:1rem;line-height:1.8}.speaker-line{padding:20px 23px;background:var(--module-soft);border-radius:14px;margin-top:24px}.speaker-line .who{font-size:.8rem;font-weight:500;margin-bottom:9px}.speaker-line .line{font-style:normal;font-size:1.2rem;font-weight:550;line-height:1.5;letter-spacing:-.015em}.audio-row{gap:12px;flex-wrap:wrap;font-size:.83rem;margin-top:20px}.audio-btn{padding:9px 16px;font-size:.83rem;font-weight:500}.audio-caption{font-size:.83rem;line-height:1.7}.cue-list{gap:0}.cue{display:block;padding:18px 0;border:0;border-bottom:1px solid #e4e6eb;background:none;border-radius:0}.cue:last-child{border-bottom:0;padding-bottom:0}.cue-tag{display:inline-block;margin-bottom:7px;border:0;border-radius:0;padding:0;background:none;color:var(--module);font-size:.72rem;font-weight:550;letter-spacing:.06em}.cue-body{font-size:1rem;line-height:1.65}.cue-uncertain{font-size:.83rem;margin-top:7px}.choices{gap:12px;margin-top:25px}.choice{align-items:center;gap:17px;padding:18px 21px;border:1px solid #e2e4ea;border-radius:14px;background:#ffffffab}.choice .label{width:32px;height:32px;flex-basis:32px;border-radius:50%;background:#f0f2f7;font-size:.83rem;color:#7e8798;font-weight:500}.choice .text{font-size:1rem;line-height:1.6}.choice.unsure{border-style:dashed;background:none}.reaction-card{max-width:830px;margin:45px auto 0;padding:35px;border-radius:0 22px 22px 22px;background:#ffffffd9;box-shadow:0 14px 48px #26345509;line-height:1.8}.stage[data-stage="reaction"]>.button-row{max-width:830px;margin:25px auto 0}.coach-card{max-width:960px;margin:0 auto;padding:34px}.coach-header{gap:15px;margin-bottom:24px}.coach-avatar{width:45px;height:45px;border-radius:50%;font-size:.83rem;font-weight:500}.coach-name{font-size:1.25rem;font-weight:600}.coach-tag{font-size:.72rem;font-weight:400}.coach-section{padding:23px;margin:14px 0;background:#f2f3f6;border-radius:15px;font-size:1rem;line-height:1.75}.coach-section-label{font-size:.73rem;letter-spacing:.07em;font-weight:550;margin-bottom:8px}.coach-section.safer{background:var(--safer-soft)}.coach-section.caution{background:var(--caution-soft)}.stage[data-stage="coach"]>.button-row{max-width:960px;margin:25px auto}.repair-card,.mission-card,.progress-card{max-width:960px;margin-left:auto;margin-right:auto;padding:30px;line-height:1.75;border-radius:0 22px 22px 22px}.stage[data-stage="repair"]>.button-row,.stage[data-stage="mission"]>.button-row,.stage[data-stage="progress"]>.button-row{max-width:960px;margin:25px auto}.repair-script{font-style:normal;font-size:1rem;font-weight:500;border-radius:12px;line-height:1.7}.saved-empty{font-size:1rem;line-height:1.8;padding:25px}.saved-item{background:#ffffffb8}.saved-item-meta{font-size:.83rem}.saved-item-actions{flex-wrap:wrap}.link-btn{font-size:.83rem}.skill-delta{font-size:.83rem}.test-banner{border-radius:16px;margin:10px 0 25px;padding:18px 22px;gap:15px}.test-banner-progress{font-size:.83rem}.test-banner-exit{min-height:38px}.confidence-card{max-width:850px;margin:0 auto;padding:33px;background:#ffffffd9;border:1px solid white;border-radius:22px;box-shadow:none}.confidence-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.confidence-btn{min-width:0;border-radius:14px;padding:24px 9px}.confidence-label{font-size:.83rem}.results-row{gap:14px}.results-scenario-sub,.results-confidence{font-size:.83rem}.results-tone{font-size:.72rem}.recommend-card{border-radius:14px;padding:22px}body[data-mode="baseline"] .baseline-btn{background:#fff;color:var(--brand);border:0}body[data-mode="baseline"] .baseline-btn::before{content:none}
.drawer-mask{background:#24334b3d;backdrop-filter:blur(7px)}.drawer{width:min(435px,100vw);padding:32px;background:#fdfcf9;box-shadow:-15px 0 55px #24334b13}.drawer h2{font-size:1.5rem;font-weight:650;letter-spacing:-.035em}.drawer>p{font-size:1rem;line-height:1.7}.drawer .field{padding:24px 0}.drawer .field-desc{font-size:.9rem;margin-top:8px;line-height:1.7}.switch{background:#d3d7df}.switch.on{background:var(--brand)}#font-range{accent-color:var(--brand)}.toast{z-index:30;max-width:calc(100vw - 32px);background:var(--text);font-size:.9rem;text-align:center;border-radius:18px}
body.entering .home-hero h1,body.entering .home-hero p,body.entering .home-module-card,body.entering .home-baseline,body.entering .home-image-note{animation-duration:750ms}body.entering .home-module-card:nth-child(1){animation-delay:120ms}body.entering .home-module-card:nth-child(2){animation-delay:190ms}body.entering .home-module-card:nth-child(3){animation-delay:260ms}body.entering .home-module-card:nth-child(4){animation-delay:330ms}body.entering .home-baseline{animation-delay:420ms}body.entering .home-image-note{animation-delay:490ms}
[data-contrast="high"]{--bg:#fff;--surface:#fff;--surface-2:#eee;--text:#111827;--text-soft:#263447;--border:#64748b}[data-contrast="high"]::before{display:none}[data-contrast="high"] .home-module-card,[data-contrast="high"] .card,[data-contrast="high"] .coach-card,[data-contrast="high"] .setup-layout,[data-contrast="high"] .confidence-card{background:#fff;border-color:#7c8797}[data-contrast="high"] .module-description,[data-contrast="high"] .home-image-note,[data-contrast="high"] .module-count,[data-contrast="high"] .home-baseline p,[data-contrast="high"] .baseline-time,[data-contrast="high"] .site-footer,[data-contrast="high"] .eyebrow,[data-contrast="high"] .flow-label,[data-contrast="high"] .scene-image-note{color:#263447}[data-contrast="high"] .module-enter{border-color:var(--card-accent)}[data-contrast="high"] .topbar-nav,[data-contrast="high"] .icon-btn{border-color:#64748b;background:white}
@media(min-width:1500px){header.topbar{padding-top:22px;padding-bottom:22px}main{padding-top:26px}.home-hero{margin-bottom:40px}.home-module-card{padding:24px}.home-module-card h3{font-size:1.3rem}.module-description{font-size:1rem}.module-question{font-size:1rem}.home-baseline{margin-top:35px}}
@media(max-width:1100px){header.topbar{padding:17px 28px;gap:19px;grid-template-columns:1fr auto 1fr}.brand{width:235px}.icon-btn#sensory-btn span{display:none}.icon-btn#sensory-btn{width:43px;padding:0}.nav-link{padding:10px 14px}main{padding:17px 28px 20px}.home-modules{gap:15px}.home-module-card{padding:17px;border-radius:19px}.home-module-card h3{font-size:1.12rem}.module-description{font-size:.95rem}.module-count{font-size:.72rem}.module-topline{gap:5px}.module-enter{padding:10px 13px}.module-photo{border-radius:9px}.module-question{font-size:.9rem}.site-footer{padding:20px 28px}.prelude-card{padding:28px}.scene-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.card{padding:24px}}
@media(max-width:900px){header.topbar{grid-template-columns:1fr auto;gap:5px 15px;min-height:0;padding:5px 26px 18px}.brand{width:255px}.topbar-actions{grid-column:2;grid-row:1}.topbar-nav{grid-column:1/-1;grid-row:2;justify-self:center;padding:5px;margin:0;gap:4px}.topbar-nav .nav-link{font-size:.85rem;padding:10px 22px}.icon-btn#sensory-btn span{display:inline}.icon-btn#sensory-btn{width:auto;padding:10px 15px}main{padding:18px 26px 18px}.home-hero{margin-bottom:29px}.home-hero h1{font-size:2.35rem}.home-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;max-width:680px;margin:0 auto}.home-module-card{padding:24px}.home-module-card h3{font-size:1.3rem;min-height:0}.module-description{font-size:1rem;min-height:3.2em;margin-bottom:19px}.module-photo{border-radius:12px}.home-module-img{aspect-ratio:1.8}.module-question{font-size:1rem;min-height:3em}.module-enter{font-size:.85rem;padding:12px 18px}.module-count{font-size:.78rem}.module-topline{margin-bottom:17px}.home-baseline{max-width:580px}.site-footer{grid-template-columns:1fr auto;gap:9px 18px;font-size:.75rem}.site-footer>span:nth-child(2){grid-column:1;grid-row:2;text-align:left}.site-footer>.quiet-btn{grid-column:2;grid-row:1/3}.setup-layout{grid-template-columns:1fr}.setup-photo{grid-row:1;min-height:290px}.setup-photo img{object-position:center 45%}.setup-photo figcaption{font-size:1rem;padding:45px 25px 23px}.prelude-card{padding:30px}.prelude-skill{font-size:1.8rem;max-width:620px}.scene-grid{grid-template-columns:1fr}.scene-grid>aside .cue-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.scene-image{max-height:none}.scenario-toolbar{gap:10px}.scenario-toolbar .picker{flex-basis:100%;order:5}.scenario-toolbar #replay-btn{margin-left:auto}.flow-label{font-size:.72rem}.card,.coach-card{padding:27px}}
@media(max-width:560px){header.topbar{padding:4px 19px 12px;gap:5px 9px}.brand{width:245px;max-width:100%}.icon-btn#sensory-btn span{display:none}.icon-btn#sensory-btn{width:42px;padding:0}.topbar-nav{width:100%;max-width:370px;gap:3px;margin-top:0}.topbar-nav .nav-link{font-size:.83rem;padding:10px 15px;min-height:43px;justify-content:center}.topbar-nav .nav-link:last-child{flex:1}main{padding:25px 20px 15px}.home-hero{margin-bottom:29px}.home-hero .eyebrow{font-size:.72rem;letter-spacing:.1em;margin:0 0 17px}.home-hero h1{font-size:2.07rem;line-height:1.13;letter-spacing:-.035em;margin-bottom:17px}.home-hero .home-lede{font-size:.95rem;line-height:1.7;max-width:350px}.home-hero .home-lede br{display:none}.home-modules{grid-template-columns:1fr;gap:19px;max-width:420px}.home-module-card{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:22px;align-items:start}.module-topline{grid-column:1/-1;margin-bottom:17px}.home-module-card h3{grid-column:1;font-size:1.24rem;line-height:1.3;min-height:2.6em;margin:0 0 8px}.module-description{grid-column:1;grid-row:3;font-size:.95rem;line-height:1.6;min-height:0;margin:0 0 14px}.module-photo{grid-column:2;grid-row:2/4;align-self:stretch;margin:0 0 18px;min-height:150px;position:relative;border-radius:12px}.home-module-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;aspect-ratio:auto}.module-question{grid-column:1/-1;font-size:.95rem;min-height:0;margin:2px 0 17px;line-height:1.55}.module-question br{display:none}.module-enter{grid-column:1/-1;margin:0;font-size:.85rem;padding:12px 19px}.module-count{font-size:.76rem}.module-icon{width:34px;height:34px}.home-baseline{grid-template-columns:1fr;text-align:center;max-width:400px;row-gap:10px;margin-top:31px;padding-top:25px}.home-baseline>div{grid-row:auto}.home-baseline h2{font-size:1rem}.home-baseline p{font-size:.94rem;line-height:1.65;max-width:310px;margin:0 auto}.home-baseline .secondary-btn{justify-self:center;margin-top:8px;grid-column:1}.baseline-time{grid-column:1;font-size:.76rem}.home-image-note{font-size:.72rem;margin-top:27px;max-width:320px}.site-footer{padding:20px;font-size:.73rem;gap:8px 10px;align-items:center}.site-footer>.quiet-btn{font-size:.73rem;padding:8px 12px}.scenario-toolbar{margin:0 0 23px;gap:7px}.back-library{font-size:.83rem;padding-right:4px}.module-pill{font-size:.76rem;order:5}.scenario-toolbar .picker{min-width:0;font-size:.85rem;order:6;flex-basis:100%}.scenario-toolbar #replay-btn{font-size:.83rem;padding:9px 14px}.flow-label{font-size:.72rem;letter-spacing:.04em}.stage-indicator{margin-bottom:25px}.setup-photo{min-height:220px}.setup-photo figcaption{font-size:.94rem}.prelude-card{padding:25px 22px}.prelude-skill{font-size:1.65rem}.rule-card{padding:19px;font-size:.95rem}.difficulty-row>.prelude-label{flex-basis:100%;margin-bottom:4px!important}.difficulty-chip{font-size:.76rem}.card,.coach-card{padding:23px 20px}.scene-grid>aside .cue-list{display:block}.scene-grid{gap:19px}.scene-text{font-size:.95rem}.cue-body{font-size:.95rem}.speaker-line{padding:19px}.speaker-line .line{font-size:1.12rem}.audio-row>span{font-size:.8rem}.choice{padding:16px 14px;gap:11px}.choice .label{width:27px;height:27px;flex-basis:27px}.choice .text{font-size:.95rem;line-height:1.7}.coach-header{flex-wrap:wrap;gap:12px}.coach-tag{margin-left:57px}.coach-section{padding:20px;font-size:.95rem;line-height:1.75}.reaction-card{padding:27px 22px;font-size:1rem}.primary-btn{font-size:.9rem;padding:13px 21px}.secondary-btn,.ghost-btn{font-size:.88rem}.button-row{gap:10px}.confidence-card{padding:25px 20px}.confidence-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.confidence-btn{padding:20px 8px}.confidence-label{font-size:.83rem}.test-banner{padding:17px;flex-wrap:wrap}.results-row{grid-template-columns:1fr;gap:8px}.results-tone{justify-self:start}.drawer{padding:28px 24px}}
@media(max-width:360px){.brand{width:210px}.topbar-nav .nav-link{padding:10px 11px;font-size:.83rem}.home-module-card{padding:19px;gap:0 15px}.module-photo{min-height:165px}.home-module-card h3{font-size:1.12rem}.home-hero h1{font-size:1.9rem}.site-footer{grid-template-columns:1fr;text-align:center}.site-footer>span:nth-child(2){grid-column:1;grid-row:auto;text-align:center}.site-footer>.quiet-btn{grid-column:1;grid-row:auto;justify-self:center}.brand img{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}[data-motion="reduced"] *,[data-motion="reduced"] *::before,[data-motion="reduced"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

@media(max-width:560px){.topbar-nav{flex-wrap:wrap}.topbar-nav .nav-link{min-width:0;white-space:normal}.topbar-nav .nav-link:last-child{flex:1 1 auto}}

/* Keep the choices within easy reach while retaining the open landing layout. */
@media(min-width:901px){.brand{width:240px}.home-hero{margin-bottom:29px}.home-module-card h3{min-height:1.25em}.module-description{display:none}.module-topline{margin-bottom:14px}.module-icon{width:30px;height:30px}.home-module-img{aspect-ratio:1.7}.module-question{margin-bottom:18px}}
@media(min-width:901px) and (max-width:1100px){.home-module-card h3{min-height:2.5em}}

/* Scene photographs carry cues: preserve the entire original frame. */
.home-module-img,
.scene-image,
.setup-photo img {
  display: block;
  position: static;
  inset: auto;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
  transform: none;
  border-radius: 0;
}
.module-photo {
  height: auto;
  min-height: 0;
  align-self: start;
  overflow: visible;
  border-radius: 0;
  background: transparent;
}
.setup-photo {
  align-self: start;
  min-height: 0;
  margin: 24px 24px 24px 0;
  background: transparent;
  overflow: visible;
}
.setup-photo figcaption {
  position: static;
  inset: auto;
  padding: 17px 0 0;
  background: none;
  color: var(--text-soft);
  font-size: 1rem;
}
@media (max-width: 900px) {
  .setup-photo { margin: 24px 24px 0; }
}
@media (max-width: 560px) {
  .home-module-card { display: flex; flex-direction: column; align-items: stretch; }
  .home-module-card h3 { min-height: 0; }
  .module-photo { margin: 0 0 18px; }
}

/* Begin with a useful action; keep examples optional and feedback ungraded. */
.home-hero { max-width: 850px; margin-bottom: 24px; }
.home-hero h1 { font-size: clamp(1.9rem, 3.3vw, 2.5rem); }
.goal-shortcuts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 30px; }
.goal-shortcut { display: flex; align-items: center; gap: 12px; text-align: left; padding: 19px; border: 1px solid var(--border); border-radius: 17px; background: var(--surface); color: var(--text); min-width: 0; }
.goal-shortcut:hover { border-color: var(--brand); }
.goal-shortcut strong { display: block; font-size: .93rem; font-weight: 620; }
.goal-shortcut small { display: block; margin-top: 5px; color: var(--text-soft); font-size: .79rem; }
.goal-shortcut > span:last-child { margin-left: auto; color: var(--brand); }
.goal-number { color: var(--brand); font-size: .75rem; align-self: flex-start; margin-top: 3px; }
.library-heading { margin: 0 0 16px; font-size: 1rem; font-weight: 600; letter-spacing: -.01em; }
.example-preview { border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); margin-top: 20px; padding: 0 18px; }
.example-preview summary { padding: 15px 0; font-weight: 600; cursor: pointer; color: var(--brand); }
.example-preview summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.example-preview p, .learning-note { font-size: .88rem; line-height: 1.65; color: var(--text-soft); }
.learning-note { margin: 20px 0 0; }
.mission-card > .learning-note { margin: 0 0 20px; }
.reaction-card { border-color: var(--border); }
.confidence-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.results-row, .skill-row { grid-template-columns: minmax(0, 1fr) auto; }
.results-preference { font-size: .87rem; color: var(--text-soft); }
.preference-start { display: block; width: 100%; text-align: left; white-space: normal; margin-top: 10px; }
.scenario-nav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; max-width: 1060px; margin: 0 auto 28px; padding: 16px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.scenario-nav button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 10px 14px; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); color: var(--text); font-size: .85rem; cursor: pointer; justify-self: start; }
.scenario-nav #scenario-next { justify-self: end; }
.scenario-nav button:hover:not(:disabled) { background: var(--surface-2); border-color: var(--text-soft); }
.scenario-nav button:disabled { opacity: .45; cursor: default; }
.scenario-position { font-size: .8rem; color: var(--text-soft); text-align: center; font-variant-numeric: tabular-nums; }
@media (max-width: 560px) {
  .scenario-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 8px; padding: 13px 0; margin-bottom: 23px; }
  .scenario-position { grid-column: 1 / -1; grid-row: 1; }
  .scenario-nav button { width: 100%; padding: 10px 8px; gap: 6px; font-size: .8rem; }
}
@media (max-width: 900px) {
  .goal-shortcuts { grid-template-columns: 1fr; gap: 9px; }
  .goal-shortcut { padding: 15px 18px; }
}
@media (max-width: 560px) {
  .results-row, .skill-row { grid-template-columns: 1fr; }
  .confidence-row { grid-template-columns: 1fr; }
}