/* Panel Controls CSS */

/* Panel Layout */
.resizable {
  position: relative;
  transition: width 0.2s ease-out;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Resize Handles */
.resize-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  cursor: col-resize;
  background-color: transparent;
  transition: background-color 0.2s ease;
}

.resize-handle:hover {
  background-color: #3b82f6;
}

.resize-handle-right {
  right: 0;
}

.resize-handle-left {
  left: 0;
}

/* Panel Content */
.panel-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}

/* Scrollable areas */
.panel-scrollable {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

/* Fixed position elements in panels */
.panel-fixed-bottom {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  border-top: 1px solid var(--panel-border-color, #e9ecef);
  z-index: 5;
}

/* Collapsed Panel Styles */
.panel-collapsed {
  width: 60px !important;
}

.panel-collapsed .panel-content {
  opacity: 0;
  visibility: hidden;
}

/* Cursor styles during resize */
html.resize-active {
  cursor: col-resize !important;
}

html.resize-active * {
  cursor: col-resize !important;
  user-select: none !important;
}

/* Sequence text styling */
.sequence-text {
  background: linear-gradient(to right, #3b82f6, #8b5cf6);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 600;
}

/* Video Controls Footer */
.video-controls-footer {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  border-top: 1px solid var(--panel-border-color, #e9ecef);
  z-index: 10;
}

/* Panel transition */
.panel {
  transition: width 0.2s ease;
}

/* Variable for consistent border colors */
:root {
  --panel-border-color: #e9ecef;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .resizable {
    min-width: 40px !important;
  }
  
  .panel-collapsed {
    width: 40px !important;
    min-width: 40px !important;
  }
}

/* Auto-collapse panels on small screens (≤ 480px) - CSS-first approach */
@media (max-width: 480px) {
  /* Auto-collapse both side panels */
  #panel1, #panel3 {
    width: 0px !important;
    min-width: 0px !important;
    max-width: 0px !important;
    overflow: hidden !important;
    border: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  
  /* Hide resize handles on small screens */
  .resize-handle {
    display: none !important;
  }
  
  /* Ensure main content takes full width */
  main {
    flex: 1 !important;
    width: 100% !important;
  }
  
  /* Hide panel content to prevent any overflow issues */
  #panel1 .panel-content,
  #panel3 .panel-content {
    display: none !important;
  }
  
  /* Mark panels as auto-collapsed for JavaScript detection */
  #panel1, #panel3 {
    /* Custom property to indicate auto-collapse state */
    --auto-collapsed: true;
  }
  
  /* RESPONSIVE VIDEO PLAYER FIXES - Updated for new layout structure */
  /* Reduce padding from center panel content on mobile */
  main > div:first-child {
    padding: 0.75rem !important; /* Slightly more padding for better mobile UX */
  }
  
  /* More specific targeting for mobile responsive content */
  .mobile-responsive-content {
    padding: 0.75rem !important;
  }
  
  /* Ensure video player container is responsive */
  .bg-black.rounded-lg.shadow.overflow-hidden.aspect-video {
    margin: 0 !important;
    border-radius: 0.375rem !important; /* Keep some border radius */
  }
  
  /* Video info section responsive spacing */
  .video-title-section {
    margin-bottom: 0.75rem !important;
    padding: 0 !important; /* Remove extra padding since parent has padding */
  }
  
  /* Video summary section responsive - Updated for new flex layout */
  section.mt-6,
  section.mt-4 {
    margin-top: 1rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important; /* Remove padding since parent container handles it */
  }
  
  /* Hide individual panel collapse buttons on mobile to prevent duplication */
  #collapse-left,
  #collapse-right {
    display: none !important;
  }
  
  /* Hide panel headers on mobile when auto-collapsed */
  #panel1-header,
  #panel3-header {
    display: none !important;
  }
}

