.stories-page{background:var(--paper)}.stories-intro{max-width:780px;margin:0 auto;padding:9.5rem 1.5rem 3rem}.stories-intro h1,.story-detail h1{margin:.45rem 0;font-size:clamp(2.8rem,7vw,5.5rem);line-height:1.02}.stories-intro>p:last-child{max-width:600px;font-size:1.1rem;color:var(--muted)}.stories-feed{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:780px;margin:0 auto;padding:1rem 1.5rem 5rem}.story-card{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--white);box-shadow:0 10px 28px #0000000d}.story-card>header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem}.story-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--brand);color:#17130a;font-weight:800}.story-card header small{display:block;margin-top:.1rem;color:var(--muted);font-size:.75rem}.story-card-copy{padding:1.25rem 1.35rem 1.4rem}.story-card-copy h2{margin:.3rem 0 .6rem;font-size:1.55rem}.story-card-copy h2 a{color:inherit;text-decoration:none}.story-card-copy>p:not(.eyebrow){margin:.35rem 0 1.1rem;line-height:1.7}.stories-more{justify-content:center;padding:0 0 5rem}.story-slider{position:relative;overflow:hidden;background:#111;touch-action:pan-y}.story-slider:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.story-slider-track{display:flex;width:100%;transition:transform .35s ease}.story-slide{flex:0 0 100%;width:100%;margin:0;background:#111}.story-card .story-slide{aspect-ratio:3/2}.story-slide img,.story-slide video,.story-slide iframe{display:block;width:100%;height:100%;border:0;object-fit:cover;background:#111;-webkit-user-drag:none;user-select:none}.story-slider-arrow{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #fff7;border-radius:50%;background:#111a;color:#fff;font-size:1.8rem;transform:translateY(-50%);cursor:pointer}.story-slider-arrow.prev{left:1rem}.story-slider-arrow.next{right:1rem}.story-slider-dots{position:absolute;z-index:3;left:50%;bottom:1rem;display:flex;gap:.45rem;transform:translateX(-50%)}.story-slider-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#ffffff80;cursor:pointer}.story-slider-dots button.active{background:var(--brand);transform:scale(1.25)}.story-slider-count{position:absolute;z-index:3;top:1rem;right:1rem;padding:.3rem .55rem;border-radius:999px;background:#111b;color:#fff;font-size:.7rem}.story-detail{max-width:960px;margin:0 auto;padding:9.5rem 1.5rem 6rem}.story-detail>header{max-width:780px;margin:0 auto 2rem}.story-detail-toolbar{display:flex;align-items:center;justify-content:space-between;max-width:780px;margin:0 auto 2rem}.story-back,.story-share-button{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.story-back{text-underline-offset:6px}.story-share-button{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.story-author{margin:0;color:var(--muted)}.story-detail-slider{max-width:780px;margin:0 auto 2.75rem;border-radius:9px}.story-detail-slider .story-slide{aspect-ratio:3/2}.story-body{max-width:720px;margin:0 auto;font-size:1.08rem;line-height:1.9}.share-dialog{width:min(540px,calc(100% - 2rem));padding:0;border:0;border-radius:10px;background:var(--paper);color:var(--ink)}.share-dialog::backdrop{background:#000b}.share-dialog-inner{padding:1.4rem}.share-dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.share-dialog-heading h2{margin:.2rem 0;font-size:1.35rem}.share-dialog-heading>button{width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:1.4rem}.share-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding-top:1rem}.share-options a,.share-options button{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:.75rem;min-height:82px;padding:1rem;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);text-align:left;text-decoration:none;cursor:pointer}.share-options>a>i,.share-options>button>i,.share-brand-rednote{display:grid;place-items:center;width:32px;height:32px;color:var(--ink);font-size:1.25rem}.share-brand-rednote{border-radius:8px;background:#ff2442;color:#fff!important;font-size:.9rem!important;font-weight:800}.share-option-copy{display:grid!important;gap:.15rem;color:var(--ink)!important}.share-option-copy small{color:var(--muted);font-size:.75rem}.share-status{min-height:1.5rem;margin:.8rem 0 0;color:var(--muted);font-size:.8rem}.post-admin-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1rem}.post-admin-media-card{display:grid;gap:.55rem;padding:.6rem;border:1px solid var(--line);background:var(--panel);font-weight:500}.post-admin-media-card img,.post-admin-media-card video{width:100%;aspect-ratio:1/1;object-fit:cover;background:#171717}.post-admin-media-card span{display:flex;gap:.45rem;align-items:center;font-size:.78rem}.post-media-fieldset{margin:1.25rem 0}.post-media-fieldset>label{display:grid;gap:.45rem;font-weight:600}@media(max-width:900px){.stories-intro,.story-detail{padding-top:7.5rem}.stories-feed{padding-left:1rem;padding-right:1rem}.story-detail-slider .story-slide{aspect-ratio:4/3}}@media(max-width:560px){.stories-intro,.story-detail{padding-left:1.2rem;padding-right:1.2rem}.story-card-copy{padding:1rem}.story-slider-arrow{width:36px;height:36px}.story-detail-slider .story-slide{aspect-ratio:2/3}.story-body{font-size:1rem}.share-options{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.story-slider-track{transition:none}}

