.story{display:grid;gap:var(--space-4);container-type:inline-size}.story > *{min-width:0;margin:0}.story__controls{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-3) var(--space-4)}.story__start{flex:1 1 16rem;max-width:26rem}.story__pick{display:grid;flex:1 1 12rem;gap:var(--space-1);max-width:24rem}.story__status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);min-height:2.25rem}.story__form{display:grid;gap:var(--space-4);max-width:36rem}.story__form > *{margin:0}.story__step{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--space-3);color:var(--ink-muted);font-size:var(--step--1)}.story__step strong{color:var(--ink);letter-spacing:0.06em;text-transform:uppercase}.story .story__ask{font:var(--display-weight) var(--step-3) / 1.15 var(--font-display)}.story__field .hint{font-size:var(--step-0)}.story__input{min-height:3.5rem;margin-top:var(--space-2);font-size:var(--step-1)}.story__error{min-height:1.5em;margin:0;color:var(--bad);font-size:var(--step--1);font-weight:700;line-height:1.5}.story__form-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.story__paper{display:grid;gap:var(--space-3);padding:var(--space-5);border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface)}.story__paper > *{margin:0}.story__title{font:var(--display-weight) var(--step-2) / 1.2 var(--font-display);text-wrap:balance}.story__title:focus{outline:none}.story__text{display:grid;gap:var(--space-3);max-width:var(--measure);font-size:var(--step-0);line-height:1.7;overflow-wrap:anywhere}.story__text p{margin:0}.story__fill{padding-inline:0.15em;border-radius:var(--radius-sm);background:var(--brand-soft);font-weight:700;-webkit-box-decoration-break:clone;box-decoration-break:clone}.story__paper[data-story-kind="shared"]{border-style:dashed;border-color:var(--line-strong)}.story__form .progress > span{width:0}.story__aloud{width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:var(--space-4) var(--gutter) var(--space-7);border:0;background:var(--surface);color:var(--ink);overflow-y:auto}.story__aloud[open]{display:grid;align-content:start;justify-items:center;gap:var(--space-4)}.story__aloud::backdrop{background:var(--surface)}.story__aloud > *{width:100%;max-width:46rem;margin:0}.story__aloud-head{display:flex;justify-content:flex-end}.story__aloud .story__title{font-size:var(--step-4)}.story__aloud .story__text{gap:var(--space-5);font-size:var(--step-3);line-height:1.5}@container (max-width:34rem){.story__paper{padding:var(--space-4)}.story .story__ask{font-size:var(--step-2)}.story__form-buttons{display:grid;grid-template-columns:repeat(3,auto);justify-content:start}.story__form-buttons > [type="submit"]{grid-column:1 / -1;justify-self:stretch}.story__form-buttons .btn:not([type="submit"]){padding-inline:var(--space-3)}.story__bar{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.story__bar .btn{padding-inline:var(--space-2)}.story__bar > :last-child:nth-child(odd){grid-column:1 / -1}}@media print{.story{display:block}.story__aloud{display:none !important}.story__paper{display:block;padding:0;border:0}.story__title{margin-bottom:6mm;font:700 18pt / 1.2 var(--font-display)}.story__text{display:block;max-width:none;font-size:13pt;line-height:1.6}.story__text p{margin-bottom:4mm;orphans:2;widows:2}.story__fill{padding:0;background:none;font-weight:700;text-decoration:underline;text-underline-offset:0.15em}.story:not([data-blank]) .story__asks{display:none}.story__asks{break-after:page;font-size:12pt;line-height:1.4}.story__asks p{margin:0 0 5mm}.story__asks .story__asks-title{font:700 18pt / 1.2 var(--font-display)}.story__asks ol{margin:0;padding-left:9mm;columns:2;column-gap:12mm}.story__asks li{padding:3.2mm 0 0 1mm;break-inside:avoid}.story__asks li > span:first-child{display:inline-block;min-width:34mm}.story__asks-line{display:inline-block;width:38mm;border-bottom:0.3mm solid var(--ink)}.story[data-blank] .story__text{line-height:2.7}.story[data-blank] .story__fill{position:relative;display:inline-block;width:36mm;height:5mm;overflow:visible;border-bottom:0.3mm solid var(--ink);border-radius:0;font-size:0;text-decoration:none;vertical-align:baseline;white-space:nowrap}.story[data-blank] .story__fill::after{content:attr(data-n) ". " attr(data-ask);position:absolute;top:100%;right:0;left:0;color:var(--ink-muted);font-size:7.5pt;font-weight:400;line-height:1.5;text-align:center}.story[data-blank] .story__article{font-size:0}.story[data-blank] .story__article::after{content:attr(data-both) "\a0";font-size:13pt}}