.timeline-page{max-width:1280px;margin:0 auto;padding-bottom:50px}
.timeline-page .page-head{margin-bottom:21px}
.timeline-filters{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.timeline-filters .search{flex:1;min-width:150px}
.timeline-filters .search input{font-size:14px;background:#fff}
.timeline-filters .filter-select{background:#fff;font-size:13px;max-width:180px}
.timeline-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #dce3e7}
.timeline-controls .tabs{margin:0;border:0;gap:24px}
.timeline-controls .tab{padding:17px 0 12px;font-size:14px}
.timeline-caption{display:flex;justify-content:space-between;gap:12px;margin:17px 0 20px;color:#657886;font-size:12px}
.note-timeline{position:relative}
.timeline-day{display:grid;grid-template-columns:132px minmax(0,1fr);gap:25px;padding-bottom:24px;position:relative}
.timeline-day::before{content:'';position:absolute;left:143px;top:17px;bottom:-17px;width:2px;background:#d7e3dc}
.timeline-day:last-child::before{bottom:24px}
.timeline-date{position:relative;padding-top:12px;text-align:right;color:#2b5143}
.timeline-date::after{content:'';position:absolute;right:-18px;top:18px;width:10px;height:10px;border:2px solid #f5f7f9;border-radius:50%;background:#367d60;box-shadow:0 0 0 1px #83ac97}
.timeline-date time{display:block}
.timeline-date strong{font-size:19px;font-weight:700;line-height:1.5}
.timeline-date time span{display:block;font-size:12px;color:#637987;margin-top:4px}
.timeline-date small{display:block;color:#7a8d97;font-size:12px;margin-top:10px}
.timeline-entries{border:1px solid #dce3e7;background:#fff;border-radius:7px;overflow:hidden;min-width:0}
.timeline-note{display:block;text-align:left;width:100%;padding:14px 20px;border:0;border-bottom:1px solid #e8edf0;background:#fff;color:#233d4a}
.timeline-note:last-child{border-bottom:0}
.timeline-note:hover{background:#f2f8f5}
.timeline-note:focus-visible{outline:2px solid #17624d;outline-offset:-2px}
.timeline-note-title{display:flex;align-items:baseline;gap:12px;min-width:0}
.timeline-note-title strong{font-size:16px;font-weight:650;line-height:1.6;overflow-wrap:anywhere}
.timeline-note-title>.ico{margin-left:auto;align-self:center;width:16px;height:16px;color:#8aa193}
.timeline-missing{font-size:11px;white-space:nowrap;color:#947030;background:#fbf4e6;border-radius:4px;padding:1px 6px;align-self:center}
.timeline-note-tags{display:block;color:#3c715a;font-size:12px;line-height:1.6;margin-top:5px;overflow-wrap:anywhere}
.timeline-note-excerpt{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;color:#667c89;font-size:13px;line-height:1.75;overflow-wrap:anywhere}
.timeline-reading-top{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.timeline-reading-top>span{font-size:13px;color:#60717e}
.timeline-page .timeline-reader{display:flex;height:auto;overflow:visible;border:1px solid #dce3e7;border-radius:8px;background:#fff}
.timeline-reader .study-scroll{overflow:visible;flex:none}
.timeline-reader .study-article{max-width:900px;padding:28px 35px 60px;margin:auto}
.timeline-reader .study-toolbar{border-radius:8px 8px 0 0}
.timeline-reader .back-to-list{display:none}
.timeline-reader .study-article .markdown{font-size:16px;line-height:1.95}
.timeline-reader .study-article h1{font-size:27px}
@media(max-width:1050px){.timeline-day{grid-template-columns:105px minmax(0,1fr);gap:25px}.timeline-day::before{left:116px}.timeline-note{padding:14px 16px}.timeline-filters{flex-wrap:wrap}.timeline-filters .search{flex-basis:100%}}
@media(max-width:700px){
 .timeline-page{padding:18px 14px 35px}.timeline-page .page-head{margin-bottom:17px}
 .timeline-filters{gap:8px}.timeline-filters .filter-select{flex:1;max-width:none;min-width:0;font-size:12px}
 .timeline-controls{gap:10px;flex-wrap:wrap}.timeline-controls .tabs{gap:22px}.timeline-controls .filter-context{margin-left:auto}
 .timeline-controls .tab{font-size:13px}.timeline-caption{font-size:11px;margin:15px 0 17px}
 .timeline-day{display:block;padding:0 0 21px 20px}.timeline-day::before{left:4px;top:12px;bottom:-12px}
 .timeline-day:last-child::before{bottom:21px}.timeline-date{padding:0 0 10px;text-align:left;display:flex;align-items:baseline;gap:8px}
 .timeline-date::after{left:-20px;right:auto;top:8px}.timeline-date time{display:flex;align-items:baseline;gap:8px}
 .timeline-date strong{font-size:16px}.timeline-date time span{font-size:11px;margin:0}.timeline-date small{font-size:11px;margin:0 0 0 auto}
 .timeline-note{padding:12px}.timeline-note-title{gap:6px}.timeline-note-title strong{font-size:15px}.timeline-note-title>.ico{display:none}
 .timeline-note-tags{font-size:11px}.timeline-note-excerpt{font-size:12px}.timeline-missing{font-size:10px}
 .timeline-reader .study-article{padding:20px 17px 40px}.timeline-reader .study-article h1{font-size:23px}.timeline-reader .study-article .markdown{font-size:15px}
}