.timeline-page h2{margin-bottom:var(--space-sm);font-size:1.5rem;font-weight:700}.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-explainer{gap:var(--space-md);margin:var(--space-lg) 0;flex-direction:column;display:flex}.tl-explainer h3{font-size:var(--text-xl);color:var(--text-primary);margin:0}.tl-explainer>p{max-width:850px;color:var(--text-secondary);margin:0;line-height:1.7}.tl-explainer-grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tl-explainer-grid article{gap:var(--space-xs);padding:var(--space-md);border:var(--border);border-radius:var(--border-radius-lg);background:var(--bg-secondary);flex-direction:column;display:flex}.tl-explainer-grid strong{color:var(--text-primary)}.tl-explainer-grid span{color:var(--text-secondary);line-height:1.6}.tl-filters{margin-bottom:var(--space-xl);flex-wrap:wrap;gap:.5rem;display:flex}.tl-filter-btn{border:1px solid var(--color-gray-300,#d1d5db);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition);border-radius:999px;padding:.4rem 1rem}.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{flex-direction:column;gap:0;display:flex}.tl-section{border-bottom:1px solid var(--color-gray-200,#e5e7eb)}.tl-section summary{padding:var(--space-md) 0;cursor:pointer;user-select:none;justify-content:space-between;align-items:center;list-style:none;display:flex}.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);flex-shrink:0;transition:transform .2s}.tl-section[open]>summary .tl-chevron{transform:rotate(180deg)}.tl-items{padding:0 0 var(--space-md) 0;gap:var(--space-sm);flex-direction:column;display:flex}.tl-item{padding:var(--space-sm) var(--space-md);background:var(--color-gray-50,#f9fafb);border-radius:var(--border-radius);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.tl-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.tl-item-label{font-weight:500;font-size:var(--text-sm);color:var(--text-primary)}.tl-item-desc{color:var(--text-secondary);font-size:.8rem}.tl-time{font-size:var(--text-sm);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.25rem .75rem;font-weight:600}.tl-time.time-fast{color:#166534;background:#dcfce7}.tl-time.time-mid{color:#854d0e;background:#fef9c3}.tl-time.time-slow{color:#991b1b;background:#fee2e2}.tl-time.time-na{background:var(--color-gray-100,#f3f4f6);color:var(--text-secondary)}.tl-legend{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);flex-wrap:wrap;display:flex}.tl-legend-title{color:var(--text-primary);font-weight:600}.tl-legend-item{align-items:center;gap:.35rem;display:flex}.tl-dot{border-radius:50%;width:10px;height:10px;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{margin-bottom:var(--space-xs);font-size:1.25rem;font-weight:700}.tl-pathways-desc{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.pathway-selector{margin-bottom:var(--space-xl);flex-wrap:wrap;gap:.5rem;display:flex}.pathway-btn{border:1px solid var(--color-gray-300,#d1d5db);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition);border-radius:999px;padding:.4rem 1rem}.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{gap:var(--space-lg);flex-direction:column;display:flex}.pathway-step{gap:var(--space-md);display:flex}.step-num{background:var(--color-primary);color:#fff;width:32px;height:32px;font-weight:700;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-body{flex:1;min-width:0}.step-body h4{font-size:var(--text-base);margin:0 0 .25rem;font-weight:600}.step-time{color:var(--color-primary);margin-bottom:var(--space-sm);font-size:.8rem;font-weight:600;display:inline-block}.step-body ul{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.step-body li{font-size:var(--text-sm);color:var(--text-secondary);padding-left:1rem;position:relative}.step-body li:before{content:"·";color:var(--text-secondary);position:absolute;left:0}.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 (width<=640px){.tl-explainer-grid{grid-template-columns:1fr}.tl-item{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.tl-filters{gap:.35rem}.tl-filter-btn,.pathway-btn{padding:.3rem .75rem;font-size:.8rem}.pathway-step{gap:var(--space-sm)}.step-num{width:28px;height:28px;font-size:.75rem}}