.time-lab{max-width:1200px;margin:0 auto;padding:90px 24px}.time-lab>header{max-width:930px}.time-lab h2{font:700 clamp(2rem,4vw,3.6rem)/1.08 Georgia,"Noto Serif Thai",serif;margin:.3rem 0 1rem}.time-controls{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;margin:32px 0 18px}.time-controls label{font-size:.72rem;font-weight:800}.time-controls select{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid #a9b8b3;background:#f7f6f1}.time-controls button{align-self:end;padding:13px 18px;border:0;background:#0b2b38;color:#fff;font-weight:800}.time-controls #twPlay{background:#168b84}.time-slider input{width:100%;accent-color:#168b84}.time-slider>div{display:flex;justify-content:space-between;color:#52686e;font-size:.76rem}.time-slider b{color:#102b32}.window-track{display:grid;grid-template-columns:.45fr 2fr .35fr;height:115px;margin-top:22px;border:1px solid #9fb0ac}.past-zone,.future-zone{display:grid;place-items:center;background:repeating-linear-gradient(135deg,#d7d8d2,#d7d8d2 8px,#cccec8 8px,#cccec8 16px);color:#6b7675;font-size:.7rem}.active-zone{position:relative;background:#d7eee8;border-left:4px solid #df7448;border-right:4px solid #168b84}.active-zone>span{position:absolute;top:8px;left:12px;color:#168b84;font-size:.65rem;font-weight:800}.active-zone #twDots{position:absolute;inset:0}.tw-dot{position:absolute;bottom:22px;width:11px;height:11px;border-radius:50%;background:#0b2b38;transform:translateX(-50%)}.tw-dot.new{background:#168b84;box-shadow:0 0 0 7px rgba(22,139,132,.18)}.window-events{display:flex;gap:20px;flex-wrap:wrap;padding:13px 0;font-size:.78rem}.window-events .entered{color:#087b77}.window-events .expired{color:#c05a35}.dynamic-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dynamic-metrics article{padding:24px;background:#e3e7e2;border-top:5px solid #df7448}.dynamic-metrics article:nth-child(2){border-color:#4275a8}.dynamic-metrics article:nth-child(3){border-color:#168b84}.dynamic-metrics small,.dynamic-metrics span,.dynamic-metrics i{display:block}.dynamic-metrics strong{font:3.8rem Georgia}.dynamic-metrics span{font-size:.76rem;color:#52686e}.dynamic-metrics i{margin-top:13px;font-style:normal;font-weight:800}.positive{color:#087b77}.negative{color:#c05a35}.dynamic-chart{margin-top:14px;padding:18px;background:#e5e9e4;border:1px solid #bdc7c3}.dynamic-chart svg{display:block;width:100%}.tw-grid{stroke:#bdc7c3}.tw-line{fill:none;stroke-width:4}.tw-r{stroke:#df7448}.tw-f{stroke:#4275a8}.tw-m{stroke:#168b84}.tw-axis{font:11px sans-serif;fill:#5b7075}.tw-cursor{stroke:#102b32;stroke-width:2;stroke-dasharray:5 5}.chart-key{display:flex;gap:20px;font-size:.72rem}.chart-key span:before{content:"";display:inline-block;width:16px;height:3px;margin-right:6px;vertical-align:middle}.kr:before{background:#df7448}.kf:before{background:#4275a8}.km:before{background:#168b84}.time-explanation{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.time-explanation article{padding:22px;background:#0a2835;color:#eaf1ed}.time-explanation b{color:#73d8cd}.time-explanation p{font-size:.8rem;color:#bed0cd}@media(max-width:760px){.time-controls,.dynamic-metrics,.time-explanation{grid-template-columns:1fr}.time-controls button{min-height:48px}.window-track{grid-template-columns:.25fr 2fr .2fr}.past-zone,.future-zone{font-size:0}}