.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;justify-content:center;width:100%;margin-bottom:3rem;display:flex;overflow-x:auto}.ridgeplot-container svg{min-width:780px;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{color:#72efdd;background:#10b98126;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] .prophet-tile .english-name{color:#000000bf}[data-theme=light] .prophet-tile .mention-badge{color:#0009;background:#0000000f}[data-theme=light] .maryam-callout{border-left-color:var(--gold);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}@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}}
