:root {
    --tb-navy: #101f47;
    --tb-blue: #315df5;
    --tb-violet: #a855f7;
    --tb-ink: #162038;
    --tb-muted: #69758d;
    --tb-line: #e4e9f3;
    --tb-soft: #f5f7fc;
}

.tb-hero {
    position: relative;
    overflow: hidden;
    padding: 86px 0 112px;
    color: #fff;
    background: radial-gradient(circle at 78% 18%, rgba(185, 103, 255, .68), transparent 28%),
                linear-gradient(125deg, #102044 0%, #213f91 46%, #7552d9 76%, #a855f7 100%);
}
.tb-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .22;
    background-image: linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to right, #000, transparent 75%);
}
.tb-hero-orb { position: absolute; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.tb-orb-one { width: 320px; height: 320px; right: -80px; bottom: -150px; background: rgba(255,255,255,.13); }
.tb-orb-two { width: 120px; height: 120px; left: 48%; top: -50px; background: rgba(79, 211, 255, .2); }
.tb-hero-inner { position: relative; z-index: 2; display: grid; grid-template-columns: 1.05fr .72fr; gap: 64px; align-items: center; }
.tb-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(255,255,255,.1); font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.tb-hero h1 { margin: 18px 0 10px; color: #fff; font-size: clamp(44px, 5.2vw, 76px); line-height: .98; letter-spacing: -.045em; }
.tb-hero-copy > p { max-width: 650px; margin: 0; color: rgba(255,255,255,.88); font-size: clamp(18px, 2vw, 25px); }
.tb-hero-badges { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 26px; }
.tb-hero-badges > span { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border-radius: 10px; background: rgba(8,18,47,.34); color: rgba(255,255,255,.92); font-size: 12px; font-weight: 700; }
.tb-hero-search { padding: 24px; border: 1px solid rgba(255,255,255,.2); border-radius: 20px; background: rgba(10,20,52,.34); box-shadow: 0 30px 70px rgba(8,13,38,.22); backdrop-filter: blur(15px); }
.tb-hero-search label { display: block; margin-bottom: 10px; color: #fff; font-size: 17px; font-weight: 800; }
.tb-hero-search small { display: block; margin-top: 9px; color: rgba(255,255,255,.65); }
.tb-search-box { display: flex; align-items: center; gap: 10px; min-height: 58px; padding: 0 16px; border-radius: 13px; background: #fff; color: #657189; }
.tb-search-box input { width: 100%; height: 54px; border: 0; outline: 0; background: transparent; color: #17223b; font-size: 15px; }

.tb-main { margin-top: -54px; padding: 0 0 96px; position: relative; z-index: 3; }
.tb-player-shell { margin-bottom: 62px; overflow: hidden; border: 1px solid var(--tb-line); border-radius: 22px; background: #fff; box-shadow: 0 26px 70px rgba(16, 31, 71, .15); }
.tb-player-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(320px, .7fr); }
.tb-video-stage { min-height: 470px; display: grid; place-items: center; background: #071025; }
.tb-video-stage iframe, .tb-video-stage video { width: 100%; height: 100%; min-height: 470px; border: 0; object-fit: contain; }
.tb-video-stage .plyr, .tb-video-stage .plyr__video-wrapper { width: 100%; height: 100%; min-height: 470px; }
.tb-video-stage .plyr {
    --plyr-color-main: #7b61ff;
    --plyr-video-control-color: #fff;
    --plyr-video-control-color-hover: #fff;
    --plyr-video-control-background-hover: rgba(255,255,255,.14);
    --plyr-menu-background: #11131b;
    --plyr-menu-color: #fff;
    --plyr-menu-border-color: rgba(255,255,255,.12);
    --plyr-range-fill-background: #7b61ff;
    --plyr-range-thumb-background: #fff;
    --plyr-range-track-height: 4px;
    --plyr-range-thumb-height: 14px;
    font-family: "Euclid Circular A", sans-serif;
    background: #000;
}
.tb-video-stage .plyr__controls {
    gap: 2px;
    padding: 12px 14px 13px;
    border-top: 1px solid rgba(255,255,255,.07);
    background: #05070d;
}
.tb-video-stage .plyr__controls .plyr__control { border-radius: 6px; }
.tb-video-stage .plyr__controls .plyr__control svg { width: 20px; height: 20px; }
.tb-video-stage .plyr__progress { margin-inline: 7px; }
.tb-video-stage .plyr__time { color: #fff; font-size: 14px; font-variant-numeric: tabular-nums; }
.tb-video-stage .plyr__volume { max-width: 150px; }
.tb-video-stage .plyr__menu__container {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    background: #11131b;
    color: #fff;
    box-shadow: 0 18px 45px rgba(0,0,0,.5);
}
.tb-video-stage .plyr__menu__container::after { border-top-color: #11131b; }
.tb-video-stage .plyr__menu__container .plyr__control { color: #fff; }
.tb-video-stage .plyr__menu__container .plyr__control:hover,
.tb-video-stage .plyr__menu__container .plyr__control[aria-expanded="true"] { background: rgba(123,97,255,.24); }
.tb-video-stage .plyr__control--overlaid { width: 76px; height: 76px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.38); background: linear-gradient(135deg, #4267ff, #9d4edd); box-shadow: 0 16px 38px rgba(7,16,44,.38); }
.tb-video-stage .plyr--video.plyr--stopped .plyr__controls { opacity: 1; transform: translateY(0); }
.tb-player-copy { display: flex; flex-direction: column; padding: 32px; }
.tb-player-copy h2 { margin: 12px 0 10px; color: var(--tb-ink); font-size: 28px; line-height: 1.2; }
.tb-player-copy > p { color: var(--tb-muted); font-size: 14px; line-height: 1.72; }
.tb-meta { display: flex; flex-wrap: wrap; gap: 7px; }
.tb-meta span { display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border-radius: 999px; background: #eef3ff; color: #3557ab; font-size: 10px; font-weight: 800; }
.tb-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.tb-tags span { color: #687690; font-size: 11px; }
.tb-resources { margin-top: 20px; padding-top: 17px; border-top: 1px solid var(--tb-line); }
.tb-resources strong { display: block; margin-bottom: 9px; color: var(--tb-ink); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.tb-resources a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 11px; margin-top: 6px; border-radius: 9px; background: var(--tb-soft); color: #30466f; font-size: 12px; font-weight: 700; text-decoration: none; }
.tb-share { display: flex; gap: 7px; margin-top: auto; padding-top: 22px; }
.tb-share button, .tb-share a { display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 7px 11px; border: 1px solid var(--tb-line); border-radius: 9px; background: #fff; color: #31415e; font-size: 11px; font-weight: 800; text-decoration: none; }

.tb-toolbar { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 24px; }
.tb-player-shell[hidden] + .tb-toolbar { padding-top: 78px; }
.tb-section-kicker { color: var(--tb-blue); font-size: 11px; font-weight: 900; letter-spacing: .11em; }
.tb-toolbar h2 { margin: 5px 0 0; color: var(--tb-ink); font-size: 31px; }
.tb-filters { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.tb-filter { padding: 8px 12px; border: 1px solid var(--tb-line); border-radius: 999px; background: #fff; color: #5d6980; font-size: 12px; font-weight: 800; cursor: pointer; }
.tb-filter.is-active { border-color: var(--tb-blue); background: var(--tb-blue); color: #fff; box-shadow: 0 8px 20px rgba(49,93,245,.2); }
.tb-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.tb-card { overflow: hidden; border: 1px solid var(--tb-line); border-radius: 17px; background: #fff; box-shadow: 0 14px 34px rgba(16,31,71,.065); transition: transform .2s ease, box-shadow .2s ease; cursor: pointer; }
.tb-card:hover { transform: translateY(-5px); box-shadow: 0 24px 50px rgba(16,31,71,.13); }
.tb-card.is-current { border-color: var(--tb-blue); box-shadow: 0 0 0 3px rgba(49,93,245,.12), 0 22px 48px rgba(16,31,71,.13); }
.tb-card.is-current::before { content: "Hazırda seçilib"; position: absolute; z-index: 5; right: 10px; top: 10px; padding: 5px 9px; border-radius: 999px; background: var(--tb-blue); color: #fff; font-size: 9px; font-weight: 900; }
.tb-card.is-current .tb-card-favorite { top: 46px; }
.tb-card { position: relative; }
.tb-card-cover { position: relative; aspect-ratio: 16/9; display: grid; place-items: center; overflow: hidden; background: linear-gradient(135deg, #122b66, #315df5 58%, #a855f7); color: #fff; }
.tb-card-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.tb-card:hover .tb-card-cover img { transform: scale(1.035); }
.tb-card-play { position: absolute; width: 52px; height: 52px; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(255,255,255,.94); color: var(--tb-blue); box-shadow: 0 12px 28px rgba(8,17,45,.26); font-size: 19px; }
.tb-card-duration { position: absolute; right: 10px; bottom: 10px; padding: 4px 8px; border-radius: 7px; background: rgba(4,10,24,.82); color: #fff; font-size: 10px; font-weight: 800; }
.tb-card-featured { position: absolute; left: 10px; top: 10px; padding: 5px 9px; border-radius: 999px; background: #ffd166; color: #694900; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.tb-card-body { padding: 18px; }
.tb-card-body h3 { margin: 8px 0 8px; color: var(--tb-ink); font-size: 18px; line-height: 1.35; }
.tb-card-body p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0; color: var(--tb-muted); font-size: 13px; line-height: 1.55; }
.tb-card-foot { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--tb-line); color: #63718b; font-size: 11px; font-weight: 700; }
.tb-card-foot span:last-child { color: var(--tb-blue); }
.tb-library-controls { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: -4px 0 24px; padding: 15px; border: 1px solid var(--tb-line); border-radius: 15px; background: #fff; box-shadow: 0 10px 30px rgba(16,31,71,.05); }
.tb-scope-tabs { display: flex; gap: 6px; }
.tb-scope-tabs button { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 8px 13px; border: 0; border-radius: 10px; background: transparent; color: #627089; font-size: 12px; font-weight: 800; cursor: pointer; }
.tb-scope-tabs button.is-active { background: #edf2ff; color: var(--tb-blue); }
.tb-select-filters { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.tb-select-filters label { display: grid; gap: 4px; color: #7a869c; font-size: 9px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.tb-select-filters select { min-width: 130px; height: 38px; padding: 0 32px 0 11px; border: 1px solid var(--tb-line); border-radius: 9px; outline: 0; background: #fff; color: #26324a; font-size: 12px; font-weight: 700; }
.tb-account-note { display: flex; align-items: center; gap: 9px; margin: -12px 0 22px; padding: 11px 14px; border-radius: 10px; background: #fff8e8; color: #805a05; font-size: 12px; }
.tb-account-note a { margin-left: auto; color: var(--tb-blue); font-weight: 900; }
.tb-series-chip, .tb-card-series { display: inline-flex; align-items: center; gap: 6px; border: 0; color: #536a9d; font-size: 11px; font-weight: 800; cursor: pointer; }
.tb-series-chip { align-self: flex-start; margin-top: 13px; padding: 6px 9px; border-radius: 8px; background: #f1f4ff; }
.tb-series-chip b { color: var(--tb-blue); }
.tb-card-series { margin-top: 10px; padding: 0; background: transparent; color: var(--tb-blue); text-align: left; }
.tb-card-series:hover, .tb-series-chip:hover { text-decoration: underline; }
.tb-grid-meta { display: flex; justify-content: flex-end; min-height: 24px; margin: -10px 0 10px; color: #7b879b; font-size: 11px; font-weight: 800; }
.tb-load-more { display: flex; justify-content: center; padding-top: 30px; }
.tb-load-more button { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 10px 19px; border: 1px solid #b7c5ef; border-radius: 999px; background: #fff; color: var(--tb-blue); font-size: 12px; font-weight: 900; cursor: pointer; box-shadow: 0 10px 26px rgba(49,93,245,.1); }
.tb-playlist-status { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: -8px 0 24px; padding: 13px 15px; border: 1px solid #cad6fb; border-radius: 12px; background: linear-gradient(105deg,#eef3ff,#faf4ff); color: #445990; font-size: 12px; }
.tb-playlist-status span { display: inline-flex; align-items: center; gap: 7px; }
.tb-playlist-status button { border: 0; background: transparent; color: var(--tb-blue); font-size: 11px; font-weight: 900; cursor: pointer; }
.tb-card-favorite { position: absolute; z-index: 2; right: 10px; top: 10px; width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(255,255,255,.93); color: #536077; cursor: pointer; box-shadow: 0 8px 20px rgba(4,10,24,.18); }
.tb-card-favorite.is-favorite, .tb-share .is-favorite { color: #df315e; border-color: #f5b4c5; background: #fff2f6; }
.tb-card-favorite.is-favorite svg, .tb-share .is-favorite svg { fill: currentColor; }
.tb-card-featured + .tb-card-favorite { top: 46px; }
.tb-card-progress { --tb-progress: 0%; position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; height: 4px; background: rgba(255,255,255,.36); }
.tb-card-progress::after { content: ""; display: block; width: var(--tb-progress); height: 100%; background: linear-gradient(90deg, #47d7ff, #b967ff); }
.tb-active-progress { --tb-progress: 0%; display: flex; align-items: center; gap: 10px; margin-top: 10px; color: #63718b; font-size: 10px; font-weight: 800; }
.tb-active-progress i { flex: 1; height: 5px; overflow: hidden; border-radius: 999px; background: #e9edf5; }
.tb-active-progress i::after { content: ""; display: block; width: var(--tb-progress); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--tb-blue), var(--tb-violet)); transition: width .25s ease; }
.tb-player-activate { position: absolute; z-index: 4; display: inline-flex; align-items: center; gap: 9px; padding: 13px 18px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; background: rgba(15,27,60,.86); color: #fff; font-weight: 900; cursor: pointer; backdrop-filter: blur(8px); box-shadow: 0 15px 35px rgba(0,0,0,.26); }
.tb-video-stage { position: relative; }
.tb-course-cta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 17px; padding: 13px 15px; border-radius: 11px; background: linear-gradient(115deg, #315df5, #a855f7); color: #fff; text-decoration: none; box-shadow: 0 10px 25px rgba(76,65,216,.18); }
.tb-course-cta:hover { color: #fff; transform: translateY(-1px); }
.tb-course-cta span { display: grid; font-size: 13px; font-weight: 900; }
.tb-course-cta small { color: rgba(255,255,255,.72); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.tb-learning-suite { padding: 0 32px 30px; border-top: 1px solid var(--tb-line); }
.tb-suite-tabs { display: flex; gap: 2px; overflow-x: auto; margin: 0 -3px 22px; padding-top: 14px; }
.tb-suite-tabs button { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; min-height: 42px; padding: 9px 14px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #66738b; font-size: 12px; font-weight: 850; cursor: pointer; }
.tb-suite-tabs button.is-active { border-color: var(--tb-blue); color: var(--tb-blue); }
.tb-suite-panel { display: none; }
.tb-suite-panel.is-active { display: block; animation: tbPanelIn .22s ease; }
@keyframes tbPanelIn { from { opacity: 0; transform: translateY(4px); } }
.tb-suite-empty { margin: 0; padding: 24px; border-radius: 12px; background: var(--tb-soft); color: var(--tb-muted); text-align: center; }
.tb-ai-panel { padding: 22px; border: 1px solid #dce5ff; border-radius: 15px; background: linear-gradient(120deg, #f3f6ff, #faf4ff); }
.tb-ai-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.tb-ai-heading span { display: inline-flex; align-items: center; gap: 7px; color: #4f46cf; font-weight: 900; }
.tb-ai-heading p { margin: 0; color: #6e7890; font-size: 12px; }
.tb-ai-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.tb-ai-actions button { padding: 9px 13px; border: 1px solid #aebef6; border-radius: 8px; background: #fff; color: #314ba9; font-size: 11px; font-weight: 850; cursor: pointer; }
.tb-ai-question { display: flex; gap: 8px; margin-top: 14px; }
.tb-ai-question input { flex: 1; min-width: 0; height: 42px; padding: 0 13px; border: 1px solid #d4dcf0; border-radius: 9px; outline: 0; background: #fff; }
.tb-ai-question button, .tb-primary-action { min-height: 42px; padding: 9px 17px; border: 0; border-radius: 9px; background: var(--tb-blue); color: #fff; font-size: 12px; font-weight: 900; cursor: pointer; }
.tb-ai-answer { margin-top: 15px; padding: 15px; border: 1px solid #dce4f7; border-radius: 11px; background: #fff; color: #34405a; font-size: 13px; line-height: 1.68; }
.tb-ai-answer p { margin: 0; }
.tb-ai-answer.is-loading { display: flex; align-items: center; gap: 10px; }
.tb-ai-loader { width: 20px; height: 20px; border: 2px solid #d9e1f5; border-top-color: var(--tb-violet); border-radius: 50%; animation: tbSpin .8s linear infinite; }
.tb-transcript-tools { display: flex; align-items: center; gap: 9px; max-width: 430px; height: 42px; padding: 0 13px; border: 1px solid var(--tb-line); border-radius: 10px; color: #748099; }
.tb-transcript-tools input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--tb-ink); }
.tb-transcript-text { max-height: 420px; overflow-y: auto; margin-top: 15px; padding: 5px 15px 5px 0; color: #46526a; font-size: 14px; line-height: 1.8; }
.tb-transcript-text p { margin: 0 0 14px; }
.tb-resource-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.tb-resource-grid a { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; min-height: 64px; padding: 13px 15px; border: 1px solid var(--tb-line); border-radius: 11px; background: var(--tb-soft); color: #33425f; font-size: 12px; font-weight: 800; text-decoration: none; }
.tb-resource-grid a:hover { border-color: #a9b9ef; color: var(--tb-blue); }
.tb-quiz-form { display: grid; gap: 14px; }
.tb-quiz-form fieldset { margin: 0; padding: 17px; border: 1px solid var(--tb-line); border-radius: 12px; }
.tb-quiz-form legend { display: flex; align-items: flex-start; gap: 9px; margin: 0 0 12px; color: var(--tb-ink); font-size: 14px; font-weight: 900; }
.tb-quiz-form legend span { flex: 0 0 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: #edf2ff; color: var(--tb-blue); font-size: 10px; }
.tb-quiz-form label { display: flex; align-items: center; gap: 9px; margin: 7px 0; padding: 9px 11px; border-radius: 8px; background: var(--tb-soft); color: #44506a; font-size: 12px; cursor: pointer; }
.tb-quiz-explanation { margin-top: 10px; padding: 9px 11px; border-radius: 8px; font-size: 11px; }
.tb-quiz-explanation.is-correct { background: #eafaf1; color: #137a47; }
.tb-quiz-explanation.is-wrong { background: #fff0f1; color: #b72e45; }
.tb-quiz-score { align-self: center; color: #46526a; font-size: 13px; font-weight: 850; }
.tb-related { padding: 0 32px 32px; }
.tb-related-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; color: var(--tb-ink); font-size: 14px; font-weight: 900; }
.tb-related-head small { color: #7a869c; font-weight: 700; }
.tb-related-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.tb-related-grid button { display: grid; grid-template-columns: 1fr auto; gap: 3px 9px; min-width: 0; padding: 12px; border: 1px solid var(--tb-line); border-radius: 10px; background: #fff; color: var(--tb-ink); text-align: left; cursor: pointer; }
.tb-related-grid button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 850; }
.tb-related-grid button small { color: #77839a; font-size: 9px; }
.tb-related-grid button i, .tb-related-grid button svg { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--tb-blue); }
.tb-loading, .tb-empty { grid-column: 1 / -1; padding: 70px 20px; text-align: center; color: var(--tb-muted); }
.tb-loading span { display: block; width: 40px; height: 40px; margin: 0 auto 15px; border: 3px solid #e1e7f2; border-top-color: var(--tb-blue); border-radius: 50%; animation: tbSpin .8s linear infinite; }
@keyframes tbSpin { to { transform: rotate(360deg); } }
.tb-cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 60px; padding: 34px 38px; border-radius: 20px; background: linear-gradient(120deg, #101f47, #2349ad 58%, #8655e4); color: #fff; }
.tb-cta span { color: #9fc2ff; font-size: 11px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.tb-cta h2 { margin: 6px 0; color: #fff; font-size: 27px; }
.tb-cta p { margin: 0; color: rgba(255,255,255,.75); }

.active-dark-mode .tb-main { background: #0b1223; }
.active-dark-mode .tb-player-shell, .active-dark-mode .tb-card, .active-dark-mode .tb-library-controls, .active-dark-mode .tb-related-grid button { border-color: #27334b; background: #121c31; }
.active-dark-mode .tb-player-copy h2, .active-dark-mode .tb-toolbar h2, .active-dark-mode .tb-card-body h3, .active-dark-mode .tb-resources strong { color: #eef4ff; }
.active-dark-mode .tb-player-copy > p, .active-dark-mode .tb-card-body p { color: #a6b2c8; }
.active-dark-mode .tb-filter, .active-dark-mode .tb-share button, .active-dark-mode .tb-share a { border-color: #2b3954; background: #121c31; color: #bac5d8; }
.active-dark-mode .tb-filter.is-active { background: var(--tb-blue); color: #fff; }
.active-dark-mode .tb-card-foot, .active-dark-mode .tb-resources { border-color: #2b3954; }
.active-dark-mode .tb-resources a { background: #1a2640; color: #c3cee0; }
.active-dark-mode .tb-select-filters select, .active-dark-mode .tb-ai-answer, .active-dark-mode .tb-ai-question input { border-color: #2b3954; background: #111b2e; color: #d8e1f0; }
.active-dark-mode .tb-scope-tabs button.is-active, .active-dark-mode .tb-series-chip { background: #1b2b52; color: #8eabff; }
.active-dark-mode .tb-load-more button, .active-dark-mode .tb-playlist-status { border-color: #314263; background: #15213a; color: #b8c7e8; }
.active-dark-mode .tb-learning-suite { border-color: #2b3954; }
.active-dark-mode .tb-ai-panel { border-color: #314263; background: linear-gradient(120deg,#15213a,#231c3a); }
.active-dark-mode .tb-ai-heading p, .active-dark-mode .tb-transcript-text { color: #aeb9cb; }
.active-dark-mode .tb-resource-grid a, .active-dark-mode .tb-quiz-form fieldset, .active-dark-mode .tb-transcript-tools { border-color: #2b3954; background: #18243a; color: #cbd5e5; }
.active-dark-mode .tb-quiz-form legend, .active-dark-mode .tb-related-head, .active-dark-mode .tb-related-grid button { color: #eef4ff; }
.active-dark-mode .tb-quiz-form label { background: #1b2942; color: #c5d0e2; }

@media (max-width: 1100px) {
    .tb-hero-inner { grid-template-columns: 1fr .8fr; gap: 34px; }
    .tb-player-layout { grid-template-columns: 1fr; }
    .tb-video-stage, .tb-video-stage iframe, .tb-video-stage video, .tb-video-stage .plyr, .tb-video-stage .plyr__video-wrapper { min-height: 500px; }
    .tb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tb-library-controls { align-items: stretch; flex-direction: column; }
    .tb-select-filters { justify-content: flex-start; }
}
@media (max-width: 767px) {
    .tb-hero { padding: 60px 0 90px; }
    .tb-hero-inner { grid-template-columns: 1fr; }
    .tb-hero h1 { font-size: 46px; }
    .tb-main { margin-top: -36px; }
    .tb-video-stage, .tb-video-stage iframe, .tb-video-stage video, .tb-video-stage .plyr, .tb-video-stage .plyr__video-wrapper { min-height: 240px; }
    .tb-player-copy { padding: 22px; }
    .tb-player-copy h2 { font-size: 23px; }
    .tb-toolbar { align-items: stretch; flex-direction: column; }
    .tb-filters { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 5px; }
    .tb-filter { white-space: nowrap; }
    .tb-grid { grid-template-columns: 1fr; }
    .tb-library-controls { padding: 11px; }
    .tb-scope-tabs { overflow-x: auto; }
    .tb-scope-tabs button { flex: 0 0 auto; white-space: nowrap; }
    .tb-select-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .tb-select-filters label:last-child { grid-column: 1 / -1; }
    .tb-select-filters select { width: 100%; min-width: 0; }
    .tb-learning-suite, .tb-related { padding-left: 17px; padding-right: 17px; }
    .tb-suite-tabs { margin-bottom: 15px; }
    .tb-ai-panel { padding: 15px; }
    .tb-ai-heading { align-items: flex-start; flex-direction: column; gap: 6px; }
    .tb-ai-question { flex-direction: column; }
    .tb-resource-grid, .tb-related-grid { grid-template-columns: 1fr; }
    .tb-playlist-status { align-items: flex-start; flex-direction: column; }
    .tb-cta { align-items: flex-start; flex-direction: column; padding: 27px; }
}