body {
     background: #eee;
     font-family: sans-serif;
}
 h1 {
     font-size: 1em;
}
 #transcript-container {
     height: 200px;
     overflow: auto;
     display: block;
     border: 1px solid #ccc;
     max-width: 620px;
     padding: 10px;
     background: white;
     resize: vertical;
     overflow: auto;
}
 .pagefind-ui__result-title.svelte-4xnkmf .pagefind-ui__result-link.svelte-4xnkmf {
     color: blue;
}
 .pagefind-ui__result-nested .pagefind-ui__result-title.svelte-4xnkmf .pagefind-ui__result-link.svelte-4xnkmf {
     color: blue;
     font-weight: normal;
}
 .pagefind-ui__result.svelte-4xnkmf.svelte-4xnkmf {
     background: white;
     padding: 10px;
     margin-bottom: 3px;
}
 .pagefind-ui__button.svelte-e9gkc3 {
     margin-top: 0px;
     text-align: left;
     font-size: 1em;
     color: blue;
}
 #transcript-container h6 {
     margin: 0px;
     font-weight: normal;
     font-size: 1.3em;
     line-height: 1.3em;
     padding-bottom: 10px;
}
 #transcript-container .hide {
     display: none;
}
 #transcript-container span {
     cursor: pointer;
     display: block;
}
 #transcript-container span.highlighted {
     text-decoration: underline;
     text-decoration-thickness: 2px;
     background: #d4fff5;
}
 #transcript-container span:hover {
     color: blue;
}
 #youtube_player {
     max-width: 640px;
     width: 100%;
}
@media (max-width: 500px) {
     #youtube_player {
          max-width: 100%;
          height: 240px;
     }
     .pagefind-ui__drawer.svelte-e9gkc3 {
          gap: 0px;
     }
     .pagefind-ui__results-area.svelte-e9gkc3 {
          margin-top: 0px;
     }
}

 .pagefind-ui__result-thumb {
     display: none;
}

@media (prefers-color-scheme: dark) {
     :root {
     --pagefind-ui-primary: #393939;
     --pagefind-ui-text: white;
     --pagefind-ui-background: #121212;
     --pagefind-ui-border: #555;
     --pagefind-ui-tag: #eeeeee;
     }
     body,  #transcript-container {
       color: #eee;
       background: #121212;
     }
   
     a,  #transcript-container span:hover,  .pagefind-ui__result-nested .pagefind-ui__result-title.svelte-4xnkmf .pagefind-ui__result-link.svelte-4xnkmf,  .pagefind-ui__result-nested .pagefind-ui__result-title.svelte-4xnkmf .pagefind-ui__result-link.svelte-4xnkmf, .pagefind-ui__button.svelte-e9gkc3,
     .pagefind-ui__result-title.svelte-4xnkmf .pagefind-ui__result-link.svelte-4xnkmf {
       color: #76a3f9;
     }
     #transcript-container {
          border: 1px solid #555;
     }
     #transcript-container span.highlighted {
          background: #1e3e36;
          color: white;
     }
     .pagefind-ui__result.svelte-4xnkmf.svelte-4xnkmf {
          background:  #121212;
     }
   }
