.casebook-page{width:min(var(--content-reading),calc(100% - var(--space-4)));margin-inline:auto;padding-block:var(--space-4) var(--space-5)}.casebook-index{width:min(var(--content-wide),calc(100% - var(--space-4)))}.casebook-page .casebook-heading{margin:0 0 var(--space-3)}.casebook-heading h1{margin:0}.casebook-notice{margin-block:var(--space-3) 0;color:var(--muted);font-size:var(--type-small);line-height:var(--leading-body)}.casebook-list{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}.casebook-list>li{min-width:0}.casebook-entry{display:block;color:var(--ink);text-decoration:none}.casebook-entry h3{margin-block:var(--space-2) 0;font-size:var(--type-section);line-height:var(--leading-heading)}.casebook-entry:hover h3{color:var(--color-accent);text-decoration:underline;text-underline-offset:var(--space-1)}.casebook-stage{position:relative}.casebook-episode{padding-block:var(--space-3) var(--space-5)}.casebook-episode .casebook-heading{margin-bottom:var(--space-4)}.casebook-episode .casebook-stage{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.casebook-episode .casebook-panels{gap:var(--space-3)}.casebook-episode .casebook-panel{overflow:hidden;border-radius:var(--radius-small)}.casebook-episode .casebook-bubbles{gap:var(--space-2);padding:var(--space-2)}.casebook-episode .casebook-bubble{padding:var(--space-1);border-color:var(--line)}.casebook-episode .casebook-bubble:after{border-color:var(--line)}.casebook-episode .casebook-text{line-height:var(--leading-body)}.casebook-panels{display:grid;gap:var(--space-2)}.casebook-panel{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;border:1px solid var(--line);background:var(--white)}.casebook-panel-media{position:relative;flex:none;aspect-ratio:3 / 2;overflow:hidden;margin-top:-21.333333%;background:var(--white)}.casebook-panel-image{position:absolute;inset:0 auto auto 0;display:block;width:200%;height:300%;max-width:none;object-fit:fill}.casebook-panel--frame-0 .casebook-panel-image{transform:translate(0)}.casebook-panel--frame-1 .casebook-panel-image{transform:translate(-50%)}.casebook-panel--frame-2 .casebook-panel-image{transform:translateY(-33.333333%)}.casebook-panel--frame-3 .casebook-panel-image{transform:translate(-50%,-33.333333%)}.casebook-panel--frame-4 .casebook-panel-image{transform:translateY(-66.666667%)}.casebook-panel--frame-5 .casebook-panel-image{transform:translate(-50%,-66.666667%)}.casebook-bubbles{position:relative;z-index:1;order:-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:var(--space-1);aspect-ratio:75 / 16;min-block-size:min-content;padding:var(--space-1)}.casebook-bubble{position:relative;min-width:0;width:fit-content;max-width:100%;height:fit-content;padding:calc(var(--space-1) / 2) var(--space-1);border:1px solid var(--ink);border-radius:var(--radius-small);background:var(--white);color:var(--ink)}.casebook-bubble:after{position:absolute;bottom:calc(var(--space-1) / -2);left:var(--space-2);width:var(--space-1);height:var(--space-1);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:inherit;content:"";transform:rotate(45deg)}.casebook-bubble--nangman{grid-column:2;grid-row:1;justify-self:end}.casebook-bubble--nangman:after{right:var(--space-2);left:auto}.casebook-bubble--mannang{grid-column:1;grid-row:1;justify-self:start}.casebook-bubble--narrator{grid-column:1 / -1;justify-self:center}.casebook-bubble--narrator:after{content:none}.casebook-text{margin:0;color:var(--ink);font-size:var(--type-body);line-height:var(--leading-heading);word-break:keep-all;overflow-wrap:anywhere}.casebook-stage-title,.casebook-question,.casebook-choice,.casebook-controls,.casebook-result-actions{scroll-margin-block-start:calc(var(--control-height) + var(--space-5));scroll-margin-block-end:calc(var(--mobile-nav-height) + var(--space-4))}.casebook-progress{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-2);margin-block:0 var(--space-3);color:var(--muted);font-size:var(--type-small)}.casebook-progress-label{color:var(--ink);font-weight:var(--weight-semibold)}.casebook-progress-count{font-variant-numeric:tabular-nums}.casebook-progress-track{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1);grid-column:1 / -1}.casebook-progress-segment{height:3px;border-radius:var(--control-radius);background:var(--line)}.casebook-progress-segment.is-complete{background:var(--color-primary)}.casebook-context,.casebook-resolution,.casebook-conversation{max-width:640px;margin:0 auto var(--space-3);line-height:var(--leading-body);word-break:keep-all;overflow-wrap:anywhere}.casebook-resolution{margin-block:var(--space-3)}.casebook-stage-title:not(.sr-only){max-width:640px;margin:0 auto var(--space-3);font-size:var(--type-section)}.casebook-conversation{padding-bottom:var(--space-3);border-bottom:1px solid var(--line)}.casebook-first-choice{margin:0 0 var(--space-2);color:var(--muted);font-size:var(--type-small)}.casebook-response{display:flex;gap:var(--space-2);margin:var(--space-1) 0 0}.casebook-response-speaker{flex:none;font-weight:var(--weight-semibold)}.casebook-introduction{margin:var(--space-2) 0 0;color:var(--muted);line-height:var(--leading-body);word-break:keep-all}.casebook-choice-group{min-inline-size:0;margin-block:var(--space-4) 0;padding:0;border:0}.casebook-question{width:100%;margin-bottom:var(--space-2);padding:0;color:var(--ink);font-size:var(--type-section);font-weight:var(--weight-semibold);line-height:var(--leading-body);word-break:keep-all;overflow-wrap:anywhere}.casebook-choices,.casebook-ending-options{display:grid;gap:var(--space-1)}.casebook-choice{display:flex;align-items:center;gap:var(--space-2);width:100%;max-width:100%;min-height:calc(var(--control-height) + var(--space-2));padding:var(--space-2) var(--button-padding-inline);border:1px solid var(--line);border-radius:var(--field-radius);background:var(--white);color:var(--ink);font-family:inherit;font-size:var(--type-body);font-weight:var(--weight-semibold);line-height:var(--leading-body);text-align:left;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.casebook-choice-number{flex:none;color:var(--muted);font-size:var(--type-caption);font-weight:var(--weight-regular);font-variant-numeric:tabular-nums}.casebook-choice-label{flex:1}.casebook-choice-arrow{color:var(--color-primary);font-weight:var(--weight-regular)}.casebook-choice:hover,.casebook-choice[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-soft);color:var(--color-accent)}.casebook-choice:disabled{cursor:default;opacity:.6}.casebook-controls,.casebook-result-buttons{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}body .casebook-page .casebook-control{min-height:var(--control-height);white-space:normal}.casebook-summary,.casebook-endings{margin-top:var(--space-2);padding-top:var(--space-1);border-top:1px solid var(--line)}.casebook-summary-title,.casebook-endings-summary{min-height:var(--control-height);padding-block:var(--space-1);color:var(--color-accent);font-size:var(--type-body);font-weight:var(--weight-semibold);cursor:pointer}.casebook-summary-list{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-1) var(--space-2);margin-block:var(--space-1) 0;font-size:var(--type-small)}.casebook-summary-label{color:var(--muted);font-weight:var(--weight-semibold)}.casebook-summary-value{margin:0;color:var(--ink)}.casebook-recap{margin-block:var(--space-1) 0;color:var(--muted);font-size:var(--type-small)}.casebook-ending-options{margin-top:var(--space-1)}.casebook-preview{margin-top:var(--space-3)}.casebook-preview-title{margin-block:0 var(--space-1);font-size:var(--type-section);line-height:var(--leading-heading)}.casebook-preview-note,.casebook-fallback{margin-block:var(--space-2) 0;color:var(--muted);line-height:var(--leading-body)}.casebook-fallback a{color:var(--color-accent)}.casebook-result-actions{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--line)}.casebook-result-buttons{margin-top:0}body .casebook-page .casebook-result-buttons>:is(.primary-btn,.secondary-btn){flex:1 1 0;min-width:0;min-height:var(--control-height);white-space:normal}.casebook-copy-fallback{margin-top:var(--space-2)}.casebook-copy-fallback label{display:block;margin-bottom:var(--space-1);font-weight:var(--weight-semibold)}.casebook-copy-fallback input{width:100%;min-width:0;min-height:var(--control-height);padding:var(--space-1) var(--space-2);border:1px solid var(--line);border-radius:var(--field-radius);background:var(--white);color:var(--ink);font-size:var(--type-body)}.casebook-copy-status{margin-block:var(--space-1) 0;color:var(--muted);font-size:var(--type-small)}.casebook-copy-status:empty{margin:0}.casebook-page [hidden]{display:none}@media(min-width:600px){.casebook-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}}@media(min-width:900px){.casebook-episode{width:min(960px,calc(100% - var(--space-6)))}.casebook-episode .casebook-choice-group,.casebook-episode .casebook-controls{max-width:640px;margin-inline:auto}.casebook-episode .casebook-panels:not(:has(>.casebook-panel:nth-child(2))){max-width:640px;margin-inline:auto}.casebook-list{grid-template-columns:repeat(3,minmax(0,1fr))}.casebook-panels:has(>.casebook-panel:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.casebook-episode .casebook-stage{padding:var(--space-2)}.casebook-episode .casebook-bubbles{gap:var(--space-1);padding:var(--space-1)}.casebook-episode .casebook-heading{margin-bottom:var(--space-3)}.casebook-choice{padding-inline:var(--space-2)}}@media(prefers-reduced-motion:reduce){.casebook-page *,.casebook-page *:before,.casebook-page *:after{scroll-behavior:auto;transition:none;animation:none}}