.time-filters{display:flex;gap:18px;align-items:end;padding-bottom:23px;border-bottom:1px solid #d5e0ec}.time-filters label{display:flex;flex-direction:column;gap:6px;min-width:0}.time-filters label:first-child{flex:1}.time-filters label span{font-size:12px;color:#526c84}.time-filters input,.time-filters select{width:100%;min-height:46px;padding:10px 14px;border:1px solid #c2d6e5;border-radius:7px;background:white;color:#1a3a64;font-size:13px}.time-filters select{min-width:230px}
.time-path{position:relative;max-width:1200px;margin:30px auto 0;padding-bottom:12px}.time-path:before{content:"";position:absolute;left:50%;top:18px;bottom:0;width:1px;background:#75b3cc}.time-path.is-empty:before{display:none}
.time-card{position:relative;width:50%;padding:0 36px 36px 0;box-sizing:border-box}.time-card.time-right{margin-left:50%;padding:0 0 36px 36px}.time-card:after{content:"";position:absolute;right:0;top:34px;width:36px;height:1px;background:#75b3cc}.time-card.time-right:after{left:0;right:auto}
.time-node{position:absolute;right:-6px;top:28px;width:13px;height:13px;border-radius:50%;background:#25528c;box-shadow:0 0 0 5px #f4f7fb;z-index:1}.time-card.time-right .time-node{right:auto;left:-6px}
.time-card-body{height:auto;overflow:visible;border:1px solid #ccdeea;border-radius:13px;padding:25px 28px;background:white;box-shadow:0 8px 24px #183c6510}.time-card-heading{margin-bottom:18px}.time-date{display:flex;align-items:center;gap:8px;margin:0 0 11px;color:#25528c;font:600 13px/1.5 var(--sans);letter-spacing:.4px}.time-date svg{width:17px;height:17px}.time-card h2{font:600 clamp(28px,2.3vw,38px)/1.1 var(--display);color:#1a3a64;margin:0;overflow-wrap:anywhere}
.time-image{margin:0 0 21px}.time-image>button{position:relative;display:block;width:100%;height:270px;border:0;border-radius:8px;background:#e9f0f5;padding:0;overflow:hidden;cursor:zoom-in}.time-image img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.time-image.document-image img{object-fit:contain;object-position:center}.time-image figcaption{font:400 10px/1.6 var(--sans);color:#60778e;margin-top:7px}.time-zoom{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #c8edf8;border-radius:50%;background:#1a3a64df;color:white}.time-zoom svg{width:16px;height:16px}
.time-detail p,.time-detail li{font:400 15px/1.85 var(--sans);color:#445e76;margin:0 0 15px}.time-detail h3{font:600 25px/1.2 var(--display);color:#25528c;margin:22px 0 10px}.time-detail p.time-source{font-size:10px;color:#63798e;padding-top:14px;border-top:1px solid #dfE8f0;margin:21px 0 0}.time-empty{padding:35px;text-align:center;color:#1a3a64}
@media(max-width:760px){.time-filters{flex-direction:column;align-items:stretch;gap:12px}.time-filters select{min-width:0}.time-path:before{left:7px}.time-card,.time-card.time-right{width:100%;margin:0;padding:0 0 25px 30px}.time-card:after,.time-card.time-right:after{left:7px;right:auto;width:23px;top:31px}.time-node,.time-card.time-right .time-node{left:1px;right:auto;top:25px}.time-card-body{padding:21px 20px}.time-card h2{font-size:31px}.time-image>button{height:230px}.time-detail p,.time-detail li{font-size:14px}.time-date{font-size:12px}}
.time-card{padding-top:80px;padding-bottom:40px}.time-card.time-right{padding-top:80px;padding-bottom:40px}.time-card:after,.time-card.time-right:after{top:110px}
.time-date{position:absolute;top:0;right:0;transform:translateX(50%);z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:170px;margin:0;padding:13px 20px;border:1px solid #80c4dc;border-radius:9px;background:#1a3a64;color:white;box-shadow:0 4px 13px #173c6220;font:600 23px/1.2 var(--sans);letter-spacing:.3px;white-space:nowrap;text-align:center}
.time-card.time-right .time-date{right:auto;left:0;transform:translateX(-50%)}.time-date>span{font-size:11px;font-weight:400;line-height:1}.time-card.time-range,.time-card.time-right.time-range{padding-top:115px}.time-range:after,.time-card.time-right.time-range:after{top:145px}
@media(max-width:760px){.time-date,.time-card.time-right .time-date{left:7px;right:auto;transform:none;min-width:0;padding:11px 16px;font-size:22px}.time-card,.time-card.time-right{padding-top:76px}.time-card:after,.time-card.time-right:after{top:105px}.time-card.time-range,.time-card.time-right.time-range{padding-top:110px}.time-range:after,.time-card.time-right.time-range:after{top:139px}}
