.era-nav{position:sticky;top:var(--header-height);z-index:20;background:var(--surface-body);border-bottom:var(--border-subtle);padding:var(--space-3) 0}.era-nav__wrapper{position:relative;display:flex;align-items:center;gap:var(--space-1);padding:0 var(--content-padding)}.era-nav__scroll{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;flex:1;min-width:0;padding:var(--space-1)}.era-nav__scroll::-webkit-scrollbar{display:none}.era-nav__arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--color-gray-200);border-radius:50%;background:var(--surface-card);color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm)}.era-nav__arrow:hover{color:var(--text-primary);border-color:var(--color-gray-400);background:var(--surface-body)}.era-nav__arrow:active:not(:disabled){transform:scale(.93)}.era-nav__arrow:disabled{opacity:.3;cursor:default;box-shadow:none}.era-nav__pill{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);background:transparent;color:var(--text-muted);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);scroll-snap-align:start;white-space:nowrap}.era-nav__pill:hover{color:var(--text-primary);border-color:var(--color-gray-400)}.era-nav__pill--active{background:var(--color-brand-500);color:var(--text-inverse);border-color:var(--color-brand-500)}.era-nav__pill--active:hover{background:var(--color-brand-600);border-color:var(--color-brand-600);color:var(--text-inverse)}.era-nav__pill-years{font-size:.625rem;opacity:.5;font-weight:400}.era-nav__pill--active .era-nav__pill-years{opacity:.75}.timeline-card{display:flex;flex-direction:column;padding:var(--space-3) var(--space-4);border:var(--border-card);border-radius:var(--radius-lg);background:var(--surface-card);text-decoration:none;color:inherit;transition:all var(--duration-fast) var(--ease-out)}.timeline-card:hover{border-color:var(--color-gray-400);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.timeline-card__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.timeline-card__year{font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-brand-500)}.timeline-card__badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--text-muted)}.timeline-card__name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.timeline-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--color-gray-100)}.timeline-card__mfr{display:flex;align-items:center;gap:var(--space-2);min-width:0}.timeline-card__mfr-logo{width:1.5rem;height:1.5rem;object-fit:contain;border-radius:var(--radius-sm);flex-shrink:0}.timeline-card__mfr-initial{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);background:var(--color-gray-100);color:var(--text-muted);font-size:.625rem;font-weight:700;flex-shrink:0}.timeline-card__mfr-name{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-card__country{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.timeline-card__flag{font-size:.875rem}.timeline-card__country-name{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.timeline-view{position:relative;padding:var(--space-6) 0 var(--space-10)}.timeline-view__line{position:absolute;left:.625rem;top:0;bottom:0;width:2px;background:var(--color-gray-200)}.timeline-view__section{position:relative;display:flex;gap:var(--space-5);padding-bottom:var(--space-8)}.timeline-view__section+.timeline-view__section .timeline-view__content:before{content:"";display:block;height:1px;background:var(--color-gray-100);margin-bottom:var(--space-4)}.timeline-view__marker{position:relative;flex-shrink:0;width:1.25rem;display:flex;justify-content:center;padding-top:var(--space-1)}.timeline-view__dot{width:.75rem;height:.75rem;border-radius:50%;background:var(--color-brand-500);border:2px solid var(--surface-body);box-shadow:0 0 0 2px var(--color-brand-500)}.timeline-view__content{flex:1;min-width:0}.timeline-view__section-header{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.timeline-view__decade{font-family:var(--font-serif);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:400;color:var(--text-primary);margin:0}.timeline-view__era-tag{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-brand-50);color:var(--color-brand-700)}.timeline-view__count{font-size:var(--text-xs);color:var(--text-muted)}.timeline-view__conflicts{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-bottom:var(--space-3)}.timeline-view__conflict{font-size:.625rem;padding:1px var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--color-error);font-weight:500}.timeline-view__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-3)}.timeline-view__empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--text-muted);font-size:var(--text-sm)}@media(max-width:640px){.timeline-view__cards{grid-template-columns:1fr}}.timeline-filters{display:flex;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) 0}.timeline-filters__group{display:flex;align-items:center;gap:var(--space-2)}.timeline-filters__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap}.timeline-filters__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-1) var(--space-8) var(--space-1) var(--space-3);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M3 4.5L6 8l3-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center}.timeline-filters__select:hover{border-color:var(--color-gray-400)}.timeline-filters__select:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.timeline{max-width:72rem;margin:0 auto;padding:var(--space-12) var(--content-padding) var(--space-16)}.timeline__hero{margin-bottom:var(--space-6);text-align:center;max-width:48rem;margin-left:auto;margin-right:auto}.timeline__crumbs{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:var(--border-subtle)}.timeline__crumbs a{color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.timeline__crumbs a:hover{color:var(--text-link)}.timeline__crumb-sep{color:var(--color-gray-300);font-size:var(--text-base)}.timeline__badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-brand-700);background:var(--color-brand-50);padding:2px var(--space-2);border-radius:var(--radius-full);margin-bottom:var(--space-3)}.timeline__badge-icon{width:.875rem;height:.875rem}.timeline__title{font-family:var(--font-serif);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:400;letter-spacing:-.01em;line-height:1.1;margin-bottom:var(--space-2)}.timeline__subtitle{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:36rem;margin:0 auto}.timeline__stat{margin-top:var(--space-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-muted)}.timeline__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12) 0;color:var(--text-muted);font-size:var(--text-sm)}.timeline__spinner{width:1.5rem;height:1.5rem;border:2px solid var(--color-gray-200);border-top-color:var(--color-brand-500);border-radius:50%;animation:tl-spin .6s linear infinite}@keyframes tl-spin{to{transform:rotate(360deg)}}.timeline__error{text-align:center;padding:var(--space-10) var(--space-4);color:var(--text-muted);font-size:var(--text-sm)}.timeline__cta{margin-top:var(--space-10);padding:var(--space-8) var(--space-6);background:var(--surface-card);border:var(--border-card);border-radius:var(--radius-xl);text-align:center}.timeline__cta-title{font-family:var(--font-serif);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:400;margin-bottom:var(--space-2)}.timeline__cta-text{font-size:var(--text-sm);color:var(--text-secondary);max-width:32rem;margin:0 auto var(--space-5);line-height:var(--leading-relaxed)}.timeline__cta-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}