.empty-state{padding:28px 0;border-bottom:1px solid var(--line)}.empty-state h3{margin-top:0}.chapter-branch{display:block;font:12px/1.6 var(--font-ui);color:var(--muted);margin-top:6px}.cover,h1,h2,h3{overflow-wrap:anywhere}.reader nav.actions{padding-top:28px;border-top:1px solid var(--line)}
.chapter-media{margin:32px 0}.chapter-media img,.chapter-media video{display:block;width:100%;max-height:70vh;object-fit:contain;background:#111}.chapter-media audio{width:100%}.chapter-media figcaption{font:14px/1.6 var(--font-ui);color:var(--muted);margin-top:10px}.chapter-media figcaption strong,.chapter-media figcaption span{display:block}.chapter-media figcaption strong{font-weight:500;color:var(--text)}
.choice label{display:block;font:14px/1.6 var(--font-ui);color:var(--muted);margin:18px 0}.choice select{display:block;width:100%;padding:12px;margin-top:8px;background:var(--bg);color:var(--text);border:1px solid var(--line);font:16px var(--font-ui)}.choice li{margin:18px 0}.choice details{margin-top:14px}.choice summary{cursor:pointer;color:var(--accent)}.choice details p{font:18px/1.8 var(--font-story)}
.prose .choice p:first-child:first-letter{float:none;font-size:inherit;line-height:inherit;margin:0;color:inherit}.reader [data-reading-position]{scroll-margin-top:24px}

.cover.illustrated{padding:0;overflow:hidden;background:#24211d;aspect-ratio:3/2;min-height:0}.cover.illustrated img{display:block;width:100%;height:100%;object-fit:cover}.story-layout>.cover.illustrated{align-self:start}.chapter-media img{height:auto}

/* Keep intrinsic image sizing inside its grid column at every breakpoint. */
.story-layout{grid-template-columns:minmax(0,280px) minmax(0,1fr)}.story-layout>*{min-width:0}.cover.illustrated{width:100%;max-width:100%;height:auto;aspect-ratio:3/2}.cover.illustrated img{min-width:0;max-width:100%;height:100%;object-fit:cover}.story-layout>.cover.illustrated{height:auto;aspect-ratio:3/2}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{min-width:0}.chapter-media{max-width:100%;clear:both}.chapter-media img{max-width:100%;height:auto}@media(max-width:700px){.story-layout,.grid{grid-template-columns:minmax(0,1fr)}}

.share-panel{padding:24px 0;border-top:1px solid var(--line);margin:32px 0;font:14px/1.65 var(--font-ui)}.share-panel .actions{margin-top:14px}.share-panel [role=status]{min-height:1.5em;margin-bottom:0}.share-panel input{width:100%;padding:10px;background:var(--panel);color:var(--text);border:1px solid var(--line)}

.hero .hero-promise{font:14px/1.6 var(--font-ui);color:var(--accent)}

.story-menu{position:relative}.story-menu summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}.story-menu summary::-webkit-details-marker{display:none}.story-menu summary::after{content:"⌄";color:var(--accent)}.story-menu-links{position:absolute;top:100%;left:0;z-index:10;min-width:200px;padding:12px;background:var(--panel);border:1px solid var(--line);display:grid;gap:0}.story-menu-links a{display:block;padding:10px 12px;white-space:nowrap}.story-menu-links a:hover{background:var(--bg)}.genre-filter{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 36px;scroll-margin-top:24px}.genre-filter a{padding:10px 14px;border:1px solid var(--line);font-size:14px}.genre-filter a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.genre-filter span{color:var(--muted);margin-left:6px}.catalog-intro h1{font-size:clamp(34px,5vw,62px)}@media(max-width:700px){.story-menu-links{min-width:180px}.genre-filter a{max-width:100%;overflow-wrap:anywhere}}