/* Mobile panel expansion styles - Enhanced for new layout */
@media (max-width: 480px) {
  /* Mobile expanded panels */
  #panel1.mobile-expanded, #panel3.mobile-expanded {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 85vw !important;
    max-width: 400px !important;
    min-width: 300px !important;
    z-index: 1000 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    border: 1px solid var(--panel-border-color) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
  }
  
  /* Left panel positioning */
  #panel1.mobile-expanded {
    left: 0 !important;
    right: auto !important;
  }
  
  /* Right panel positioning */
  #panel3.mobile-expanded {
    right: 0 !important;
    left: auto !important;
  }
  
  /* Show panel content when expanded */
  #panel1.mobile-expanded .panel-content,
  #panel3.mobile-expanded .panel-content {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  
  /* Mobile panel overlay */
  .mobile-panel-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  
  .mobile-panel-overlay.active {
    opacity: 1;
    visibility: visible;
  }
}

/* Mobile toggle buttons - Enhanced positioning */
@media (max-width: 480px) {
  .mobile-panel-toggle {
    position: fixed;
    bottom: 100px; /* Position above video controls */
    z-index: 50;
    background: white;
    border: 1px solid var(--panel-border-color);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
  }
  
  .mobile-panel-toggle:hover {
    background: #f8f9fa;
    transform: scale(1.05);
  }
  
  .mobile-panel-toggle.left {
    left: 16px;
  }
  
  .mobile-panel-toggle.right {
    right: 16px;
  }
  
  /* Show mobile toggles only when JavaScript is enabled */
  .js-enabled .mobile-panel-toggle {
    opacity: 1;
    visibility: visible;
  }
  
  /* Hide mobile toggles when a panel is expanded */
  .mobile-panel-expanded .mobile-panel-toggle {
    opacity: 0.5;
    pointer-events: none;
  }
}

/* Prevent text selection during resize */
.resize-active {
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}

/* Custom tooltip styles - FIXED: Use solid colors instead of CSS variables */
.custom-tooltip {
  position: fixed;
  padding: 6px 8px;
  /* FIXED: Replace CSS variables with solid colors to prevent transparency */
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #09090B !important;
  border: 1px solid #E4E4E7 !important;
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  z-index: 10000;
  pointer-events: none;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  /* FIXED: Disable any transparency effects */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  isolation: isolate !important;
}

.custom-tooltip.show {
  opacity: 1 !important;
  visibility: visible !important;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #09090B !important;
}

.custom-tooltip.right-panel {
  /* Additional styles for right panel tooltips if needed */
}

/* H1 Responsive Behavior - Enhanced for new layout */
.h1-breadcrumb {
  /* Always visible on desktop */
  display: inline;
}

.h1-main-content {
  /* Always visible */
  display: block;
}

/* Video title section improvements */
.video-title-section {
  /* Ensure proper spacing and flex behavior */
  flex-shrink: 0;
}

@media (max-width: 640px) {
  .video-title-section {
    margin-bottom: 0.5rem !important;
  }
}

/* Enhanced H1 hierarchy management */
.h1-breadcrumb {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: rgb(17 24 39);
  margin: 0;
  padding: 0;
  display: inline;
}

.h1-main-content {
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 700;
  color: rgb(17 24 39);
  margin: 0 0 0.5rem 0;
  display: block;
}

