:root{--tl-navy:#0e3b63;--tl-ink:#102e4c;--tl-muted:#637789;--tl-gold:#c99735;--tl-cream:#fbf8f1;--tl-line:#ded8cc;--tl-card:#fffdf9}
#timelineView{background:linear-gradient(135deg,#fbfaf6,#f7f3eb);padding:22px!important;color:var(--tl-ink)}
.tl2-pagehead{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;align-items:center;gap:18px;margin:0 4px 22px}.tl2-title h2{margin:0;color:#0b2f53;font:700 clamp(31px,3vw,46px) Georgia,serif;line-height:1}.tl2-title p{margin:8px 0 0;color:var(--tl-muted);font-size:16px}.tl2-review{display:flex;align-items:center;gap:10px;min-width:280px;max-width:430px;padding:12px 16px;border:1px solid #ead6a9;border-radius:11px;background:#fff7e6;color:#76581b;font-size:13px;font-weight:700}.tl2-actions{display:flex;gap:9px}.tl2-actions button{min-height:42px;white-space:nowrap}
.tl2-workspace{display:grid;grid-template-columns:minmax(235px,23%) minmax(0,1fr);min-height:690px;border:1px solid var(--tl-line);border-radius:16px;background:var(--tl-card);box-shadow:0 10px 30px rgba(29,46,57,.07);overflow:hidden}.tl2-sidebar{background:#fffdf8;border-right:1px solid var(--tl-line)}.tl2-sidebar-head{padding:19px 18px 17px;background:linear-gradient(135deg,#0d385f,#164f78);color:#fff}.tl2-sidebar-head h3{margin:0 0 15px;font:700 23px Georgia,serif}.tl2-sidebar-head label{display:block;margin-bottom:4px;color:#cfdeea;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tl2-sidebar-head select{width:100%;padding:9px;border:1px solid rgba(255,255,255,.35);border-radius:7px;background:#fff;color:var(--tl-ink)}.tl2-categories{display:grid;padding:12px 8px}.tl2-cat{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:48px;padding:7px 12px;border:0;border-left:3px solid transparent;border-radius:8px;background:transparent;color:var(--tl-ink);text-align:left}.tl2-cat:hover,.tl2-cat:focus-visible{background:#f6f1e8;outline:0}.tl2-cat.active{border-left-color:var(--tl-gold);background:linear-gradient(90deg,#fbf2de,#f6ead0);font-weight:800}.tl2-cat b{color:var(--tl-muted);font-size:12px}
.tl2-main{min-width:0;background:#fcfbf8}.tl2-stats{display:flex;align-items:center;min-height:55px;padding:0 18px;background:linear-gradient(115deg,#0f3d65,#17557f);color:#fff;overflow:auto}.tl2-stats>div{display:flex;align-items:center;gap:7px;padding:0 17px;border-right:1px solid rgba(255,255,255,.23);font-size:13px;white-space:nowrap}.tl2-stats>div:first-child{padding-left:0}.tl2-stats strong{font-size:16px}.tl2-stats span:not(.tl2-era){color:#dbe8f2}.tl2-era{margin-left:auto;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.14);font-size:11px;white-space:nowrap}.tl2-note{padding:9px 18px;background:#fff7e8;color:#6c582e;font-size:12px}.tl2-content{padding:18px}.tl2-sectionhead{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}.tl2-sectionhead h3{margin:0;font:700 29px Georgia,serif;color:#0b2f53}.tl2-sectionhead p{margin:5px 0 0;color:var(--tl-muted);font-size:13px}
.timeline-empty{display:grid;place-items:center;min-height:300px;padding:28px;border:1px dashed #cfc8ba;border-radius:10px;color:#71808a;text-align:center}.timeline-empty h3{font:700 25px Georgia,serif;color:#34424d;margin:0 0 8px}.timeline-detailgrid{display:grid;grid-template-columns:minmax(230px,34%) minmax(0,1fr);gap:14px;min-height:520px}.timeline-eventlist{display:grid;align-content:start;gap:9px;max-height:590px;overflow:auto;padding-right:3px}.timeline-event{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:72px;padding:10px;border:1px solid #dedbd4;border-radius:10px;background:#fff;text-align:left;color:var(--tl-ink)}.timeline-event:hover,.timeline-event:focus-visible{border-color:#cba14f;outline:0}.timeline-event.active{border-color:var(--tl-gold);background:#fffaf0;box-shadow:inset 3px 0 0 var(--tl-gold)}.timeline-event-num{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,#173f63,#44708f);color:#fff;font:700 14px Georgia,serif}.timeline-event strong,.timeline-event small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-event strong{font:700 15px Georgia,serif}.timeline-event small{margin-top:4px;color:var(--tl-muted);font-size:10px}.timeline-detail{padding:18px;border:1px solid #e0dcd4;border-radius:12px;background:#fff}.timeline-detail h4{margin:0 0 6px;color:#103657;font:700 25px Georgia,serif}.timeline-kicker{color:#816223;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.timeline-detail-summary{color:#405565;font-size:14px;line-height:1.6}.timeline-factgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0;border:1px solid #eee8dc;border-radius:8px;overflow:hidden}.timeline-factgrid div{padding:9px 11px;border-right:1px solid #eee8dc;background:#fffdf8}.timeline-factgrid div:last-child{border-right:0}.timeline-factgrid span{display:block;color:var(--tl-muted);font-size:10px;text-transform:uppercase}.timeline-factgrid strong{display:block;margin-top:4px;font-size:12px}.timeline-block{margin-top:10px;padding:12px;border:1px solid #e6e1d7;border-radius:9px}.timeline-block h5{margin:0 0 8px;color:#103657;font:700 16px Georgia,serif}.timeline-source{border:0;border-radius:999px;background:#dcecf8;color:#16578b;padding:7px 10px;font-weight:800}.timeline-tags{display:flex;gap:6px;flex-wrap:wrap}.timeline-tag{font-size:11px;background:#f3f0e9;color:#61707a;border-radius:999px;padding:4px 8px}
.timeline-list{position:relative;margin-left:13px;padding-left:30px}.timeline-list:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:2px;background:#d8c49b}.timeline-card{position:relative;border:1px solid #e1ddd5;border-radius:12px;padding:14px 15px;margin:0 0 13px;background:#fff}.timeline-list .timeline-card:before{content:"";position:absolute;left:-31px;top:19px;width:12px;height:12px;border-radius:50%;background:#b98a38;border:3px solid #fff;box-shadow:0 0 0 2px #d8c49b}.timeline-card h3{font:700 19px Georgia,serif;color:#263743;margin:2px 0 7px}.timeline-card p{font-size:13px;line-height:1.5;color:#5d6a74;margin:6px 0}.timeline-card button{border:0;background:transparent;color:#7a5b22;font-weight:800;padding:0;cursor:pointer}.timeline-flag{border-left:4px solid #c69642}.timeline-flag.high{border-left-color:#bc604d}.timeline-suggestion{background:#f8f4eb;border-radius:8px;padding:8px 10px}.timeline-character-grid,.timeline-location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.timeline-character{border:1px solid #e3ded5;border-radius:12px;padding:14px;background:#fff}.timeline-character h3{font:700 20px Georgia,serif;margin:0 0 5px;color:#273844}.timeline-character ol{padding-left:21px}.timeline-character li{margin:7px 0;font-size:13px}.timeline-character button{border:0;background:none;color:#175986;font-weight:800}.timeline-progress{height:4px;background:#eee8dd;border-radius:99px;overflow:hidden;margin:8px 0}.timeline-progress span{display:block;height:100%;background:#b98a38}
@media(max-width:760px){#timelineView{padding:12px!important}.tl2-pagehead{display:block;margin-bottom:14px}.tl2-review{min-width:0;max-width:none;margin:12px 0}.tl2-actions{overflow-x:auto}.tl2-workspace{display:block;min-height:0;overflow:visible}.tl2-sidebar{border-right:0}.tl2-sidebar-head{padding:14px}.tl2-sidebar-head h3{font-size:20px}.tl2-categories{display:flex;gap:7px;overflow-x:auto;padding:10px}.tl2-cat{display:flex;flex:0 0 auto;min-height:44px;padding:8px 12px;border-left:0;border-bottom:3px solid transparent}.tl2-cat.active{border-bottom-color:var(--tl-gold)}.tl2-cat>span:first-child{display:none}.tl2-stats{padding:0 12px}.tl2-stats>div{flex:0 0 auto;padding:0 10px}.tl2-era{margin-left:10px}.tl2-content{padding:13px}.timeline-detailgrid{display:block;min-height:0}.timeline-eventlist{max-height:none}.timeline-detail{margin-top:10px}.timeline-factgrid{grid-template-columns:1fr}.timeline-factgrid div{border-right:0;border-bottom:1px solid #eee8dc}.timeline-character-grid,.timeline-location-grid{grid-template-columns:1fr}}
