.stories-index.svelte-u4j9xu{max-width:1120px;padding:var(--space-4);gap:var(--space-4);margin:auto;display:grid}h1.svelte-u4j9xu{margin:0 0 var(--space-2);color:var(--color-ink);font-size:var(--text-xl);line-height:1.2}.intro.svelte-u4j9xu p:where(.svelte-u4j9xu){max-width:68ch;margin:0 0 var(--space-2);line-height:1.6}.story-grid.svelte-u4j9xu{margin:var(--space-3) 0 0;gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.story-card.svelte-u4j9xu{gap:var(--space-1);height:100%;padding:var(--space-2);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-soft);color:var(--color-ink);text-decoration:none;transition:transform .15s;display:grid}.story-card.svelte-u4j9xu:hover{transform:translateY(-3px)}.story-card.svelte-u4j9xu:focus-visible{transform:translateY(-3px)}.story-card.svelte-u4j9xu img:where(.svelte-u4j9xu){aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-surface-soft);width:100%;height:auto}.story-title.svelte-u4j9xu{font-weight:800;line-height:1.3}.story-origin.svelte-u4j9xu{font-size:var(--text-sm);color:var(--color-ink-soft);line-height:1.4}.how.svelte-u4j9xu{padding-left:var(--space-4);margin:0}.how.svelte-u4j9xu li:where(.svelte-u4j9xu){margin-bottom:var(--space-2);line-height:1.6}@media (max-width:900px){.story-grid.svelte-u4j9xu{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:500px){.story-grid.svelte-u4j9xu{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (orientation:landscape) and (max-height:500px){.stories-index.svelte-u4j9xu{gap:8px;padding:8px 12px}h1.svelte-u4j9xu{font-size:clamp(22px,5.5vh,26px)}.intro.svelte-u4j9xu p:where(.svelte-u4j9xu){max-width:none;margin-bottom:4px;font-size:14px;line-height:1.35}.story-grid.svelte-u4j9xu{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.story-card.svelte-u4j9xu{padding:6px}}@media (prefers-reduced-motion:reduce){.story-card.svelte-u4j9xu{transition:none}}