:root{--color-primary: #1B4332;--color-secondary: #2D6A4F;--color-accent: #40916C;--color-highlight: #52B788;--color-warning: #E9C46A;--color-danger: #E76F51;--color-bg: #F8F9FA;--color-surface: #FFFFFF;--color-text: #212529;--color-text-muted: #6C757D;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:1.6}.app{min-height:100vh}.header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:var(--space-2xl) var(--space-xl);text-align:center}.header h1{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-sm)}.header p{font-size:var(--font-size-lg);opacity:.9}.data-vintage-banner{background:linear-gradient(90deg,#fff3cd,#ffeaa7);border-left:4px solid #ffc107;padding:var(--space-md) var(--space-xl);display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-sm);color:#856404}.vintage-icon{font-size:var(--font-size-xl)}.vintage-text{flex:1}.main-content{max-width:1200px;margin:0 auto;padding:var(--space-xl)}.story-nav{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-xl);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.story-nav-btn{flex:1;min-width:150px;padding:var(--space-md);border:2px solid transparent;border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;transition:all .2s ease;text-align:left}.story-nav-btn:hover{background:var(--color-highlight);color:#fff}.story-nav-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-accent)}.story-nav-btn h3{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-xs)}.story-nav-btn p{font-size:var(--font-size-xs);opacity:.7}.story-content{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.story-header{padding:var(--space-xl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff}.story-header h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm)}.story-header .tagline{font-size:var(--font-size-xl);opacity:.9;font-style:italic}.story-body{padding:var(--space-xl)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.metric-card{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;border-left:4px solid var(--color-accent)}.metric-card.success{border-left-color:var(--color-accent)}.metric-card.warning{border-left-color:var(--color-warning)}.metric-card.danger{border-left-color:var(--color-danger)}.metric-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary)}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-xs)}.metric-year{font-size:var(--font-size-xs);color:var(--color-text-muted)}.chart-container{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.chart-container h3{font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--space-md)}.chart-wrapper{width:100%;height:300px}.insight-box{background:linear-gradient(135deg,var(--color-highlight) 0%,var(--color-accent) 100%);color:#fff;padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.insight-box h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.insight-box p{font-size:var(--font-size-base);opacity:.95}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}.sw-list{list-style:none}.sw-list li{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-md)}.sw-list.strength li{background:#40916c1a;border-left:4px solid var(--color-accent)}.sw-list.weakness li{background:#e9c46a1a;border-left:4px solid var(--color-warning)}.footer{text-align:center;padding:var(--space-xl);color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (max-width: 768px){.header h1{font-size:var(--font-size-2xl)}.story-nav{flex-direction:column}.story-nav-btn{min-width:100%}.metrics-grid{grid-template-columns:1fr}}