:root{--jid-primary:#3561A8;--jid-primary-dark:#2a4e8a;--jid-primary-light:#e8eff8;--jid-accent:#FF9F1C;--jid-text:#252628;--jid-text-light:#6b6d72;--jid-bg:#f5f6f8;--jid-white:#ffffff;--jid-border:#e0e2e8;--jid-font-heading:'Montserrat', sans-serif;--jid-font-body:'Inter', sans-serif;--jid-card-radius:16px;--jid-shadow-sm:0 2px 8px rgba(0,0,0,0.06);--jid-shadow-md:0 8px 24px rgba(0,0,0,0.1);--jid-shadow-lg:0 16px 48px rgba(0,0,0,0.15)}.jid-tl-wrapper{max-width:1200px;margin:0 auto;padding:0 24px;font-family:var(--jid-font-body);color:var(--jid-text)}.jid-tl-header{text-align:center;margin-bottom:32px}.jid-tl-header h2{font-family:var(--jid-font-heading);font-size:32px;font-weight:800;color:var(--jid-text);margin-bottom:8px}.jid-tl-header p{font-size:15px;color:var(--jid-text-light);max-width:600px;margin:0 auto;line-height:1.6}.jid-tl-progress{position:relative;height:6px;background:var(--jid-border);border-radius:3px;margin-bottom:24px;overflow:visible}.jid-tl-progress-fill{height:100%;background:linear-gradient(90deg,var(--jid-primary),var(--jid-accent));border-radius:3px;transition:width 0.6s cubic-bezier(.22,1,.36,1)}.jid-tl-progress-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:var(--jid-accent);border:3px solid var(--jid-white);border-radius:50%;box-shadow:var(--jid-shadow-sm);transition:left 0.6s cubic-bezier(.22,1,.36,1)}.jid-tl-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px;list-style:none;padding:0}.jid-tl-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--jid-white);border:2px solid var(--jid-border);border-radius:100px;font-family:var(--jid-font-heading);font-size:13px;font-weight:600;color:var(--jid-text-light);cursor:pointer;transition:all 0.25s ease;text-decoration:none;user-select:none}.jid-tl-tab:hover{border-color:var(--jid-primary);color:var(--jid-primary);transform:translateY(-1px);box-shadow:var(--jid-shadow-sm)}.jid-tl-tab.is-active{background:var(--jid-primary);border-color:var(--jid-primary);color:var(--jid-white);box-shadow:0 4px 12px rgb(53 97 168 / .3)}.jid-tl-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:rgb(0 0 0 / .06);border-radius:11px;font-size:11px;font-weight:700}.jid-tl-tab.is-active .jid-tl-tab-count{background:rgb(255 255 255 / .25)}.jid-tl-periods{position:relative;min-height:300px}.jid-tl-period{display:none;animation:jid-fade-in 0.4s ease}.jid-tl-period.is-visible{display:block}@keyframes jid-fade-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.jid-tl-period-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--jid-primary-light)}.jid-tl-period-icon{width:48px;height:48px;background:var(--jid-primary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.jid-tl-period-info h3{font-family:var(--jid-font-heading);font-size:22px;font-weight:700;color:var(--jid-text);margin:0}.jid-tl-period-info span{font-size:13px;color:var(--jid-text-light)}.jid-tl-carousel-wrap{position:relative;margin:0 -4px}.jid-tl-carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 4px 24px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.jid-tl-carousel::-webkit-scrollbar{display:none}.jid-tl-arrow{position:absolute;top:50%;transform:translateY(-60%);width:44px;height:44px;background:var(--jid-white);border:2px solid var(--jid-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all 0.2s ease;box-shadow:var(--jid-shadow-sm);font-size:20px;color:var(--jid-text);line-height:1;padding:0}.jid-tl-arrow:hover{background:var(--jid-primary);border-color:var(--jid-primary);color:var(--jid-white);box-shadow:var(--jid-shadow-md)}.jid-tl-arrow--left{left:-22px}.jid-tl-arrow--right{right:-22px}.jid-tl-arrow[disabled]{opacity:.3;pointer-events:none}.jid-tl-card{flex:0 0 320px;scroll-snap-align:start;background:var(--jid-white);border-radius:var(--jid-card-radius);overflow:hidden;box-shadow:var(--jid-shadow-sm);transition:all 0.3s ease;cursor:pointer;border:1px solid var(--jid-border)}.jid-tl-card:hover{transform:translateY(-4px);box-shadow:var(--jid-shadow-md);border-color:var(--jid-primary)}.jid-tl-card-date{padding:14px 20px 0;display:flex;align-items:center;gap:8px}.jid-tl-card-date-dot{width:10px;height:10px;background:var(--jid-accent);border-radius:50%;flex-shrink:0}.jid-tl-card-date span{font-family:var(--jid-font-heading);font-size:13px;font-weight:700;color:var(--jid-primary);letter-spacing:.5px}.jid-tl-card-thumb{width:100%;height:100px;overflow:hidden}.jid-tl-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.jid-tl-card:hover .jid-tl-card-thumb img{transform:scale(1.05)}.jid-tl-card-body{padding:12px 20px 16px}.jid-tl-card-title{font-family:var(--jid-font-heading);font-size:17px;font-weight:700;color:var(--jid-text);margin-bottom:8px;line-height:1.3}.jid-tl-card-excerpt{font-size:14px;line-height:1.6;color:var(--jid-text-light);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.jid-tl-card-footer{padding:0 20px 16px}.jid-tl-card-cta{font-family:var(--jid-font-heading);font-size:12px;font-weight:600;color:var(--jid-primary);display:inline-flex;align-items:center;gap:4px}.jid-tl-card-cta::after{content:'\2192';font-size:14px;transition:transform 0.2s}.jid-tl-card:hover .jid-tl-card-cta::after{transform:translateX(3px)}.jid-tl-counter{text-align:center;margin-top:24px;padding-top:16px;font-size:13px;color:var(--jid-text-light)}.jid-tl-counter strong{color:var(--jid-primary)}.jid-tl-empty{text-align:center;padding:40px;color:var(--jid-text-light);font-size:16px}.jid-tl-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .5);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.jid-tl-modal-overlay.is-open{opacity:1;pointer-events:auto}.jid-tl-modal{background:var(--jid-white);border-radius:20px;max-width:680px;width:92%;max-height:85vh;overflow-y:auto;box-shadow:var(--jid-shadow-lg);transform:scale(.95) translateY(20px);transition:transform 0.3s cubic-bezier(.22,1,.36,1)}.jid-tl-modal-overlay.is-open .jid-tl-modal{transform:scale(1) translateY(0)}.jid-tl-modal-header{position:relative;padding:32px 32px 0}.jid-tl-modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:var(--jid-bg);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--jid-text-light);transition:all 0.2s}.jid-tl-modal-close:hover{background:var(--jid-primary);color:var(--jid-white)}.jid-tl-modal-date{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--jid-primary-light);border-radius:100px;font-family:var(--jid-font-heading);font-size:13px;font-weight:700;color:var(--jid-primary);margin-bottom:12px}.jid-tl-modal-date::before{content:'';width:8px;height:8px;background:var(--jid-accent);border-radius:50%}.jid-tl-modal-title{font-family:var(--jid-font-heading);font-size:26px;font-weight:700;color:var(--jid-text);line-height:1.3;padding-right:40px;margin:0}.jid-tl-modal-body{padding:20px 32px 32px}.jid-tl-modal-image{margin-bottom:20px;border-radius:12px;overflow:hidden}.jid-tl-modal-image img{width:100%;height:auto;display:block;border-radius:12px}.jid-tl-modal-text{font-size:15px;line-height:1.75;color:var(--jid-text);margin-bottom:16px}.jid-tl-modal-detail{background:var(--jid-bg);border-left:4px solid var(--jid-accent);border-radius:0 12px 12px 0;padding:20px 24px;margin-top:20px}.jid-tl-modal-detail-label{font-family:var(--jid-font-heading);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--jid-accent);margin-bottom:8px}.jid-tl-modal-detail-text{font-size:14px;line-height:1.7;color:var(--jid-text-light);margin:0}.jid-tl-modal-source{display:inline-block;margin-top:16px;padding:8px 20px;background:var(--jid-primary);color:var(--jid-white);text-decoration:none;border-radius:8px;font-family:var(--jid-font-heading);font-size:13px;font-weight:600;transition:background 0.2s ease}.jid-tl-modal-source:hover{background:var(--jid-accent);color:var(--jid-white)}@media (max-width:768px){.jid-tl-header h2{font-size:24px}.jid-tl-card{flex:0 0 280px}.jid-tl-arrow{display:none}.jid-tl-tab{font-size:12px;padding:8px 14px}.jid-tl-period-header{flex-direction:column;text-align:center}.jid-tl-modal-header{padding:24px 20px 0}.jid-tl-modal-body{padding:16px 20px 24px}.jid-tl-modal-title{font-size:20px}.jid-tl-period-info h3{font-size:18px}}