.timeline-page h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-sm)}.tl-description{color:var(--text-secondary);margin-bottom:var(--space-xs);line-height:1.6}.tl-updated{font-size:var(--text-sm);color:var(--text-tertiary, var(--text-secondary));margin-bottom:var(--space-lg)}.tl-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--space-xl)}.tl-filter-btn{padding:.4rem 1rem;border:1px solid var(--color-gray-300, #d1d5db);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;border-radius:999px;transition:var(--transition)}.tl-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.tl-filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tl-sections{display:flex;flex-direction:column;gap:0}.tl-section{border-bottom:1px solid var(--color-gray-200, #e5e7eb)}.tl-section summary{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;cursor:pointer;list-style:none;user-select:none}.tl-section summary::-webkit-details-marker{display:none}.tl-section-name{font-weight:600;font-size:var(--text-base);color:var(--text-primary)}.tl-chevron{color:var(--text-secondary);transition:transform .2s ease;flex-shrink:0}.tl-section[open]>summary .tl-chevron{transform:rotate(180deg)}.tl-items{padding:0 0 var(--space-md) 0;display:flex;flex-direction:column;gap:var(--space-sm)}.tl-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-gray-50, #f9fafb);border-radius:var(--border-radius);gap:var(--space-md)}.tl-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.tl-item-label{font-weight:500;font-size:var(--text-sm);color:var(--text-primary)}.tl-item-desc{font-size:.8rem;color:var(--text-secondary)}.tl-time{font-size:var(--text-sm);font-weight:600;padding:.25rem .75rem;border-radius:999px;white-space:nowrap;flex-shrink:0}.tl-time.time-fast{background:#dcfce7;color:#166534}.tl-time.time-mid{background:#fef9c3;color:#854d0e}.tl-time.time-slow{background:#fee2e2;color:#991b1b}.tl-time.time-na{background:var(--color-gray-100, #f3f4f6);color:var(--text-secondary)}.tl-legend{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-sm) 0;font-size:var(--text-sm);color:var(--text-secondary)}.tl-legend-title{font-weight:600;color:var(--text-primary)}.tl-legend-item{display:flex;align-items:center;gap:.35rem}.tl-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.tl-dot.time-fast{background:#22c55e}.tl-dot.time-mid{background:#eab308}.tl-dot.time-slow{background:#ef4444}.tl-dot.time-na{background:var(--color-gray-300, #d1d5db)}.tl-empty{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.tl-pathways{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-gray-200, #e5e7eb)}.tl-pathways h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-xs)}.tl-pathways-desc{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.pathway-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--space-xl)}.pathway-btn{padding:.4rem 1rem;border:1px solid var(--color-gray-300, #d1d5db);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;border-radius:999px;transition:var(--transition)}.pathway-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pathway-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pathway-steps{display:flex;flex-direction:column;gap:var(--space-lg)}.pathway-step{display:flex;gap:var(--space-md)}.step-num{width:32px;height:32px;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);flex-shrink:0;border-radius:50%}.step-body{flex:1;min-width:0}.step-body h4{font-size:var(--text-base);font-weight:600;margin:0 0 .25rem}.step-time{display:inline-block;font-size:.8rem;color:var(--color-primary);font-weight:600;margin-bottom:var(--space-sm)}.step-body ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.step-body li{font-size:var(--text-sm);color:var(--text-secondary);padding-left:1rem;position:relative}.step-body li:before{content:"·";position:absolute;left:0;color:var(--text-secondary)}.tl-note{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-gray-200, #e5e7eb);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.tl-note a{color:var(--color-primary);text-decoration:underline}@media(max-width:640px){.tl-item{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.tl-filters{gap:.35rem}.tl-filter-btn,.pathway-btn{font-size:.8rem;padding:.3rem .75rem}.pathway-step{gap:var(--space-sm)}.step-num{width:28px;height:28px;font-size:.75rem}}