/* Wissa Sobhy Archive — Visual System V3 */
:root{--archive-forest:#14273f;--archive-forest-2:#1d3a5c;--archive-gold:#b08a45;--archive-gold-soft:#d7c08e;--archive-ivory:#f5f0e6;--archive-paper:#fbf8f1;--archive-sand:#e8dfcf;--archive-ink:#242824;--archive-muted:#6d716b;--archive-line:rgba(20,39,63,.14);--archive-danger:#8b3a32;--archive-shadow:0 14px 36px rgba(32,43,37,.09);--archive-radius:18px;--archive-radius-sm:12px}
html{scroll-padding-top:90px}body{background:var(--archive-ivory);color:var(--archive-ink);font-family:'Cairo','Amiri',sans-serif;line-height:1.85}.container{max-width:1240px;padding-inline:1.25rem}
.navbar{background:var(--archive-forest);border-bottom:3px solid var(--archive-gold);box-shadow:0 5px 20px rgba(20,39,63,.16);padding:.75rem 0}.navbar .container{gap:1.25rem}.logo h1{font-family:'Amiri','Cairo',serif;font-size:1.55rem;letter-spacing:-.02em}.logo .tagline{color:var(--archive-gold-soft);letter-spacing:.03em}.nav-menu{gap:.35rem}.nav-menu a{display:block;padding:.55rem .75rem;border-radius:9px}.nav-menu a:hover,.nav-menu a.active{color:#fff;background:rgba(255,255,255,.09);border-bottom:0;padding-bottom:.55rem}.lang-en{background:var(--archive-gold);color:var(--archive-forest);border-radius:999px;padding:.45rem .9rem}.lang-en:hover{color:var(--archive-forest);background:var(--archive-gold-soft)}
.hero{background:linear-gradient(135deg,var(--archive-forest) 0%,#21483e 62%,#24405f 100%);padding:5.5rem 0 4.5rem;text-align:right}.hero::before{opacity:.25;background:radial-gradient(circle,rgba(215,192,142,.24) 1px,transparent 1px);background-size:34px 34px;animation:none}.hero-content{max-width:920px;margin-inline:auto}.hero h2{font-family:'Amiri','Cairo',serif;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.15;text-shadow:none}.hero .subtitle{font-size:1.2rem;color:var(--archive-gold-soft)}.hero-intro{max-width:820px;margin-inline:auto 0;color:rgba(255,255,255,.9);font-size:1.08rem}.hero-intro p{margin-bottom:.85rem}.hero-buttons{justify-content:flex-start}
.btn{border-radius:999px;padding:.72rem 1.45rem;border:1px solid transparent;box-shadow:none}.btn-primary{background:var(--archive-gold);color:var(--archive-forest)}.btn-primary:hover{background:var(--archive-gold-soft);color:var(--archive-forest);transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.12)}.btn-secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}.btn-secondary:hover{background:#fff;color:var(--archive-forest)}.btn-outline{border-color:var(--archive-forest);color:var(--archive-forest)}.btn-outline:hover{background:var(--archive-forest);color:#fff}
.quick-info,.major-events{background:var(--archive-paper);padding:4.5rem 0}.info-grid,.events-grid{gap:1.25rem}.info-card,.event-card,.feature,.role-card,.info-box,.highlight-box,.jubilee-box,.summary-box{background:var(--archive-paper);border:1px solid var(--archive-line);border-radius:var(--archive-radius);box-shadow:var(--archive-shadow)}.info-card{padding:1.7rem}.info-card:hover,.feature:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(32,43,37,.12)}.info-card .icon{font-size:2rem}.info-card h3{font-family:'Amiri','Cairo',serif}.info-card li{border-bottom-color:var(--archive-line)}.info-card dt{color:var(--archive-forest)}.info-card dd,.event-card p,.feature p{color:var(--archive-muted)}
.major-events h2,.relationship-section h2,.year-2025 h2,.features h2,.verification h2{font-family:'Amiri','Cairo',serif;position:relative}.major-events h2::after,.relationship-section h2::after,.year-2025 h2::after{content:'';display:block;width:58px;height:3px;background:var(--archive-gold);margin:.65rem auto 0;border-radius:9px}.event-card{border-width:1px;padding:1.45rem}.event-card::before{width:4px;background:var(--archive-gold)}.event-card.event-crisis::before{background:var(--archive-danger)}.event-card.event-transition::before{background:var(--archive-gold)}.event-card:hover{transform:translateY(-3px);box-shadow:var(--archive-shadow)}.event-date{color:var(--archive-gold);font-weight:700}.event-tag{border-radius:999px}.event-tag.verified{background:#e4eee8;color:var(--archive-forest)}.event-tag.crisis{background:#f1dfdc;color:#733029}.event-tag.important{background:#eee4ce;color:#745821}
.relationship-section,.year-2025{margin:0;padding:4.5rem 0;border-top:1px solid var(--archive-line);background:var(--archive-ivory)}.relationship-text{color:var(--archive-ink)}.relationship-text a{color:var(--archive-forest);border-bottom:1px solid var(--archive-gold)}.year-events{gap:1.25rem}.year-event{background:var(--archive-paper);padding:1.4rem;border-right:4px solid var(--archive-gold);border-radius:var(--archive-radius-sm);box-shadow:var(--archive-shadow)}.year-event .event-date,.year-event .event-title{color:var(--archive-forest)}.year-event p{color:var(--archive-muted)}
.cta{background:var(--archive-forest);padding:4rem 0;border-top:3px solid var(--archive-gold)}.cta h2{font-family:'Amiri','Cairo',serif}.cta .btn-outline{color:#fff;border-color:rgba(255,255,255,.5)}.cta .btn-outline:hover{background:#fff;color:var(--archive-forest)}.footer{background:#102923;color:#d9ded8;border-top:1px solid var(--archive-gold);padding:3.5rem 0 1.25rem;margin-top:0}.footer-section h4{font-family:'Amiri','Cairo',serif;color:#fff}.footer-section a{color:#d9ded8}.footer-section a:hover{color:var(--archive-gold-soft)}.footer-bottom{border-top-color:rgba(215,192,142,.25)}
.page-header{background:linear-gradient(135deg,var(--archive-forest),var(--archive-forest-2));color:#fff;padding:3.5rem 0;border-bottom:3px solid var(--archive-gold)}.page-header h1{font-family:'Amiri','Cairo',serif;color:#fff;font-size:clamp(2rem,4vw,3.2rem)}.page-header .subtitle{color:var(--archive-gold-soft)}
.biography-content{padding:3.5rem 0;background:var(--archive-ivory)}.biography-content .container{display:grid;grid-template-columns:270px minmax(0,1fr);gap:2.5rem;align-items:start}.toc{position:sticky;top:105px;background:var(--archive-paper);border:1px solid var(--archive-line);border-top:4px solid var(--archive-gold);border-radius:var(--archive-radius);padding:1.25rem;box-shadow:var(--archive-shadow)}.toc h3{font-family:'Amiri','Cairo',serif}.toc ul{list-style:none;padding:0}.toc li+li{border-top:1px solid var(--archive-line)}.toc a{display:block;padding:.55rem .25rem;color:var(--archive-muted)}.toc a:hover{color:var(--archive-forest);padding-right:.5rem}.bio-main{max-width:850px}.bio-main>section{padding:0 0 3rem;margin-bottom:3rem;border-bottom:1px solid var(--archive-line)}.bio-main>section:last-child{border-bottom:0}.bio-main h2{font-family:'Amiri','Cairo',serif;font-size:2rem;color:var(--archive-forest)}.bio-main h4{color:var(--archive-forest);margin-top:1.5rem}.bio-main p,.bio-main li{color:#3d423d}.info-box,.highlight-box,.jubilee-box,.summary-box{padding:1.35rem;margin:1.25rem 0}.highlight-box,.jubilee-box{border-right:4px solid var(--archive-gold)}.role-card{padding:1.35rem;margin:1rem 0}.role-card h3{font-family:'Amiri','Cairo',serif}.timeline-item{border-right:3px solid var(--archive-gold);padding:1rem 1.25rem;margin:1rem 0;background:rgba(255,255,255,.35);border-radius:0 var(--archive-radius-sm) var(--archive-radius-sm) 0}.timeline-item .year{color:var(--archive-gold);font-weight:700}.crisis-item{border-right:3px solid var(--archive-danger);padding:1rem 1.2rem;margin:1rem 0;background:#f7eeeb;border-radius:0 var(--archive-radius-sm) var(--archive-radius-sm) 0}.transition-event{border-right:3px solid var(--archive-gold);padding:1rem 1.2rem;margin:1rem 0;background:var(--archive-paper);border-radius:0 var(--archive-radius-sm) var(--archive-radius-sm) 0}.jubilee-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0}.jubilee-stats .stat{background:var(--archive-forest);border-radius:var(--archive-radius-sm);padding:1rem;text-align:center}.jubilee-stats .number{display:block;color:var(--archive-gold-soft);font-size:2rem;font-weight:800}.jubilee-stats .label{color:#fff;font-size:.85rem}
/* Biography-first timeline */
.timeline-page{padding:3.5rem 0 5rem}.timeline-intro{max-width:860px;margin:0 auto 2rem;text-align:center}.timeline-intro h1{font-family:'Amiri','Cairo',serif;color:var(--archive-forest);font-size:clamp(2.1rem,4vw,3.2rem);margin-bottom:.5rem}.timeline-intro p{color:var(--archive-muted);font-size:1.05rem}.timeline-eras{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:center;margin:1.5rem auto 3rem}.timeline-filter{border:1px solid var(--archive-line);background:var(--archive-paper);color:var(--archive-forest);border-radius:999px;padding:.5rem 1rem;font:inherit;cursor:pointer}.timeline-filter:hover,.timeline-filter.active{background:var(--archive-forest);color:#fff;border-color:var(--archive-forest)}.life-timeline{position:relative;max-width:960px;margin:auto}.life-timeline::before{content:'';position:absolute;top:0;bottom:0;right:22px;width:2px;background:var(--archive-line)}.life-era{position:relative;margin:0 0 2.5rem}.life-era-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.life-era-marker{width:46px;height:46px;border-radius:50%;background:var(--archive-forest);color:var(--archive-gold-soft);display:grid;place-items:center;position:relative;z-index:1;border:4px solid var(--archive-ivory);box-shadow:0 0 0 1px var(--archive-gold)}.life-era-heading h2{font-family:'Amiri','Cairo',serif;color:var(--archive-forest);margin:0}.life-era-heading p{margin:0;color:var(--archive-muted);font-size:.9rem}.life-event{position:relative;margin:0 0 1rem 0;margin-right:58px;background:var(--archive-paper);border:1px solid var(--archive-line);border-radius:var(--archive-radius-sm);padding:1.25rem 1.4rem;box-shadow:0 8px 24px rgba(32,43,37,.06)}.life-event::before{content:'';position:absolute;right:-42px;top:1.5rem;width:12px;height:12px;border-radius:50%;background:var(--archive-gold);box-shadow:0 0 0 4px var(--archive-ivory),0 0 0 5px var(--archive-gold-soft)}.life-event.major{border-top:3px solid var(--archive-gold)}.life-event.crisis{border-right:4px solid var(--archive-danger)}.life-event .event-meta{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;color:var(--archive-muted);font-size:.88rem}.life-event .event-year{font-weight:800;color:var(--archive-gold);font-size:1rem}.life-event h3{font-family:'Amiri','Cairo',serif;color:var(--archive-forest);font-size:1.25rem;margin:.35rem 0}.life-event p{margin:.35rem 0;color:#444a45}.life-event .event-role{margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--archive-line);color:var(--archive-forest);font-size:.92rem}.life-event .event-note{font-size:.82rem;color:var(--archive-muted);margin-top:.55rem}.timeline-more{margin-top:2rem;text-align:center}.timeline-count{display:inline-block;background:var(--archive-sand);color:var(--archive-forest);padding:.35rem .8rem;border-radius:999px;font-size:.85rem}.timeline-empty{text-align:center;padding:2rem;color:var(--archive-muted)}
:focus-visible{outline:3px solid var(--archive-gold);outline-offset:3px}::selection{background:var(--archive-gold-soft);color:var(--archive-forest)}
@media(max-width:900px){.biography-content .container{grid-template-columns:1fr}.toc{position:static}.bio-main{max-width:none}.jubilee-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.navbar .container{gap:.75rem}.hero{padding:4rem 0 3.5rem;text-align:center}.hero-intro{margin-inline:auto}.hero-buttons{justify-content:center}.quick-info,.major-events,.relationship-section,.year-2025{padding:3.25rem 0}.container{padding-inline:1rem}.life-timeline::before{right:16px}.life-era-marker{width:38px;height:38px}.life-event{margin-right:48px}.life-event::before{right:-34px;width:10px;height:10px}}
@media(max-width:576px){.hero h2{font-size:2rem}.hero-intro{font-size:1rem}.hero-buttons .btn{max-width:320px}.info-card,.event-card{padding:1.25rem}.jubilee-stats{grid-template-columns:1fr 1fr}.page-header{padding:2.5rem 0}.timeline-page{padding-top:2.5rem}.life-event{padding:1rem}.life-event h3{font-size:1.12rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}