.stories-intro{max-width:var(--line-length-md,60ch);padding:var(--space-xl)var(--space-md)var(--space-lg)var(--space-md);text-align:center;margin:0 auto}.stories-intro h1{margin-bottom:var(--space-sm)}.stories-intro p{color:var(--color-text);font-size:var(--font-size-base)}.stories-intro p+p{margin-top:var(--space-md)}.stories-list{max-width:70ch;margin:0 auto var(--space-xxl)auto;padding:0 var(--space-md);gap:var(--space-lg);flex-direction:column;display:flex}.story-block{padding:var(--space-lg)var(--space-xl);background:oklch(from var(--color-text)l c h/3%);border:var(--border-width-sm)solid oklch(from var(--color-text)l c h/10%);border-radius:var(--border-radius-md);overflow:hidden}.story-block h2{margin-bottom:var(--space-xs)}.story-block h2 a{color:var(--color-text);text-decoration:none}.story-block h2 a:hover{text-decoration:underline}.story-block p{color:var(--color-text);line-height:var(--line-height-fluid,1.5)}note,.story-note-slot:empty{display:none}.story-note-slot.has-note{background:var(--secondary);color:var(--color-bg);padding:var(--space-xs)var(--space-sm);margin:calc(var(--space-lg)*-1)calc(var(--space-xl)*-1)var(--space-lg)calc(var(--space-xl)*-1);border-radius:var(--border-radius-md)var(--border-radius-md)0 0}