.stories-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.stories-header{text-align:center;margin-bottom:3rem}.stories-header h1{font-family:var(--font-heading);color:var(--gold);margin-bottom:.5rem;font-size:2.5rem}.stories-header .arabic-subtitle{font-family:var(--font-arabic);color:var(--text-muted);direction:rtl;font-size:1.8rem}.ridgeplot-container{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:3rem;overflow-x:auto}.ridgeplot-container svg{min-width:800px;display:block}.prophet-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.prophet-tile{cursor:pointer;color:inherit;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;align-items:center;padding:1.25rem .75rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.prophet-tile:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.prophet-tile .arabic-name{font-family:var(--font-arabic);color:var(--cream);text-align:center;direction:rtl;margin-bottom:.25rem;font-size:1.5rem}.prophet-tile .english-name{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem}.prophet-tile .mention-badge{background:rgba(var(--emerald-rgb),.15);color:var(--emerald-light,#72efdd);border-radius:999px;padding:.15rem .5rem;font-size:.75rem}.maryam-callout{border-left:4px solid var(--emerald-deep);color:var(--text-muted);background:#ffffff08;border-radius:0 8px 8px 0;margin:2rem 0;padding:1.25rem 1.5rem;line-height:1.7}.maryam-callout strong{color:var(--gold)}[data-theme=light] .prophet-tile{background:#00000005;border-color:#00000014}[data-theme=light] .prophet-tile:hover{box-shadow:0 8px 24px #0000001a}[data-theme=light] .prophet-tile .arabic-name{color:var(--text-primary)}[data-theme=light] .maryam-callout{background:#00000005}.prophet-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.prophet-header{text-align:center;margin-bottom:2rem}.prophet-header .prophet-arabic{font-family:var(--font-arabic);color:var(--gold);text-align:center;direction:rtl;margin-bottom:.5rem;font-size:3rem}.prophet-header h1{font-family:var(--font-heading);color:var(--cream);margin-bottom:.5rem;font-size:2rem}.prophet-header .prophet-stats{color:var(--text-muted);font-size:.95rem}.prophet-content-pack{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin:2rem 0;display:grid}.pcp-card{cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:80px;padding:1rem;transition:border-color .2s,transform .15s;display:flex}.pcp-card:hover{border-color:var(--gold);transform:translateY(-2px)}.pcp-card .pcp-icon{font-size:1.5rem}.pcp-card .pcp-label{color:var(--text-muted);font-size:.85rem}[data-theme=light] .pcp-card{background:#00000005;border-color:#00000014}.pcp-modal-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.pcp-modal{background:var(--bg-primary,#0a0a0a);border-radius:16px;width:100%;max-width:700px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto}.pcp-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.flashcard{perspective:1000px;cursor:pointer;height:250px;margin:1rem 0}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:1.5rem;line-height:1.6;display:flex;position:absolute;inset:0}.flashcard-front{background:rgba(var(--emerald-rgb),.1);border:1px solid rgba(var(--emerald-rgb),.2);font-size:1.1rem}.flashcard-back{background:rgba(var(--gold-rgb,212,175,55),.1);border:1px solid rgba(var(--gold-rgb,212,175,55),.2);color:var(--text-muted);font-size:.95rem;transform:rotateY(180deg)}.flashcard-nav{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.flashcard-nav button{color:var(--cream);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem 1rem}.quiz-question{margin-bottom:2rem}.quiz-question h3{margin-bottom:1rem;font-size:1rem}.quiz-options{flex-direction:column;gap:.5rem;display:flex}.quiz-option{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem 1rem;transition:border-color .2s}.quiz-option:hover{border-color:var(--gold)}.quiz-option.correct{border-color:var(--emerald-deep);background:rgba(var(--emerald-rgb),.1)}.quiz-option.incorrect{background:#e76f511a;border-color:#e76f51}.slideshow{text-align:center}.slideshow img{border-radius:8px;max-width:100%;max-height:65vh}.slideshow-nav{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.slideshow-nav button{color:var(--cream);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem 1rem}@media (max-width:768px){.stories-header h1{font-size:1.8rem}.stories-header .arabic-subtitle{font-size:1.4rem}.prophet-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}.prophet-tile{padding:1rem .5rem}.prophet-tile .arabic-name{font-size:1.2rem}.prophet-content-pack{grid-template-columns:repeat(3,1fr)}.prophet-header .prophet-arabic{font-size:2.2rem}.prophet-header h1{font-size:1.5rem}.pcp-modal{padding:1.25rem}}