html{scrollbar-gutter:stable}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.story-card{display:block;background:#fffcf4;border:1px solid #d6c7ac;border-radius:24px;overflow:hidden;text-decoration:none!important;color:#164f53;box-shadow:0 10px 30px #163e4312}.story-grid .story-card img{height:auto;max-height:none;display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.story-card-copy{display:block;padding:24px}.story-card h3{font-size:1.8rem;margin:0 0 12px}.story-card p{line-height:1.7}.story-card b{display:inline-block;margin-top:12px}.story-card:hover{box-shadow:0 12px 30px #163e4328}.story-card:focus-visible{outline:3px solid #a53d29;outline-offset:5px}.story-page{max-width:1080px;margin:auto;padding:24px}.story-heading{max-width:760px;margin:32px auto}.story-heading h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:1.1}.story-page .story-cover{height:auto;aspect-ratio:3/2;width:100%;max-height:570px;object-fit:cover;border-radius:24px}.story-body{max-width:680px;margin:48px auto;font-family:Georgia,serif;font-size:clamp(18px,2vw,21px);line-height:1.85;color:#293f40}.story-body p{margin:0 0 1.15em}.story-body hr{border:0;text-align:center;margin:3em auto}.story-body hr:after{content:'✦';color:#a27c3d}.story-end{max-width:680px;margin:48px auto;padding:28px;background:#eee8da;border-radius:20px}.story-end a{color:#15575b}.story-meta{color:#637474;font-size:.95rem}.story-page footer{padding:30px 0}@media(max-width:650px){.story-grid{grid-template-columns:1fr}.story-page{padding:18px}.story-heading{margin:24px 0}.story-body{margin-top:30px}.story-page .story-cover{height:auto;aspect-ratio:3/2;border-radius:16px}.story-card-copy{padding:20px}}body>.preview-header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1080px;margin:auto;padding:22px 24px;border-bottom:1px solid #d6c7ac}body>.preview-header a{color:#15575b;text-decoration:none;font-weight:700}.guide-skip{position:absolute;left:16px;top:-100px;background:#fff;padding:10px;z-index:99}.guide-skip:focus{top:10px}
/* Literary scenes share the existing reading-room cards and reader. */
.story-card-literary{display:flex;flex-direction:column;border-top:5px solid #b28b52;background:linear-gradient(135deg,#fffcf4,#f3ecdd)}
.story-card-literary .story-card-copy{flex:1;height:auto;display:flex;flex-direction:column;box-sizing:border-box}
.story-card-literary .story-card-author{font-size:.95rem;font-weight:700;letter-spacing:.025em;margin:18px 0 6px;color:#415e59}
.story-card-literary h3{margin-bottom:6px}
.story-card-literary .story-card-work{margin:0 0 6px;color:#53665f}
.story-card-literary b{margin-top:auto;padding-top:12px}
.story-byline{font-size:1.1rem;color:#315953;line-height:1.6}
.story-context,.story-source{max-width:680px;margin:28px auto;line-height:1.8;color:#415651}
.story-context{padding:4px 22px;border-left:3px solid #b28b52;background:#f4eddf}
.story-source{border-top:1px solid #d6c7ac;font-size:.95rem}
.story-source a{color:#15575b;text-underline-offset:3px}
.story-source p,.story-context p{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.story-grid .story-card-literary img,.story-page .story-cover-literary{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}