#root{--navy: #1a2e6b;--card-bg: #e8edf5;--text: #222;--muted: #666;--green: #24a27f;--terracotta: #c1674f;--white: #fff;--radius: 8px;font-family:"Source Sans 3",-apple-system,sans-serif;color:var(--text);line-height:1.5;box-sizing:border-box}#root *,#root *:before,#root *:after{box-sizing:border-box}#root a{color:inherit;text-decoration:none}#root button{font-family:inherit;cursor:pointer}#root img{max-width:100%;display:block}.pjtv-header{background:var(--navy);color:var(--white);padding:1rem 2rem;display:flex;align-items:center;justify-content:center}.pjtv-header img{height:52px;display:block;margin:0 auto}.rubric-nav{background:var(--navy);padding:8px 12px;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;white-space:nowrap;border-top:1px solid rgba(255,255,255,.1)}.rubric-nav::-webkit-scrollbar{display:none}.rubric-nav button{flex-shrink:0;padding:6px 12px;background:transparent;color:var(--white);border:1px solid transparent;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.rubric-nav button:hover{border-color:#ffffff4d}.rubric-nav button.active{border-color:var(--white);background:#ffffff14}.burger-btn,.rubric-dropdown{display:none}.search-bar{padding:1rem 2rem;display:flex;gap:1rem;align-items:center;border-bottom:1px solid #eee}.search-bar input{flex:1;padding:.6rem .9rem;border:1px solid #ddd;border-radius:var(--radius);font-family:inherit;font-size:1rem}.lang-toggle{display:flex;border:1px solid var(--navy);border-radius:var(--radius);overflow:hidden}.lang-toggle button{padding:.5rem 1rem;background:var(--white);color:var(--navy);border:none;font-weight:600}.lang-toggle button.active{background:var(--navy);color:var(--white)}.main-wrap{max-width:1280px;margin:0 auto;padding:1.5rem 2rem}.loading,.error{padding:3rem 2rem;text-align:center;color:var(--muted)}.hero{background:var(--card-bg);border-radius:var(--radius);display:grid;grid-template-columns:55% 45%;overflow:hidden;margin-bottom:2rem;cursor:pointer}.hero-thumb{position:relative;aspect-ratio:16/9;background:#000}.hero-thumb img{width:100%;height:100%;object-fit:cover}.hero-body{padding:1.75rem 2rem;display:flex;flex-direction:column;justify-content:center}.hero-badge{display:inline-block;background:var(--navy);color:var(--white);padding:.2rem .7rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;width:fit-content}.hero-title{font-size:1.75rem;font-weight:700;color:var(--navy);margin-bottom:.75rem;line-height:1.2}.hero-desc{color:var(--muted);font-size:1rem;margin-bottom:1rem}.hero-meta{font-size:.85rem;color:var(--muted)}.sub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem}.sub-card{background:var(--card-bg);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform .15s}.sub-card:hover{transform:translateY(-2px)}.sub-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.sub-card-body{padding:.75rem .9rem}.sub-card-title{font-weight:600;font-size:.95rem;color:var(--navy);line-height:1.3}.sub-card-meta{color:var(--muted);font-size:.8rem;margin-top:.25rem}.thumb-wrap{position:relative}.sub-card .thumb-wrap img{aspect-ratio:16/9;object-fit:cover;width:100%}.lang-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:700;padding:2px 7px;border-radius:2px;letter-spacing:.04em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lang-badge.lang-en{background:#003ca0d9;color:#fff}.lang-badge.lang-deen{background:#000000a6;color:#fff}.webinar-card{background:var(--white);border:1px solid #e0e5ed}.webinar-badge{position:absolute;top:8px;right:8px;background:var(--navy);color:#fff;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:2px}.webinar-placeholder{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:var(--card-bg);color:var(--navy);font-weight:700;font-size:1.5rem;letter-spacing:.1em;text-transform:uppercase}.speaker-chips{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 6px}.speaker-chip{display:inline-block;background:#e8edf5;color:#1a2e6b;font-size:11px;font-weight:600;padding:2px 8px;border-radius:2px}.speaker-company{font-weight:400;color:#555;margin-left:2px}.modal-speakers{background:#f4f6fa;border-left:3px solid var(--navy);padding:.75rem 1rem;margin-bottom:1rem;border-radius:2px}.modal-speaker{font-size:.95rem;margin-bottom:.25rem}.modal-speaker:last-child{margin-bottom:0}.modal-speaker strong{margin-right:.35rem}.modal-speaker span{color:var(--muted)}.lang-note{font-size:.75rem;color:var(--muted);margin-top:.5rem;padding:.35rem .6rem;background:#fafbfc;border-left:3px solid var(--navy);border-radius:2px}.lang-info-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:3px;margin:4px 0 2px;width:fit-content}.lang-info-badge.lang-info-en{background:#003ca01a;color:#1a2e6b;border:1px solid rgba(0,60,160,.2)}.lang-info-badge.lang-info-deen{background:#f4f6fa;color:var(--muted);border:1px solid var(--navy)}.section{margin-bottom:2.5rem}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem;border-bottom:2px solid var(--navy);padding-bottom:.5rem}.section-title{font-size:1.4rem;font-weight:700;color:var(--navy)}.section-link{color:var(--navy);font-weight:600;font-size:.9rem}.section-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.section-grid-3 .sub-card{background:var(--white);border:1px solid #e0e5ed}.sponsored-card{border-top:3px solid var(--green);background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 8px #0000000a}.sponsored-badge{display:inline-block;background:var(--green);color:var(--white);padding:.15rem .6rem;border-radius:3px;font-size:.7rem;font-weight:600;text-transform:uppercase;margin:.5rem .9rem 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem}.modal{background:var(--white);border-radius:var(--radius);max-width:900px;width:100%;max-height:90vh;overflow-y:auto}.modal-video{aspect-ratio:16/9;background:#000}.modal-video iframe{width:100%;height:100%;border:0}.modal-body{padding:1.5rem}.modal-title{font-size:1.5rem;font-weight:700;color:var(--navy);margin-bottom:.5rem}.modal-meta{color:var(--muted);margin-bottom:1rem}.modal-desc{margin-bottom:1rem;line-height:1.6}.modal-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.tag{background:var(--card-bg);color:var(--navy);padding:.2rem .6rem;border-radius:3px;font-size:.75rem;font-weight:500}.modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff26;color:var(--white);border:none;width:32px;height:32px;border-radius:50%;font-size:1.2rem}.modal-link{display:inline-block;background:var(--navy);color:var(--white);padding:.6rem 1.2rem;border-radius:var(--radius);font-weight:600}.event-section{border-radius:4px;padding:20px;margin-bottom:32px}.interpack-section{background:#e8f0fb;border:1px solid #b8cef0;border-left:4px solid #002060}.event-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px;flex-wrap:wrap}.event-banner-img{height:36px;width:auto;display:block}.event-section-link{font-size:12px;font-weight:700;color:#002060;text-decoration:none;border-bottom:2px solid #FFD700;padding-bottom:1px;flex-shrink:0;white-space:nowrap}.event-section-more{display:block;text-align:center;margin-top:14px;font-size:12px;font-weight:700;text-decoration:none}.interpack-more{color:#002060}.fachpack-section{background:#fff9f2;border:1px solid #f0dfc8;border-left:4px solid #f29101}.fachpack-banner-img{height:36px;width:auto;display:block}.fachpack-sub{font-size:11px;color:#999;flex-shrink:0;white-space:nowrap}.fachpack-link{color:#f29101!important;border-bottom:2px solid #f29101!important}.fachpack-more{background:none!important;border:none;color:#f29101!important;font-family:inherit;width:100%;text-decoration:none}.fachpack-more:hover{color:#c97800!important}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 900px){.hero{grid-template-columns:1fr}.sub-grid,.section-grid-3,.filter-grid{grid-template-columns:repeat(2,1fr)}.rubric-nav{overflow-x:auto;flex-wrap:nowrap}}@media (max-width: 600px){.rubric-nav{display:none}.burger-btn{display:flex;align-items:center;gap:8px;background:var(--navy);color:#fff;border:none;padding:10px 16px;font-size:14px;font-weight:700;width:100%;cursor:pointer;font-family:inherit}.rubric-dropdown{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--navy);z-index:100}.rubric-dropdown button{color:#fff;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.1);padding:12px 16px;text-align:left;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.rubric-dropdown button.active,.rubric-dropdown button:hover{background:#ffffff26}.search-bar{flex-direction:column;gap:8px;padding:10px 12px}.lang-toggle{align-self:flex-end}.hero{flex-direction:column;grid-template-columns:1fr}.hero-thumb{width:100%}.hero-body{padding:12px}.hero-title{font-size:18px}.sub-grid,.section-grid-3,.filter-grid{grid-template-columns:repeat(2,1fr)}}