@media (min-width: 769px) {
  .h1-breadcrumb {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  
  .h1-main-content {
    font-size: 1.75rem;
    line-height: 1.3;
  }
}

@media (max-width: 768px) {
  .h1-breadcrumb {
    /* Hide breadcrumb H1 on mobile to avoid duplicate H1s */
    display: none;
  }
  
  .h1-main-content {
    /* Ensure main content H1 is prominent on mobile */
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

/* Focus styles for accessibility */
.h1-main-content:focus {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}
input[data-astro-cid-aktxfgvj][type=range]{-webkit-appearance:none;appearance:none;height:6px;background:#e5e7eb;border-radius:3px;outline:none}input[data-astro-cid-aktxfgvj][type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#3b82f6;border-radius:50%;cursor:pointer}input[data-astro-cid-aktxfgvj][type=range]::-moz-range-thumb{width:14px;height:14px;background:#3b82f6;border-radius:50%;cursor:pointer;border:none}.video-reaction-btn[data-astro-cid-aktxfgvj]{position:relative;transition:all 0.2s ease}.video-reaction-btn[data-astro-cid-aktxfgvj]:hover{transform:scale(1.05)}.video-controls-footer[data-astro-cid-aktxfgvj] .flex[data-astro-cid-aktxfgvj].items-center.justify-between{min-height:48px}.video-layout-grid[data-astro-cid-qeuswnme]{height:100vh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.video-layout-grid[data-astro-cid-qeuswnme]>div[data-astro-cid-qeuswnme]:nth-child(2){min-height:0;overflow:hidden}#panel1[data-astro-cid-qeuswnme],#panel3[data-astro-cid-qeuswnme]{height:100%;min-height:0}main[data-astro-cid-qeuswnme]{height:100%;min-height:0}@media (max-width: 480px){.video-layout-grid[data-astro-cid-qeuswnme]>div[data-astro-cid-qeuswnme]:nth-child(2){position:relative}#panel1[data-astro-cid-qeuswnme],#panel3[data-astro-cid-qeuswnme]{position:fixed;top:64px;bottom:80px;width:320px!important;max-width:85vw;z-index:40;transition:transform 0.3s ease-in-out;box-shadow:0 10px 25px rgba(0,0,0,0.15);background:white;border:none}#panel1[data-astro-cid-qeuswnme]{left:0;transform:translateX(-100%)}#panel3[data-astro-cid-qeuswnme]{right:0;transform:translateX(100%)}#panel1[data-astro-cid-qeuswnme].mobile-expanded{transform:translateX(0)}#panel3[data-astro-cid-qeuswnme].mobile-expanded{transform:translateX(0)}.mobile-panel-overlay[data-astro-cid-qeuswnme]{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:35;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.mobile-panel-overlay[data-astro-cid-qeuswnme].active{opacity:1;visibility:visible}.mobile-panel-toggle[data-astro-cid-qeuswnme]{position:fixed;top:50%;transform:translateY(-50%);z-index:45;background:white;border:1px solid #e5e7eb;border-radius:8px;padding:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);transition:all 0.2s ease}.mobile-panel-toggle[data-astro-cid-qeuswnme]:hover{background:#f9fafb;box-shadow:0 6px 8px -1px rgba(0,0,0,0.15)}.mobile-panel-toggle[data-astro-cid-qeuswnme].left{left:16px}.mobile-panel-toggle[data-astro-cid-qeuswnme].right{right:16px}.mobile-panel-expanded[data-astro-cid-qeuswnme] .mobile-panel-toggle[data-astro-cid-qeuswnme]{opacity:0;pointer-events:none}}.h1-breadcrumb[data-astro-cid-qeuswnme]{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.h1-main-content[data-astro-cid-qeuswnme]{display:block}@media (max-width: 768px){.h1-breadcrumb[data-astro-cid-qeuswnme]{display:none}.h1-main-content[data-astro-cid-qeuswnme]{font-size:1.5rem;line-height:1.3}}nav[data-astro-cid-qeuswnme][aria-label=Breadcrumb] ol[data-astro-cid-qeuswnme]{max-width:100%}nav[data-astro-cid-qeuswnme][aria-label=Breadcrumb] li[data-astro-cid-qeuswnme]:last-child{overflow:hidden}@media (min-width: 769px) and (max-width: 1024px){.h1-main-content[data-astro-cid-qeuswnme]{font-size:1.75rem}}@media (min-width: 1025px){.h1-main-content[data-astro-cid-qeuswnme]{font-size:2rem}}.tab-button[data-astro-cid-fyhihhas]{transition:all 0.2s ease}.tab-button[data-astro-cid-fyhihhas]:hover{background-color:#f8fafc}.tab-button[data-astro-cid-fyhihhas].border-foreground{color:#09090B!important}.tab-button[data-astro-cid-fyhihhas].border-foreground svg[data-astro-cid-fyhihhas]{color:#09090B!important}.tab-button[data-astro-cid-fyhihhas].border-foreground span[data-astro-cid-fyhihhas]{color:#09090B!important}.tab-button[data-astro-cid-fyhihhas].border-transparent{color:#71717A!important}.tab-button[data-astro-cid-fyhihhas].border-transparent svg[data-astro-cid-fyhihhas]{color:#71717A!important}.tab-button[data-astro-cid-fyhihhas].border-transparent span[data-astro-cid-fyhihhas]{color:#71717A!important}.tab-button[data-astro-cid-fyhihhas].border-transparent:hover{color:#71717A!important;border-color:#71717A!important}.tab-button[data-astro-cid-fyhihhas].border-transparent:hover svg[data-astro-cid-fyhihhas]{color:#71717A!important}.tab-button[data-astro-cid-fyhihhas].border-transparent:hover span[data-astro-cid-fyhihhas]{color:#71717A!important}.tab-content[data-astro-cid-fyhihhas].hidden{display:none!important}.tab-content[data-astro-cid-fyhihhas]:not(.hidden){display:flex!important;flex-direction:column!important;flex:1!important}#panel1-content[data-astro-cid-fyhihhas]{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}#panel1-header[data-astro-cid-fyhihhas]{display:flex!important;min-height:60px;flex-shrink:0}div[data-astro-cid-buurnn3n][id=panel3] .custom-tooltip[data-astro-cid-buurnn3n],#panel3[data-astro-cid-buurnn3n] .custom-tooltip[data-astro-cid-buurnn3n],.custom-tooltip[data-astro-cid-buurnn3n],.custom-tooltip[data-astro-cid-buurnn3n].show,.custom-tooltip[data-astro-cid-buurnn3n].right-panel,div[data-astro-cid-buurnn3n].custom-tooltip,span[data-astro-cid-buurnn3n].custom-tooltip,[data-astro-cid-buurnn3n][class*=custom-tooltip]{background:#FFFFFF!important;background-color:#FFFFFF!important;background-image:none!important;background-clip:padding-box!important;--popover: 0 0% 100% !important;--popover-foreground: 222.2 84% 4.9% !important;color:#09090B!important;border:1px solid #E4E4E7!important;border-color:#E4E4E7!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;mix-blend-mode:normal!important;isolation:isolate!important;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important;will-change:auto!important}.custom-tooltip[data-astro-cid-buurnn3n]{background:#FFFFFF!important;color:#09090B!important;border:1px solid #E4E4E7!important}.custom-tooltip[data-astro-cid-buurnn3n].show{background:#FFFFFF!important;color:#09090B!important;opacity:1!important;visibility:visible!important}#panel3-content[data-astro-cid-buurnn3n]{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}#transcript-content[data-astro-cid-buurnn3n]{display:flex;flex-direction:column;flex:1;min-height:0}#auto-highlight-view[data-astro-cid-buurnn3n]{display:flex;flex-direction:column;flex:1;min-height:0}.linked-content-scroll[data-astro-cid-buurnn3n]{scroll-behavior:smooth;scroll-padding-bottom:2rem;scroll-padding-top:40px;padding-top:0}#linked-content-content[data-astro-cid-buurnn3n].tab-content:not(.hidden) .linked-content-scroll[data-astro-cid-buurnn3n]>div[data-astro-cid-buurnn3n]{padding-top:2rem!important}.linked-content-scroll[data-astro-cid-buurnn3n] .grid[data-astro-cid-buurnn3n]{overflow:visible!important}[data-astro-cid-buurnn3n][data-variant-id]{overflow:visible!important}.truncate[data-astro-cid-buurnn3n]{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}.variant-title-tooltip[data-astro-cid-buurnn3n]{position:absolute!important;z-index:10000!important;transform:translateY(-8px)}.title-tooltip-wrapper[data-astro-cid-buurnn3n] .title-with-tooltip[data-astro-cid-buurnn3n]:hover+.variant-title-tooltip[data-astro-cid-buurnn3n]:not(.tooltip-disabled){visibility:visible!important;opacity:1!important}.variant-title-tooltip[data-astro-cid-buurnn3n]:hover:not(.tooltip-disabled){visibility:visible!important;opacity:1!important}.variant-title-tooltip[data-astro-cid-buurnn3n].tooltip-disabled{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.title-tooltip-wrapper[data-astro-cid-buurnn3n] .title-with-tooltip[data-astro-cid-buurnn3n]:hover+.variant-title-tooltip[data-astro-cid-buurnn3n].tooltip-disabled{visibility:hidden!important;opacity:0!important}.title-with-tooltip[data-astro-cid-buurnn3n]{cursor:default}.grid[data-astro-cid-buurnn3n]>div[data-astro-cid-buurnn3n]:nth-child(1) .variant-title-tooltip[data-astro-cid-buurnn3n],.grid[data-astro-cid-buurnn3n]>div[data-astro-cid-buurnn3n]:nth-child(2) .variant-title-tooltip[data-astro-cid-buurnn3n]{bottom:auto!important;top:100%!important;margin-bottom:0!important;margin-top:8px!important}.grid[data-astro-cid-buurnn3n]>div[data-astro-cid-buurnn3n]:nth-child(1) .variant-title-tooltip[data-astro-cid-buurnn3n]>div[data-astro-cid-buurnn3n]:last-child,.grid[data-astro-cid-buurnn3n]>div[data-astro-cid-buurnn3n]:nth-child(2) .variant-title-tooltip[data-astro-cid-buurnn3n]>div[data-astro-cid-buurnn3n]:last-child{top:-4px!important;transform:rotate(180deg)}.linked-content-scroll[data-astro-cid-buurnn3n]::-webkit-scrollbar{width:6px}.linked-content-scroll[data-astro-cid-buurnn3n]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.linked-content-scroll[data-astro-cid-buurnn3n]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.linked-content-scroll[data-astro-cid-buurnn3n]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tab-button[data-astro-cid-buurnn3n]{transition:all 0.2s ease}.tab-button[data-astro-cid-buurnn3n]:hover{background-color:#f8fafc}.tab-button[data-astro-cid-buurnn3n].border-foreground{color:#09090B!important}.tab-button[data-astro-cid-buurnn3n].border-foreground svg[data-astro-cid-buurnn3n]{color:#09090B!important}.tab-button[data-astro-cid-buurnn3n].border-foreground span[data-astro-cid-buurnn3n]{color:#09090B!important}.tab-button[data-astro-cid-buurnn3n].border-transparent{color:#71717A!important}.tab-button[data-astro-cid-buurnn3n].border-transparent svg[data-astro-cid-buurnn3n]{color:#71717A!important}.tab-button[data-astro-cid-buurnn3n].border-transparent span[data-astro-cid-buurnn3n]{color:#71717A!important}.tab-button[data-astro-cid-buurnn3n].border-transparent:hover{color:#71717A!important;border-color:#71717A!important}.tab-button[data-astro-cid-buurnn3n].border-transparent:hover svg[data-astro-cid-buurnn3n]{color:#71717A!important}.tab-button[data-astro-cid-buurnn3n].border-transparent:hover span[data-astro-cid-buurnn3n]{color:#71717A!important}#panel3-header[data-astro-cid-buurnn3n]{display:flex!important;min-height:60px;flex-shrink:0}#transcript-content[data-astro-cid-buurnn3n]>div[data-astro-cid-buurnn3n]:first-child{flex-shrink:0}.transcript-content-wrapper[data-astro-cid-buurnn3n] p[data-astro-cid-buurnn3n]{overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;hyphens:auto;line-height:1.6}.tab-content[data-astro-cid-buurnn3n].hidden{display:none!important}.tab-content[data-astro-cid-buurnn3n]:not(.hidden){display:flex!important;flex-direction:column!important;flex:1!important}.copy-url-btn[data-astro-cid-buurnn3n]{transition:all 0.2s ease}.sign-in-prompt[data-astro-cid-buurnn3n]{cursor:pointer;position:relative}.sign-in-prompt[data-astro-cid-buurnn3n]::after{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,0.05);border-radius:50%;opacity:0;transition:opacity 0.2s ease}.sign-in-prompt[data-astro-cid-buurnn3n]:hover::after{opacity:1}.reaction-button.active .w-[50px].h-[50px]{box-shadow:0 0 0 2px rgba(59,130,246,0.5)}.ws-disconnected[data-astro-cid-buurnn3n]{opacity:0.7;cursor:not-allowed;position:relative}.ws-disconnected .w-[50px].h-[50px]::after{content:"";position:absolute;inset:-2px;border:1px dashed rgba(239,68,68,0.5);border-radius:50%;pointer-events:none}.ws-disconnected[data-astro-cid-buurnn3n]:hover::before{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:4px 8px;background-color:#333;color:white;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10}.collapsed-variant-btn[data-astro-cid-buurnn3n],#view-transcript-btn[data-astro-cid-buurnn3n],#view-translations-btn[data-astro-cid-buurnn3n]{position:relative}#panel3[data-astro-cid-buurnn3n] .collapsed-variant-btn[data-astro-cid-buurnn3n]:hover::before,#panel3[data-astro-cid-buurnn3n] #view-transcript-btn[data-astro-cid-buurnn3n]:hover::before,div[data-astro-cid-buurnn3n][id=panel3] .collapsed-variant-btn[data-astro-cid-buurnn3n]:hover::before,div[data-astro-cid-buurnn3n][id=panel3] #view-transcript-btn[data-astro-cid-buurnn3n]:hover::before{content:attr(title)!important;position:absolute!important;top:50%!important;right:calc(100% + 12px)!important;transform:translateY(-50%)!important;padding:6px 12px!important;min-height:20px!important;max-width:200px!important;background:rgb(255,255,255)!important;background-color:rgb(255,255,255)!important;background-image:none!important;background-clip:padding-box!important;opacity:1!important;mix-blend-mode:normal!important;isolation:isolate!important;color:rgb(9,9,11)!important;border:1px solid rgb(228,228,231)!important;border-radius:8px!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif!important;font-weight:400!important;font-size:0.875rem!important;line-height:1.25rem!important;letter-spacing:0%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;z-index:999999!important;box-shadow:0px 4px 12px rgba(0,0,0,0.15),0px 2px 4px rgba(0,0,0,0.1)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;pointer-events:none!important;visibility:visible!important;transition:none!important;animation:none!important;margin:0!important;left:auto!important;bottom:auto!important}#panel3[data-astro-cid-buurnn3n] .collapsed-variant-btn[data-astro-cid-buurnn3n]:hover::after,#panel3[data-astro-cid-buurnn3n] #view-transcript-btn[data-astro-cid-buurnn3n]:hover::after,div[data-astro-cid-buurnn3n][id=panel3] .collapsed-variant-btn[data-astro-cid-buurnn3n]:hover::after,div[data-astro-cid-buurnn3n][id=panel3] #view-transcript-btn[data-astro-cid-buurnn3n]:hover::after{content:""!important;position:absolute!important;top:50%!important;right:calc(100% + 6px)!important;transform:translateY(-50%)!important;width:0!important;height:0!important;border-style:solid!important;border-width:6px 0 6px 6px!important;border-color:transparent transparent transparent rgb(255,255,255)!important;z-index:999998!important;pointer-events:none!important;opacity:1!important;visibility:visible!important;transition:none!important;animation:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;margin:0!important;left:auto!important;bottom:auto!important;background:transparent!important;background-color:transparent!important}.collapsed-variant-btn[data-astro-cid-buurnn3n]:hover::before,.collapsed-variant-btn[data-astro-cid-buurnn3n]:hover::after,#view-transcript-btn[data-astro-cid-buurnn3n]:hover::before,#view-transcript-btn[data-astro-cid-buurnn3n]:hover::after{opacity:1!important;visibility:visible!important}@keyframes tooltipFadeInLeft{from{opacity:1!important;transform:translateY(-50%) translateX(0)}to{opacity:1!important;transform:translateY(-50%) translateX(0)}}.collapsed-variant-btn[data-astro-cid-buurnn3n]::before,.collapsed-variant-btn[data-astro-cid-buurnn3n]::after,#view-transcript-btn[data-astro-cid-buurnn3n]::before,#view-transcript-btn[data-astro-cid-buurnn3n]::after{pointer-events:none}.collapsed-panel-btn[data-astro-cid-buurnn3n]{position:relative}.collapsed-panel-btn[data-astro-cid-buurnn3n] .custom-tooltip[data-astro-cid-buurnn3n],#panel3[data-astro-cid-buurnn3n] .custom-tooltip[data-astro-cid-buurnn3n],.right-panel[data-astro-cid-buurnn3n] .custom-tooltip[data-astro-cid-buurnn3n],div[data-astro-cid-buurnn3n][id=panel3] .custom-tooltip[data-astro-cid-buurnn3n]{position:fixed!important;padding:6px 12px!important;min-height:20px!important;max-width:200px!important;background:rgb(255,255,255)!important;background-color:rgb(255,255,255)!important;background-image:none!important;background-clip:padding-box!important;opacity:1!important;mix-blend-mode:normal!important;isolation:isolate!important;color:rgb(9,9,11)!important;border:1px solid rgb(228,228,231)!important;border-radius:8px!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif!important;font-size:0.875rem!important;font-weight:400!important;line-height:1.25rem!important;letter-spacing:0%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;visibility:visible!important;z-index:999999!important;pointer-events:none!important;box-shadow:0px 4px 12px rgba(0,0,0,0.15),0px 2px 4px rgba(0,0,0,0.1)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;transition:none!important;transform:none!important;margin:0!important}.collapsed-panel-btn[data-astro-cid-buurnn3n] .custom-tooltip[data-astro-cid-buurnn3n].show,#panel3[data-astro-cid-buurnn3n] .custom-tooltip[data-astro-cid-buurnn3n].show,.right-panel[data-astro-cid-buurnn3n] .custom-tooltip[data-astro-cid-buurnn3n].show,div[data-astro-cid-buurnn3n][id=panel3] .custom-tooltip[data-astro-cid-buurnn3n].show{opacity:1!important;visibility:visible!important;background:rgb(255,255,255)!important;background-color:rgb(255,255,255)!important;background-image:none!important;mix-blend-mode:normal!important;isolation:isolate!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.collapsed-panel-btn[data-astro-cid-buurnn3n] .custom-tooltip[data-astro-cid-buurnn3n].right-panel::before,#panel3[data-astro-cid-buurnn3n] .custom-tooltip[data-astro-cid-buurnn3n].right-panel::before,.right-panel[data-astro-cid-buurnn3n] .custom-tooltip[data-astro-cid-buurnn3n].right-panel::before,div[data-astro-cid-buurnn3n][id=panel3] .custom-tooltip[data-astro-cid-buurnn3n].right-panel::before{content:""!important;position:absolute!important;left:100%!important;top:50%!important;transform:translateY(-50%)!important;margin-left:-1px!important;width:0!important;height:0!important;border-top:5px solid transparent!important;border-bottom:5px solid transparent!important;border-left:6px solid rgb(255,255,255)!important;border-right:none!important;z-index:999999!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;isolation:isolate!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important;background-color:transparent!important}#panel3[data-astro-cid-buurnn3n] .custom-tooltip[data-astro-cid-buurnn3n],.custom-tooltip[data-astro-cid-buurnn3n]{background:rgb(255,255,255)!important;color:rgb(9,9,11)!important;border:1px solid rgb(228,228,231)!important;background-color:rgb(255,255,255)!important;border-color:rgb(228,228,231)!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;mix-blend-mode:normal!important;isolation:isolate!important}.collapsed-panel-btn[data-astro-cid-buurnn3n][title]{position:relative}.collapsed-panel-btn[data-astro-cid-buurnn3n][title]:hover{overflow:hidden}.linked-content-scroll[data-astro-cid-buurnn3n]{scroll-behavior:smooth;scroll-padding-bottom:4rem;padding-bottom:2rem}.linked-content-scroll[data-astro-cid-buurnn3n]::-webkit-scrollbar{width:6px}.linked-content-scroll[data-astro-cid-buurnn3n]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.linked-content-scroll[data-astro-cid-buurnn3n]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.linked-content-scroll[data-astro-cid-buurnn3n]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tab-button[data-astro-cid-buurnn3n]{position:relative}.tab-button[data-astro-cid-buurnn3n] .absolute[data-astro-cid-buurnn3n],.collapsed-panel-btn[data-astro-cid-buurnn3n] .absolute[data-astro-cid-buurnn3n]{z-index:10;min-width:1rem;min-height:1rem;line-height:1;box-shadow:0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.1);transition:all 0.2s ease;border:none}.collapsed-panel-btn[data-astro-cid-buurnn3n] .absolute[data-astro-cid-buurnn3n]{min-width:0.875rem;min-height:0.875rem;font-size:0.65rem}.tab-button[data-astro-cid-buurnn3n]:hover .absolute[data-astro-cid-buurnn3n],.collapsed-panel-btn[data-astro-cid-buurnn3n]:hover .absolute[data-astro-cid-buurnn3n]{transform:scale(1.05);box-shadow:0 2px 4px rgba(0,0,0,0.16),0 2px 4px rgba(0,0,0,0.28)}.tab-button[data-astro-cid-buurnn3n].border-foreground .absolute[data-astro-cid-buurnn3n]{background-color:#2563eb!important}.tab-button[data-astro-cid-buurnn3n] .absolute[data-astro-cid-buurnn3n],.collapsed-panel-btn[data-astro-cid-buurnn3n] .absolute[data-astro-cid-buurnn3n]{font-weight:600;color:white;text-align:center;display:flex;align-items:center;justify-content:center}.tab-button[data-astro-cid-buurnn3n] .absolute[data-astro-cid-buurnn3n]{font-size:0.7rem}.collapsed-panel-btn[data-astro-cid-buurnn3n] .absolute[data-astro-cid-buurnn3n]{font-size:0.65rem}.tab-button[data-astro-cid-buurnn3n] .absolute[data-astro-cid-buurnn3n]:has-text("100"),.collapsed-panel-btn[data-astro-cid-buurnn3n] .absolute[data-astro-cid-buurnn3n]:has-text("100"){font-size:0.625rem}@media (prefers-color-scheme: dark){.tab-button[data-astro-cid-buurnn3n] .absolute[data-astro-cid-buurnn3n],.collapsed-panel-btn[data-astro-cid-buurnn3n] .absolute[data-astro-cid-buurnn3n]{box-shadow:0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.15)}}.tab-button[data-astro-cid-buurnn3n] .absolute[data-astro-cid-buurnn3n],.collapsed-panel-btn[data-astro-cid-buurnn3n] .absolute[data-astro-cid-buurnn3n]{pointer-events:none}@keyframes badgeAppear{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.tab-button[data-astro-cid-buurnn3n] .absolute[data-astro-cid-buurnn3n],.collapsed-panel-btn[data-astro-cid-buurnn3n] .absolute[data-astro-cid-buurnn3n]{animation:badgeAppear 0.2s ease-out}.vidstack-player{width:100%;height:100%;--video-brand: #3b82f6}