.story-sample{display:grid;grid-template-columns:minmax(12rem,.72fr) minmax(0,1.7fr);max-width:67rem;margin:2rem auto;background:var(--stage-lift);color:var(--tungsten);border:1px solid var(--edge);border-radius:var(--panel-radius);scroll-margin-top:1rem}.story-sample__character{align-self:start;position:sticky;top:1rem;margin:0;padding:1.25rem}.story-sample__portrait{aspect-ratio:2/3;border-radius:var(--control-radius)}.story-sample__character p{font:.85rem/1.7 var(--sans);color:var(--tungsten-dim)}.story-sample__character .story-sample__name{color:var(--tungsten);font:1.4rem/1.4 var(--serif)}.story-sample__page{padding:clamp(1.25rem,4vw,3rem);min-width:0}.story-sample__header{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;margin-bottom:1rem;font:.8rem/1.5 var(--sans)}.story-sample__header a,.story-sample__back,.story-sample__share{color:var(--tungsten-dim);text-decoration:underline}.story-sample__notice{color:var(--tungsten-dim);font:.78rem/1.7 var(--sans)}.story-sample__location{margin-top:1.75rem;color:var(--tally);font:.78rem/1.6 var(--sans)}.story-sample h2{margin:.5rem 0 1.5rem;font:clamp(1.5rem,3vw,2.25rem)/1.3 var(--serif)}.story-sample__prose{max-width:65ch;font:1.04rem/1.95 var(--prose)}.story-sample__prose p{margin:0 0 1.1em}.story-sample__choices{display:grid;gap:.65rem;margin:1.5rem 0}.story-sample__choices a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;min-height:3.5rem;color:var(--tungsten);background:var(--input-bg);border:1px solid var(--input-edge);border-radius:var(--control-radius);text-decoration:none;font:.92rem/1.65 var(--sans)}.story-sample__choices a:hover{border-color:var(--tally);background:var(--stage-high)}.story-sample__next{display:flex;justify-content:space-between;padding:1rem 0;color:var(--tally);font:.95rem/1.5 var(--sans);text-decoration:none}.story-sample__back{display:inline-block;margin-top:1.25rem;font:.8rem/1.5 var(--sans)}.story-sample__ending{display:grid;justify-items:start;gap:.8rem;padding-top:1rem;border-top:1px solid var(--edge)}.story-sample__ending p{margin:0}.story-sample__ending input{width:100%;min-width:0;padding:.75rem;background:var(--input-bg);border:1px solid var(--input-edge);color:var(--tungsten)}.story-sample__share{padding:0;background:none;border:0;cursor:pointer;font:inherit}.story-sample :focus-visible{outline:2px solid var(--tally);outline-offset:4px}.story-sample h2:focus{outline:none}@media(max-width:42rem){.story-sample{grid-template-columns:1fr;margin:1rem .5rem}.story-sample__character{position:static;display:grid;grid-template-columns:5rem 1fr;gap:1rem;padding:1rem 1rem 0;align-items:center}.story-sample__portrait{width:5rem;aspect-ratio:1}.story-sample__portrait img{object-position:center 22%}.story-sample__portrait .story-artwork__fallback{min-height:0;padding:.35rem;font-size:.75rem;line-height:1.3}.story-sample__character p{margin:.25rem 0;font-size:.75rem}.story-sample__character .story-sample__name{font-size:1.1rem}.story-sample__page{padding:1.25rem 1rem}.story-sample__header span{max-width:65%}.story-sample__prose{font-size:.98rem;line-height:1.85}}@media(max-width:42rem){.story-sample--connected .story-sample__character{grid-template-columns:3rem 1fr;gap:.75rem}.story-sample--connected .story-sample__portrait{width:3rem}.story-sample--connected .story-sample__character p:not(.story-sample__name){display:none}.story-sample--connected .story-sample__page{padding:.8rem 1rem}.story-sample--connected .story-sample__location{margin-top:.75rem}.story-sample--connected h2{margin:.35rem 0 .8rem}.story-sample--connected .story-sample__prose{font-size:.94rem;line-height:1.65}.story-sample--connected .story-sample__prose p{margin-bottom:.75em}}