.story-experiment{margin:2.5rem 0;padding:1.5rem;border:1px solid var(--border);background:var(--background);color:var(--foreground);min-width:0}.story-experiment header{margin-bottom:1.5rem}.story-experiment h3{margin:.5rem 0 .75rem;font-size:1.5rem;line-height:1.35;font-weight:600}.story-experiment h4{font-size:1.125rem;line-height:1.5;font-weight:600}.story-experiment p{font-size:1rem;line-height:1.7}.story-experiment .experiment-label{font:var(--text-mono-sm)/1.5 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted-foreground)}.story-experiment .enhanced-only{display:none}.story-experiment.enhanced .enhanced-only{display:block}.story-experiment [hidden]{display:none}.experiment-controls{margin:1.25rem 0;min-width:0;padding:0}.experiment-controls legend{margin-bottom:.6rem;font-size:.875rem;line-height:1.5}.experiment-options{display:flex;flex-wrap:wrap;gap:.5rem}.experiment-options label{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;border:1px solid var(--border);font-size:1rem;line-height:1.5;cursor:pointer}.experiment-options label:has(:checked){background:var(--foreground);color:var(--background);border-color:var(--foreground)}.experiment-options input{accent-color:var(--foreground);flex:none}.experiment-options label:has(:checked) input{accent-color:var(--background)}.experiment-options label:focus-within{outline:2px solid var(--foreground);outline-offset:3px}.diff-panel{margin-top:1.5rem;border-top:1px solid var(--border);padding-top:1.25rem}.enhanced .diff-panels,.enhanced .diff-readings,.enhanced .version-descriptions{display:grid;grid-template-columns:minmax(0,1fr)}.enhanced .diff-panel,.enhanced .diff-reading,.enhanced .version-description{grid-area:1 / 1}.enhanced .diff-panel[data-active=false],.enhanced .diff-reading[data-active=false],.enhanced .version-description[data-active=false]{visibility:hidden;pointer-events:none}.version-player:not(.enhanced) .version-description[data-active=false]{display:none}.experiment-result-heading p{margin-top:.25rem}.note-grid{margin:1rem 0 .75rem}.note-axis,.note-row{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.5rem}.note-axis{margin-bottom:.4rem;font-size:.875rem}.note-axis>div{display:grid;grid-template-columns:1fr 1fr}.note-row{align-items:center;margin-top:.4rem}.pitch-label{font-size:.875rem}.note-track{position:relative;height:2.4rem;border-block:1px solid var(--border);background:repeating-linear-gradient(to right,var(--border) 0,var(--border) 1px,transparent 1px,transparent 16.6667%)}.note-mark,.note-ghost{position:absolute;inset-block:.3rem;border:1px solid var(--foreground);background:var(--background)}.note-opening{background:var(--foreground);color:var(--background);display:grid;place-content:center;font-size:.875rem}.note-ghost{border-style:dashed;background:transparent}.story-experiment .experiment-hint{font-size:.875rem;color:var(--muted-foreground)}.diff-reading{margin-top:1.25rem}.story-experiment .reading-name{font-size:.875rem;line-height:1.6}.diff-reading pre{margin:.65rem 0;padding:1rem;min-height:6em;white-space:pre-wrap;overflow-wrap:anywhere;background:color-mix(in oklab,var(--foreground) 5%,var(--background));border:1px solid var(--border);font-size:var(--text-mono-lg);line-height:1.7}.story-experiment .reading-explanation{min-height:3.4em;font-size:.875rem}.experiment-downloads{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1rem}.story-experiment .experiment-downloads{font-size:.875rem}.story-experiment a{text-decoration:underline;text-underline-offset:.2em}.story-experiment audio{display:block;width:100%;max-width:100%;margin:1rem 0;color:var(--foreground)}html[data-theme=light] .story-experiment audio{color-scheme:light}html[data-theme=dark] .story-experiment audio{color-scheme:dark}.story-experiment a:focus-visible,.story-experiment summary:focus-visible,.story-experiment audio:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}.story-experiment>figcaption{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);font-family:var(--font-sans);font-size:.875rem;line-height:1.7;color:var(--muted-foreground)}.version-description{margin:1.5rem 0 0;padding-top:1.25rem;border-top:1px solid var(--border)}.version-description h4{display:flex;flex-wrap:wrap;align-items:baseline;gap:.8rem}.version-letter{display:inline-grid;place-items:center;min-width:2em;border:1px solid var(--foreground)}.version-description p{margin-top:.75rem;min-height:5.1em}.story-experiment .audio-status{min-height:1.7em;font-size:.875rem}.experiment-method{margin-top:1rem;border-top:1px solid var(--border);padding-top:1rem}.experiment-method summary{font-size:1rem;line-height:1.5;cursor:pointer;font-weight:500}.version-file-list>div{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.version-file-list p{margin-top:.5rem}@media(max-width:639px){.story-experiment{padding:1rem}.experiment-options{flex-direction:column}.diff-reading pre{min-height:11em}.story-experiment .reading-explanation{min-height:5.1em}.version-description p{min-height:8.5em}}