:root{--page-gutter:clamp(1rem,3vw,3.5rem);--ink:#17243b;--blue:#9abbff;--yellow:#f8e9b2;--pink:#f3d7df;--mint:#cfe6d8;--lavender:#e1daf4;--line:#ffffff24}*{box-sizing:border-box}html{height:100%}body{isolation:isolate;margin:0;background:#08172b;color:#fff;font:16px/1.5 Arial,Helvetica,sans-serif;height:100dvh;display:grid;grid-template-rows:3.6rem minmax(0,1fr) 2rem;overflow:hidden}button,a{touch-action:manipulation}button{cursor:pointer;font:inherit}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #79a1ff;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.035em}em{font-family:Georgia,serif;font-weight:400}.scene-background{position:fixed;inset:0;background:linear-gradient(90deg,#051426ed 0%,#051426b8 50%,#0715278c 100%),linear-gradient(0deg,#08172bf2,transparent 65%),url('assets/scene.webp') center/cover no-repeat;z-index:-1}.story-header{width:100%;max-width:none;margin:auto;height:100%;padding:0 var(--page-gutter);display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--line)}.wordmark{font-size:25px;font-weight:750;letter-spacing:-1px;text-decoration:none;white-space:nowrap}.wordmark span{font:italic 1.12em Georgia,serif;color:#aec6ff}.story-tools{display:flex;gap:1.5rem;align-items:center}.story-tools button{border:0;background:transparent;color:#e2eaff;padding:.45rem 0;font-size:14px;white-space:nowrap}.story-tools button:hover{text-decoration:underline;text-underline-offset:5px}.short-label{display:none}main{width:100%;max-width:none;margin:auto;height:100%;min-height:0;padding:1rem var(--page-gutter) 0;outline:none;display:grid;grid-template-rows:auto minmax(0,1fr);gap:1rem}.stage-progress{display:flex;align-items:center;list-style:none;padding:0;gap:1.6rem;color:#a9b9d1;font-size:12px;letter-spacing:.02em;margin:0;min-height:1.65rem}.stage-progress li{padding-bottom:.35rem;border-bottom:2px solid transparent}.stage-progress li.current{color:white;border-color:#a3bdff}.stage-progress li.done{color:#d5e1f5}.scene{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:.9rem;animation:scene-in .35s ease both}.scene-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(1.4rem,4vw,4rem);align-items:center;min-height:0}.scene-copy{max-height:100%;min-height:0;overflow:auto;scrollbar-width:thin;padding:.25rem .25rem .25rem 0}.eyebrow{color:#aec7ff;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;margin-bottom:.75rem}.scene h1{font-size:clamp(34px,3.7vw,54px);font-weight:600;margin-bottom:1rem}.scene h1 em{color:#d5e2ff}.scene-intro{font-size:16px;line-height:1.6;color:#e7ecf6;max-width:590px;margin-bottom:.7rem}.scene-sub{font-size:14px;line-height:1.5;color:#b8c8df;max-width:560px;margin-bottom:0}.artifact{background:#f8fafc;color:var(--ink);border-radius:10px;padding:1.2rem;box-shadow:0 15px 45px #0004;transform:rotate(.45deg);min-width:0;max-height:100%;overflow:auto;scrollbar-width:thin;animation:paper-in .4s ease both}.artifact-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;border-bottom:1px solid #dce3ec;padding-bottom:.65rem;margin-bottom:.85rem;font-size:12px;font-weight:600;letter-spacing:.02em;color:#536985}.artifact h3,.dialog-content h3{font-size:22px;line-height:1.2;letter-spacing:-.02em;margin-bottom:.7rem}.artifact p{font-size:16px;line-height:1.5;color:#465a74;margin-bottom:.8rem}.artifact p:last-child{margin-bottom:0}.sender{display:flex;align-items:center;gap:.7rem;font-size:14px;margin-bottom:.8rem}.initial{display:grid;place-items:center;background:#dce7fe;color:#25487b;width:34px;height:34px;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.sender small{display:block;color:#667a92;font-size:12px}.attachment{margin-top:.8rem;background:#edf1f7;border:1px solid #d9e1ed;border-radius:5px;padding:.6rem .7rem;display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:.7rem}.record{margin:0}.record-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:.7rem;padding:.55rem 0;border-bottom:1px solid #dce3ed;font-size:14px;line-height:1.4}.record-row:last-child{border-bottom:0}.record-row dt{color:#607590}.record-row dd{margin:0;color:#253b5a;font-size:16px;overflow-wrap:anywhere}.redacted{background:#d9e5f5;padding:2px 6px;color:#3d5a84}.prompt-copy{background:#eaf0fa;border-radius:5px;padding:.9rem;font-size:16px;line-height:1.5;color:#274266}.prompt-copy p{margin-bottom:.6rem}.account{padding:.7rem .85rem;border:1px solid #d5deed;border-radius:5px;margin:.6rem 0}.account strong{font-size:16px;display:block;margin-bottom:.3rem}.account span{font-size:14px;color:#536a8a;display:block;line-height:1.4}.account.approved{border-color:#8cabd9;background:#ecf2fc}.draft-quote{font-size:17px!important;line-height:1.6!important;color:#263c5e!important;margin:0}.draft-quote mark{background:#f7e2b5;color:#5c4220;padding:2px 0;box-decoration-break:clone}.comparison{border-left:3px solid #96b4e9;padding:0 0 0 .85rem;margin-top:.8rem}.comparison.corrected{border-color:#68a184}.comparison p{margin-bottom:.6rem}.small-label{font-size:12px!important;color:#56728f!important;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .4rem}.status-card{padding:1rem;border-radius:6px;background:#e7edf7;border:1px solid #c6d3e6}.status-card .status-label{font-size:12px;display:block;font-weight:700;margin-bottom:.5rem;letter-spacing:.04em;color:#456187}.status-card h3{font-size:26px;margin-bottom:.65rem}.status-card.good{background:#e6f3ea;border-color:#b2cfbc}.status-card.caution{background:#faf0d9;border-color:#e4d3a6}.status-card.risk{background:#f7e9ee;border-color:#dbbac8}.decision-zone{min-width:0}.decision-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .9rem}.decision-heading p{margin:0;font-size:14px;color:#c6d4e8}.material-button{background:#ffffff09;color:#dfebff;border:1px solid #526c92;border-radius:4px;padding:.35rem .7rem;font-size:14px;line-height:1.4}.material-button:hover{background:#ffffff15}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;align-items:stretch;padding-top:.3rem}.choice-note{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:var(--ink);border:0;border-radius:2px;background:var(--yellow);padding:1rem 1.1rem .9rem;box-shadow:3px 7px 18px #0002;transform:rotate(-.6deg);transition:transform .2s;line-height:1.4}.choice-note:nth-child(2){background:var(--lavender);transform:rotate(.5deg)}.choice-note:nth-child(3){background:var(--pink);transform:rotate(-.3deg)}.choice-note::before,.map-note::before{content:'';width:52px;height:16px;position:absolute;top:-7px;left:calc(50% - 26px);background:#fff8ceaa;border:1px solid #fff3;transform:rotate(-4deg);pointer-events:none}.choice-note:hover{transform:translateY(-3px) rotate(0)}.choice-index{font-size:12px;color:#5a5871;margin-bottom:.25rem}.choice-note strong{display:block;font-size:17px;line-height:1.3;letter-spacing:-.02em;margin-bottom:.4rem}.choice-note small{font-size:14px;line-height:1.4;color:#484d61}.choices.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choices.one{max-width:460px;grid-template-columns:1fr}.takeaways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;margin:0;padding:0}.takeaways li{position:relative;background:var(--mint);color:#243e36;padding:1rem;font-size:16px;line-height:1.45;transform:rotate(-.4deg);box-shadow:2px 5px 15px #0002}.takeaways li:nth-child(2){transform:rotate(.4deg);background:var(--yellow)}.takeaways li:nth-child(3){background:var(--lavender)}.outcome-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin-top:.8rem}.primary,.secondary{padding:.6rem .85rem;border:1px solid #b9cbf7;border-radius:4px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;min-height:42px;line-height:1.4}.primary{background:#e9f0ff;color:#183963}.secondary{background:#ffffff07;color:#e7efff}.primary:hover{background:#fff}.secondary:hover{background:#ffffff14}.journey{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.7rem;padding:.3rem 0;border-top:1px solid var(--line);font-size:12px;color:#b8c9e1}.journey>div{display:flex;align-items:center;gap:1rem}.back{background:none;border:0;color:#dce7fb;font-size:14px;padding:.4rem 0}.back:hover{text-decoration:underline;text-underline-offset:4px}.story-footer{width:100%;max-width:none;margin:auto;height:100%;padding:0 var(--page-gutter);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:12px;color:#acbdd5}.story-footer a{font-size:12px}
dialog{background:#f4f6fa;color:var(--ink);border:1px solid #d3ddea;border-radius:12px;width:min(1000px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:1.5rem;box-shadow:0 20px 90px #0005;overflow:auto}dialog::backdrop{background:#031326bf;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.dialog-heading .eyebrow{color:#476593;margin-bottom:.4rem}.dialog-heading h2{font-size:30px;font-weight:600;margin:0}.dialog-close{border:0;background:transparent;font-size:28px;line-height:1;color:#294260;width:36px;height:36px;flex-shrink:0}.dialog-content p{font-size:16px;line-height:1.5;color:#4c5f77}.policy-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.policy-notes section{background:#e8eef8;border-radius:5px;padding:1rem}.policy-notes h3{font-size:20px;margin-bottom:.65rem}.policy-notes p{margin:0}.dialog-small{font-size:13px!important;margin:.8rem 0 0}.map-dialog{width:min(1140px,calc(100% - 24px))}.map-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.map-scroll{min-height:0;overflow:auto;scrollbar-width:thin;padding:.55rem .35rem .3rem}.decision-map{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(var(--map-columns,4),minmax(0,1fr));gap:1.4rem;align-items:stretch}.decision-map li{position:relative;min-width:0;display:flex}.decision-map li:not(.last)::after{position:absolute;color:#607fa7;font-size:21px;line-height:1;pointer-events:none}.decision-map .to-right::after{content:'→';right:-1.2rem;top:calc(50% - 10px)}.decision-map .to-left::after{content:'←';left:-1.2rem;top:calc(50% - 10px)}.decision-map .to-down::after{content:'↓';left:calc(50% - 7px);bottom:-1.2rem}.map-note{position:relative;display:block;width:100%;background:var(--yellow);border:0;border-radius:2px;box-shadow:2px 4px 8px #15253813;transform:rotate(-.3deg);text-align:left;padding:.8rem;color:var(--ink);line-height:1.4;min-height:98px}.map-note small{display:block;font-size:12px;color:#5c637b;margin-bottom:.35rem}.map-note strong{display:block;font-size:16px;line-height:1.35;font-weight:600}.decision-map li:nth-child(even) .map-note{background:var(--lavender);transform:rotate(.3deg)}.map-current{background:var(--mint)!important}.map-hint{font-size:13px;color:#5d728e;margin:.8rem 0 0}.material-dialog{width:min(700px,calc(100% - 32px))}.material-dialog .artifact-head{margin-bottom:.8rem}.material-dialog .material-note{padding-top:.8rem;margin:.9rem 0 0;border-top:1px solid #cfdaea;font-size:14px}.material-dialog .record-row{grid-template-columns:130px 1fr}.material-dialog .status-card p:last-child{margin:0}.skip{position:absolute;left:-9999px;z-index:50}.skip:focus{left:15px;top:15px;background:white;color:var(--ink);padding:12px}.noscript{position:fixed;inset:auto 1rem 3rem;background:#183451;padding:1rem}.scene-copy:focus{outline:none}
@keyframes scene-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes paper-in{from{opacity:0;translate:5px 4px}to{opacity:1;translate:0 0}}
@media(min-height:850px) and (min-width:1000px){main{padding-top:1.6rem;gap:1.4rem}.scene{gap:1.2rem}.scene h1{font-size:clamp(42px,4.3vw,63px)}.scene-intro{font-size:18px}.artifact{padding:1.5rem}.choice-note{padding:1.3rem 1.4rem}.choice-note strong{font-size:19px}.takeaways li{padding:1.3rem}}
@media(max-height:720px) and (min-width:761px){main{padding-top:.7rem;gap:.65rem}.scene{gap:.65rem}.scene h1{font-size:clamp(31px,3.4vw,44px);margin-bottom:.65rem}.scene-intro{line-height:1.45}.scene-sub{line-height:1.4}.eyebrow{margin-bottom:.5rem}.artifact{padding:.9rem}.artifact-head{padding-bottom:.45rem;margin-bottom:.6rem}.record-row{padding:.4rem 0}.choice-note{padding:.8rem .95rem}.decision-heading{margin-bottom:.65rem}.takeaways li{padding:.85rem}.journey{min-height:2.4rem}}
@media(max-width:1000px){.scene-layout{gap:1.3rem}.record-row{grid-template-columns:88px 1fr}.artifact{padding:1rem}.scene h1{font-size:38px}.scene-intro{line-height:1.5}.choice-note strong{font-size:16px}.choices{gap:.9rem}.choice-note{padding:.95rem}.story-tools{gap:1.15rem}.takeaways{gap:.8rem}.takeaways li{padding:.85rem;font-size:16px}}
@media(max-width:760px){body{grid-template-rows:3.4rem minmax(0,1fr) 2rem}.story-header{padding-inline:1rem;gap:.6rem}.wordmark{font-size:23px}.story-tools{gap:.8rem}.story-tools button{font-size:14px}.long-label{display:none}.short-label{display:inline}main{padding:.7rem 1rem 0;gap:.65rem}.stage-progress{font-size:12px;gap:0;min-height:1.25rem}.stage-progress li{display:none}.stage-progress li.current{display:block;padding-bottom:.3rem}.scene{gap:.7rem}.scene-layout{grid-template-columns:1fr;gap:0}.scene-copy{padding:.15rem .2rem .15rem 0}.scene h1{font-size:32px;margin-bottom:.65rem;line-height:1.08}.scene h1 br{display:none}.scene h1 em::before{content:' '}.scene-intro{font-size:16px;line-height:1.5;margin-bottom:0}.scene-sub{display:none}.eyebrow{font-size:12px;margin-bottom:.55rem;letter-spacing:.05em}.artifact{display:none}.choices,.choices.two{grid-template-columns:1fr;gap:.7rem}.choices.one{max-width:none}.choice-note{display:block;padding:.75rem 2rem .7rem .9rem;transform:none}.choice-note:nth-child(2),.choice-note:nth-child(3){transform:none}.choice-note::before{width:40px;height:12px;top:-5px;left:calc(50% - 20px)}.choice-index{position:absolute;right:.7rem;top:.6rem;margin:0}.choice-note strong{font-size:16px;line-height:1.3;margin-bottom:.2rem}.choice-note small{font-size:14px;line-height:1.4;display:block}.decision-heading{margin-bottom:.65rem;gap:.5rem}.decision-heading p{font-size:14px}.material-button{font-size:14px;padding:.3rem .5rem;text-align:left}.takeaways{grid-template-columns:1fr;gap:.5rem}.takeaways li{padding:.65rem .9rem;font-size:16px;line-height:1.4;transform:none}.outcome-actions{gap:.5rem;margin-top:.65rem}.primary,.secondary{font-size:14px;padding:.55rem .7rem;min-height:40px}.journey{min-height:2.5rem;padding:.25rem 0;gap:.65rem}.journey>div{gap:.7rem}.journey .route-count{display:none}.story-footer{padding-inline:1rem}.story-meta{display:none}.scene-background{background:linear-gradient(180deg,#061528d4,#08172bf5 70%),url('assets/scene.webp') 60% top/auto 100% no-repeat}dialog{padding:1rem}.dialog-heading{margin-bottom:.8rem}.dialog-heading h2{font-size:25px}.dialog-heading .eyebrow{font-size:12px;letter-spacing:.025em}.policy-notes{grid-template-columns:1fr;gap:.65rem}.policy-notes section{padding:.8rem}.policy-notes h3{font-size:19px;margin-bottom:.45rem}.decision-map{gap:1.1rem}.map-note{padding:.65rem;min-height:82px}.map-note small{font-size:12px;margin-bottom:.25rem}.map-note strong{font-size:14px;line-height:1.3}.map-note::before{height:12px;width:38px;left:calc(50% - 19px);top:-5px}.decision-map .to-right::after{right:-1rem}.decision-map .to-left::after{left:-1rem}.decision-map .to-down::after{bottom:-1rem}.map-hint{font-size:12px;margin-top:.65rem}.material-dialog .record-row{grid-template-columns:90px 1fr}.material-dialog .record-row dd{font-size:16px}.dialog-content .draft-quote{font-size:17px!important}.material-dialog .comparison p{font-size:16px}.material-dialog .status-card h3{font-size:24px}}
@media(max-width:380px){.story-header{padding-inline:.75rem}.story-tools{gap:.55rem}.wordmark{font-size:21px}main{padding-inline:.8rem}.scene h1{font-size:29px}.choice-note{padding:.65rem 1.6rem .65rem .75rem}.choice-note strong{font-size:16px}.story-footer{padding-inline:.8rem}.decision-heading p{font-size:14px}.material-button{max-width:65%}}
@media(prefers-reduced-motion:no-preference){.scene-background{animation:camera-drift 18s ease-out both}}@keyframes camera-drift{from{transform:scale(1.02)}to{transform:scale(1.055)}}
/* Very short windows and enlarged text retain access to every scene and control. */
@media(max-height:560px){body{height:auto;min-height:100dvh;overflow:auto;grid-template-rows:3.6rem auto 2rem}main{height:auto;min-height:28rem}.scene{grid-template-rows:auto auto auto}.scene-layout{min-height:13rem}.scene-copy{max-height:none;overflow:visible}.artifact{max-height:none}.journey{position:sticky;bottom:0;background:#0b1c32;z-index:3}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.artifact,.choice-note,.map-note,.takeaways li{transform:none!important}}
/* Keep the evidence visible before the choice, including on a phone. */
@media(max-width:760px){
 html{height:auto}body{height:auto;min-height:100dvh;display:flex;flex-direction:column;overflow:auto}
 .story-header{min-height:3.5rem;height:auto;padding: .65rem 1rem;flex-wrap:wrap}.story-tools{gap:.7rem}
 main{height:auto;display:flex;flex-direction:column;gap:1rem;margin:0;flex:1;padding:1rem 1rem 0}
 .scene{display:flex;flex-direction:column;gap:1.25rem}.scene-layout{display:flex;flex-direction:column;align-items:stretch;gap:1rem;min-height:0}
 .scene-copy{max-height:none;overflow:visible}.scene-sub{display:block;margin-top:.75rem;font-size:14px;line-height:1.5}
 .artifact{display:block;max-height:none;overflow:visible;transform:none;padding:1rem}.record-row{grid-template-columns:100px minmax(0,1fr)}
 .scene h1{font-size:32px}.decision-heading{align-items:flex-start}.decision-heading .material-button{display:none}
 .choice-note{padding:1rem 2rem 1rem 1rem}.journey{position:sticky;bottom:0;z-index:3;background:#0b1c32;padding:.6rem 0}
 .story-footer{height:auto;min-height:3rem;padding:.75rem 1rem}.story-footer a{font-size:14px}
}

/* A functional handwritten start cue, with a short motion hint. */
@font-face{font-family:StoryHand;src:url('assets/caveat-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
.start-cue{display:inline-flex;align-items:center;gap:.15rem;min-height:48px;padding:0 .4rem 0 0;border:0;background:transparent;color:#fff0b1;text-align:left;cursor:pointer;transform:rotate(-4deg);transform-origin:left center}
.start-cue.is-visible{animation:start-cue-bounce 1.4s ease-in-out 3}
.start-cue span{font-family:StoryHand,'Segoe Print','Bradley Hand',cursive;font-size:38px;font-weight:600;line-height:1.15;white-space:nowrap}
.start-cue svg{width:64px;height:46px;overflow:visible;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.start-cue:hover{color:#fff8dd}.start-cue:focus-visible{outline:3px solid #aec7ff;outline-offset:5px;border-radius:4px}
@keyframes start-cue-bounce{0%,45%,100%{transform:translateY(0) rotate(-4deg)}65%{transform:translateY(-5px) rotate(-2deg)}82%{transform:translateY(1px) rotate(-4deg)}}
@media(max-width:760px){.start-cue{min-height:46px}.start-cue span{font-size:36px}.start-cue svg{width:58px;height:42px}}
@media(prefers-reduced-motion:reduce){.start-cue,.start-cue.is-visible{animation:none;transform:none}}