/* The story chooser uses the same illustrated cards and buttons as the welcome. */
.stories-page{background:linear-gradient(180deg,#ccecff 100px,#eff8fc 620px,var(--paper) 1000px)}
.story-collection{padding-bottom:80px;max-width:1160px}
.story-collection-heading{padding:35px 0 40px;text-align:center}
.story-collection-heading h1{font:400 clamp(2.6rem,4.7vw,4.25rem)/1.08 var(--display);letter-spacing:0;margin:24px 0 20px;transform:rotate(-2deg)}
.story-collection-heading h1>span{color:#1767a6}
.story-collection-heading>p{font-size:1.125rem;line-height:1.55;color:#35415a}
.story-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;align-items:stretch}
.story-choice{border:3px solid var(--ink);border-radius:29px 35px 27px 32px;box-shadow:6px 7px 0 var(--ink);background:#cfebff;min-width:0;transition:transform .2s,box-shadow .2s}
.story-choice-andres{background:#ffdfb6}
.story-choice:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:8px 11px 0 var(--ink)}
.story-choice:has(a:focus-visible){outline:4px solid #1767a6;outline-offset:7px}
.story-choice-link{display:flex;flex-direction:column;height:100%;border-radius:inherit;padding:11px}
.story-choice-link:focus-visible{outline:none}
.story-choice-image{position:relative;flex-shrink:0}
.story-choice-image img{width:100%;aspect-ratio:1.9;object-fit:cover;object-position:center 43%;border:2px solid var(--ink);border-radius:19px 25px 18px 22px}
.story-choice-sticker{position:absolute;bottom:12px;right:12px;background:var(--sun);padding:6px 12px;border:2px solid var(--ink);border-radius:18px;box-shadow:2px 3px 0 var(--ink);font-size:.875rem;font-weight:800;transform:rotate(-3deg)}
.provisional-label{background:#fffaf0}
.story-choice-copy{padding:23px 20px 21px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.story-choice-eyebrow{font-size:.875rem;font-weight:800;letter-spacing:.04em;color:#35415a}
.story-choice h2{font:400 3.2rem/1.1 var(--display);letter-spacing:0;margin:9px 0 13px}
.story-choice-copy>p:not(.story-choice-eyebrow){font-size:1.0625rem;line-height:1.65;margin:0 0 26px;max-width:440px}
.story-choice .sun-button{margin-top:auto;max-width:100%;text-align:left}
.story-choice-link:hover .sun-button{background:#ffe775;box-shadow:4px 6px 0 var(--ink)}
.story-switcher{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px;padding:25px 0 5px;border-top:2px solid var(--ink)}
.provisional-note{border:2px solid var(--ink);border-radius:18px;background:#fff5cf;padding:15px 18px;margin-top:20px;font-size:1rem;line-height:1.55;max-width:520px}
.andres-page{background:linear-gradient(180deg,#d8ecff 100px,var(--paper) 900px)}
@media(max-width:800px){.story-choices{gap:23px}.story-choice-copy{padding:21px 14px}.story-choice h2{font-size:2.8rem}.story-choice .sun-button{font-size:.9375rem;padding:11px 14px}.story-collection-heading{padding-top:29px}.story-choice-sticker{font-size:.875rem;right:8px;bottom:9px}.story-choice-copy>p:not(.story-choice-eyebrow){font-size:1rem}}
@media(max-width:600px){.story-choices{grid-template-columns:1fr;gap:31px}.story-collection{max-width:470px;padding-bottom:60px}.story-collection-heading{text-align:left;padding:28px 0 33px}.story-collection-heading h1{font-size:2.8rem;margin-top:22px}.story-collection-heading>p{font-size:1rem}.story-choice-copy{padding:23px 16px}.story-choice-image img{aspect-ratio:1.8}.story-choice h2{font-size:3rem}.story-choice .sun-button{font-size:1rem;width:100%;justify-content:space-between}.story-switcher{gap:15px}.story-switcher a{width:100%}}
@media(prefers-reduced-motion:reduce){.story-choice:hover{transform:none;transition:none}}

/* Ilan's short testimony keeps the shared identity and existing chapter links. */
.ilan-page .reading-layout{display:block;max-width:800px;margin-inline:auto;padding-bottom:65px}
.ilan-page .story-prose p{font-size:1.125rem;line-height:1.85;color:#35415a;margin:0 0 1.4em}
.ilan-page .story-prose [id]{scroll-margin-top:120px}
.ilan-page .story-anchor{display:block}
.ilan-page .story-signature{font-size:1.0625rem;font-weight:800;color:#185b94;margin:8px 0 22px}
.ilan-page .story-audio{display:flex;justify-content:flex-start}
@media(max-width:600px){.ilan-page .reading-layout{padding-bottom:45px}.ilan-page .story-prose p{font-size:1.0625rem;line-height:1.8}}