/* Civics Resilience — Article II: Executive Module Styles */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Source+Sans+Pro:wght@400;600&display=swap');

:root{ --ivory:#f6f1e7; --navy:#0a2a43; --gold:#e0c15a; --slate:#4a4a4a; --text:#333; }
body{ background:var(--ivory); color:var(--text); font-family:'Source Sans Pro',sans-serif; line-height:1.7; margin:0; }
.civics-hero{ position:relative; background:var(--ivory); border-bottom:4px solid var(--gold); text-align:center; overflow:hidden; }
.civics-hero .hero-banner{ width:100%; height:auto; opacity:.97; }
.civics-hero .hero-text{ position:absolute; top:34%; left:50%; transform:translate(-50%,-34%); color:var(--navy); text-shadow:0 2px 6px rgba(0,0,0,.2); }
.civics-hero h1{ font-family:'Merriweather',serif; font-size:2.6rem; margin:.1rem 0; }
.civics-hero h3{ color:var(--slate); font-size:1.25rem; margin:.2rem 0; }
.civics-hero .tagline{ color:var(--gold); letter-spacing:.5px; }
.civics-content{ padding:2.5rem 4rem; }
.civics-content h2{ font-family:'Merriweather',serif; color:var(--navy); border-left:6px solid var(--gold); padding-left:12px; margin-top:2rem; }
.executive-list{ list-style:none; padding-left:1.1rem; }
.executive-list li{ position:relative; padding-left:1rem; margin:.5rem 0; }
.executive-list li::before{ content:"•"; position:absolute; left:0; top:0; color:var(--gold); font-weight:700; }
.timeline-section{ text-align:center; margin-top:2.5rem; background:var(--ivory); border:1px solid var(--gold); border-radius:8px; padding:2rem; box-shadow:0 3px 8px rgba(0,0,0,.12); }
.timeline-graphic{ width:86%; border:2px solid var(--slate); border-radius:8px; margin-top:1rem; }
.downloads{ margin-top:1rem; }
.download-btn{ display:inline-block; margin:.25rem .4rem; background:var(--gold); color:white; padding:.7rem 1.2rem; border-radius:4px; text-decoration:none; font-weight:600; transition:all .25s ease-in-out; }
.download-btn:hover{ background:var(--navy); color:var(--ivory); transform:translateY(-2px); }
.quote-block{ background:var(--ivory); border-left:6px solid var(--navy); margin:3rem 4rem; padding:1.5rem 2rem; font-style:italic; color:#222; border-radius:4px; box-shadow:0 2px 6px rgba(0,0,0,.1); }
.quote-block span{ display:block; margin-top:.5rem; font-weight:600; color:var(--gold); font-style:normal; }
.fade{ animation:fadeInUp .9s ease-out; }
@keyframes fadeInUp{ 0%{opacity:0; transform:translateY(22px);} 100%{opacity:1; transform:translateY(0);} }
@media (max-width:768px){ .civics-content{ padding:1.5rem; } .civics-hero h1{ font-size:1.9rem; } .civics-hero h3{ font-size:1.1rem; } .timeline-graphic{ width:95%; } }