.timeline-stage{flex:1;min-height:0;overflow:auto;background:var(--canvas);padding:36px 24px 64px}
.compare-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:20px 0}
.compare-controls input,.compare-controls button{padding:9px;background:var(--paper);color:var(--ink);border:1px solid var(--rule)}
.comparison-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--rule)}
.comparison-table{border-collapse:collapse;width:max-content;min-width:100%}
.comparison-table th,.comparison-table td{border:1px solid var(--rule);padding:12px;vertical-align:top;min-width:200px;max-width:240px;white-space:normal}
.comparison-table th:first-child{position:sticky;left:0;min-width:120px;max-width:150px;background:var(--paper);z-index:1}
.comparison-event{display:block;color:var(--ink);text-decoration:none}
.comparison-event span{display:block;margin-top:6px;color:var(--accent);font-size:12px}
.comparison-event p{line-height:1.6;font-size:13px}
.timeline-event:target{outline:2px solid var(--accent);outline-offset:5px}
.timeline-layout{max-width:960px;margin:auto;overflow-wrap:anywhere}
.timeline-layout h1{font:600 34px/1.2 var(--f-cond)}
.timeline-intro,.coverage,.availability{color:var(--ink-soft);line-height:1.8}
.timeline-controls{display:flex;gap:12px;align-items:end;margin:24px 0}
.timeline-layout label{display:inline-flex;flex-direction:column;gap:6px}
.timeline-layout select{max-width:100%;padding:10px;background:var(--paper);color:var(--ink);border:1px solid var(--rule)}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.product-card{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--paper);border:1px solid var(--rule);text-decoration:none}
.product-card span{font-size:12px;color:var(--ink-soft)}
.timeline-layout a{color:var(--accent);text-underline-offset:3px}
.timeline-events{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px;list-style:none;margin:24px 0;max-width:100%;align-items:start}
.timeline-event{display:flex;flex-direction:column;flex:0 0 310px;gap:8px;padding:0 0 24px;scroll-margin:12px;scroll-snap-align:start}
.timeline-event>time{font:13px/1.8 var(--f-data);padding-top:8px}
.timeline-event article{padding:20px 24px;background:var(--paper);border:1px solid var(--rule);border-left:3px solid var(--accent)}
.timeline-event h2{margin:0 0 12px;font-size:23px}.timeline-event h3{font-size:13px}
.timeline-event p,.timeline-event ul{line-height:1.75}.timeline-event ul{padding-left:20px}
.timeline-event article>a{font-size:12px}.stage{font-size:12px;color:var(--accent);background:var(--wash);padding:5px 8px;display:inline-block}
.related-news{margin:30px 0;padding-top:22px;border-top:1px solid var(--rule)}
.related-news>p{font-size:12px;color:var(--ink-soft);line-height:1.8}
.related-news ul{list-style:none;margin:18px 0;padding:0;max-width:760px}
.related-news li{display:flex;gap:18px;padding:12px 0;border-bottom:1px solid var(--rule);font-size:14px;line-height:1.7}
.related-news time{flex:none;font:11px/2 var(--f-data);color:var(--ink-soft)}
.related-news a{overflow-wrap:anywhere}
@media(max-width:600px){.related-news li{display:block}.related-news time{display:block;margin-bottom:4px}}
.timeline-stage~.subbar #toggleDetail{display:none}
.timeline-stage~.subbar{flex-shrink:0}
@media(max-width:600px){.timeline-stage{overflow:visible;padding:22px 14px 36px}.timeline-layout h1{font-size:27px}.timeline-event{grid-template-columns:1fr;gap:8px}.timeline-event>time{padding-top:0}.timeline-event article{padding:18px}.timeline-controls{flex-wrap:wrap}}