.story-breadcrumb{color:var(--color-text-light);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.85rem;display:flex}.story-breadcrumb a{color:var(--color-text-light);text-decoration:none;transition:color .2s}.story-breadcrumb a:hover{color:var(--color-primary)}.story-breadcrumb span[aria-current=page]{color:var(--color-text);font-weight:500}.story-hero{background:linear-gradient(160deg,#f5f9fb 0%,#fdf7f8 60%,#fafaf8 100%);border-bottom:1px solid #72b9c61f;padding:3rem 0 4rem}.story-hero-inner{flex-direction:column;align-items:center;gap:2.5rem;display:flex}.story-hero-cover{flex-shrink:0}.story-hero-cover img{aspect-ratio:3/4;object-fit:cover;border-radius:16px;width:220px;height:auto;transition:transform .3s;box-shadow:0 8px 32px #00000026}.story-hero-cover img:hover{transform:scale(1.02)}.story-hero-content{text-align:center;flex-direction:column;gap:1.25rem;display:flex}.story-title-h1{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.25}.story-subtitle-text{color:var(--color-text-light);margin:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.story-meta-row{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.story-badge{border-radius:999px;align-items:center;gap:.3rem;padding:.375rem .875rem;font-size:.85rem;font-weight:500;line-height:1;display:inline-flex}.story-badge--age{color:var(--color-text);background:#fff;border:1px solid #72b9c666}.story-badge--level{color:#3d7f8b;background:#72b9c61f;border:1px solid #72b9c64d}.story-badge--series{color:#9a4f5a;background:#f2a6af1f;border:1px solid #f2a6af4d}.story-tags{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.story-tag{color:var(--color-text-light);background:#fff;border:1px solid #72b9c640;border-radius:999px;padding:.25rem .75rem;font-size:.8rem;display:inline-block}.story-cta-block{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.story-store-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.open-story-cta{flex-direction:column;align-items:center;gap:.5rem;display:flex}.btn-open-story{background:var(--btn-gradient);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-width:200px;padding:.875rem 2rem;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:all .3s;display:inline-flex}.btn-open-story:hover:not(:disabled){filter:brightness(.92);transform:translateY(-2px);box-shadow:0 6px 20px #72b9c666}.btn-open-story:disabled{opacity:.7;cursor:not-allowed}.btn-open-story-icon{font-size:1.1em}.btn-open-story-secondary{color:var(--color-text-light);border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:999px;padding:.5rem 1.5rem;font-size:.9rem;transition:all .2s}.btn-open-story-secondary:hover{background:var(--color-bg-light)}.open-story-hint{color:#c0604a;text-align:center;max-width:280px;margin:0;font-size:.85rem;animation:.4s sp-fadeIn}.in-app-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.in-app-modal{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:340px;padding:28px 24px;box-shadow:0 12px 48px #0003}.in-app-modal p{color:var(--color-text);margin:0 0 20px;font-size:.95rem;line-height:1.5}.in-app-modal-actions{flex-direction:column;gap:10px;display:flex}.story-gallery-section{background:#1a1a2e;overflow:hidden}.story-gallery-strip{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.story-gallery-strip::-webkit-scrollbar{display:none}.story-gallery-item{scroll-snap-align:start;flex:none;width:clamp(200px,22vw,280px)}.story-gallery-item img{aspect-ratio:3/4;object-fit:cover;filter:brightness(.95);width:100%;transition:transform .4s,filter .3s;display:block}.story-gallery-item img:hover{filter:brightness(1.05);z-index:1;position:relative;transform:scale(1.04)}@media (min-width:900px){.story-gallery-strip{scroll-snap-type:none;overflow-x:visible}.story-gallery-item{flex:1 1 0;width:auto;min-width:0}}.story-guide-section{background:var(--color-bg-light)}.story-guide-card{background:#fff;border-radius:20px;max-width:780px;margin:0 auto;padding:2rem;box-shadow:0 4px 24px #00000012}.story-guide-title{font-family:var(--font-display);color:var(--color-text);margin:0 0 1.25rem;font-size:1.5rem;font-weight:700}.story-content-warnings{background:#fff8e1;border:1px solid #ffe082;border-radius:10px;margin-bottom:1.5rem;padding:1rem 1.25rem}.story-content-warnings-title{color:#e65100;margin:0 0 .5rem;font-size:.95rem;font-weight:600}.story-warnings-body{color:#7c4500;font-size:.9rem;line-height:1.6}.story-warnings-body p{margin:0}.story-guide-body{color:#374151;font-size:.95rem;line-height:1.75}.story-guide-body h3,.story-guide-body h4{color:var(--color-text);margin:1.25rem 0 .5rem;font-size:1rem;font-weight:700}.story-guide-body p{margin:0 0 .75rem}.story-guide-body ul,.story-guide-body ol{margin:.5rem 0 .75rem;padding-left:1.4rem}.story-guide-body li{margin-bottom:.4rem}.story-guide-cta-wrap{justify-content:center;margin-top:2rem;display:flex}.btn-guide-cta{background:var(--btn-gradient);color:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:.875rem 2.25rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-guide-cta:hover{filter:brightness(.92);transform:translateY(-2px);box-shadow:0 6px 20px #72b9c666}@keyframes sp-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width:900px){.story-hero{padding:4rem 0 5rem}.story-hero-inner{flex-direction:row;align-items:flex-start;gap:4rem}.story-hero-cover img{width:280px}.story-hero-content{text-align:left;flex:1}.story-meta-row,.story-tags{justify-content:flex-start}.story-cta-block{align-items:flex-start}.story-store-buttons{justify-content:flex-start}.story-guide-card{padding:2.5rem 3rem}}@media (min-width:1100px){.story-hero-cover img{width:320px}}@media (prefers-reduced-motion:reduce){.story-hero-cover img,.story-gallery-item img,.btn-open-story,.btn-guide-cta{transition:none}.open-story-hint{animation:none}}.btn-open-story:focus-visible,.btn-guide-cta:focus-visible,.btn-open-story-secondary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}