/* Hashtag discovery and author profiles */
.stories-content{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,640px);justify-content:center;align-items:start;gap:2rem;max-width:960px;margin:0 auto;padding:1rem 1.5rem 5rem}.stories-content .stories-feed{width:100%;max-width:640px;margin:0;padding:0}.story-tag-sidebar{min-width:0}.story-tag-sidebar-inner{position:sticky;top:7.5rem;display:grid;gap:.45rem;padding:1rem;border:1px solid var(--line);border-radius:10px;background:var(--white)}.story-sidebar-heading{margin:0 0 .4rem;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.story-tag-filter{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;padding:.65rem .75rem;border-radius:7px;color:var(--ink);text-decoration:none}.story-tag-filter span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-tag-filter b{display:grid;place-items:center;min-width:25px;height:25px;padding:0 .35rem;border-radius:999px;background:var(--paper);color:var(--muted);font-size:.68rem}.story-tag-filter:hover,.story-tag-filter.active{background:var(--brand);color:#17130a}.story-tag-filter.active b{background:#17130a;color:#fff}.story-tag-empty{margin:.4rem 0;color:var(--muted);font-size:.82rem;line-height:1.5}.story-avatar-image{display:block;object-fit:cover}.story-detail-author{display:flex;align-items:center;gap:.7rem;margin-top:1rem}.story-hashtags{display:flex;flex-wrap:wrap;gap:.45rem;margin:.9rem 0 1.1rem}.story-hashtags a{display:inline-flex;align-items:center;min-height:30px;padding:.35rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--brand) 18%,var(--paper));color:var(--ink);font-size:.75rem;font-weight:700;text-decoration:none}.story-hashtags a:hover,.story-hashtags a:focus-visible{background:var(--brand);color:#17130a}.story-detail-hashtags{max-width:720px;margin:2rem auto 0;padding-top:1.25rem;border-top:1px solid var(--line)}@media(max-width:980px){.stories-content{grid-template-columns:minmax(0,640px);max-width:688px}.story-tag-sidebar-inner{position:static;display:flex;align-items:center;overflow-x:auto}.story-sidebar-heading{flex:0 0 auto;margin:0 .35rem 0 0}.story-tag-filter{flex:0 0 auto}.story-tag-empty{margin:0}}@media(max-width:640px){.stories-content{grid-template-columns:minmax(0,1fr);padding-left:1rem;padding-right:1rem}.story-tag-sidebar-inner{display:grid;align-items:stretch;overflow:visible}.story-sidebar-heading{margin:0 0 .4rem}.story-tag-filter{width:100%}.story-tag-empty{margin:.4rem 0}.story-detail-author .story-avatar{width:34px;height:34px}}

/* Story-detail YouTube slides load on demand so swipe navigation stays responsive before playback. */
.story-youtube-embed{position:relative;width:100%;height:100%;overflow:hidden;background:#111}.story-youtube-embed>img{width:100%;height:100%;object-fit:cover;opacity:.82}.story-youtube-embed>button{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.75rem 1rem;border:1px solid #ffffffb3;border-radius:999px;background:#111d;color:#fff;font:700 .82rem/1 Inter,Arial,sans-serif;transform:translate(-50%,-50%);cursor:pointer}.story-youtube-embed>button i{color:#ff0033;font-size:1.55rem}.story-youtube-embed>button:hover,.story-youtube-embed>button:focus-visible{border-color:#fff;background:#000;color:#fff}.story-youtube-embed>iframe{display:block;width:100%;height:100%;border:0;background:#111}