﻿
.tbcpdx-messages{    max-width:980px;    margin:0 auto;    padding:0 1rem;}
/*.tbcpdx-messages{
/*    max-width:980px;
/*    margin:0 auto;
/*    padding:0 1rem;
/*    /* Slightly stronger outlines for cards/grouping in light mode */
/*    --tbcpdx-outline: rgba(0,0,0,.22);
/*    --tbcpdx-outline-strong: rgba(0,0,0,.30);
/*}
/*:root[data-theme="dark"] .tbcpdx-messages{
/*    /* Lighter but bolder strokes for dark backgrounds */
/*    --tbcpdx-outline: rgba(255,255,255,.16);
/*    --tbcpdx-outline-strong: rgba(255,255,255,.22);
/*}
/*@media (prefers-color-scheme: dark){
/*    .tbcpdx-messages{
/*        --tbcpdx-outline: rgba(255,255,255,.16);
/*        --tbcpdx-outline-strong: rgba(255,255,255,.22);
/*    }
/*} */

/* Collapsibles */
.sa-sec { margin:.5rem 0 1rem; border-left:3px solid var(--tbcpdx-sec-accent, #1f6feb); padding-left:.65rem; border-radius:.4rem; }
:root[data-theme="dark"] .sa-sec{ border-left-color: var(--tbcpdx-sec-accent, #3ea6ff); }
.sa-sec__summary { font-size:.97rem; font-weight:750; cursor:pointer; list-style:none; display:flex; align-items:baseline; gap:.75rem; padding:.35rem .45rem .35rem .2rem; color:inherit; background:var(--tbcpdx-sec-bg, rgba(31,111,235,.06)); border-radius:.35rem; }
:root[data-theme="dark"] .sa-sec__summary{ background:var(--tbcpdx-sec-bg, rgba(62,166,255,.08)); }
.sa-sec__title{flex:1 1 auto; min-width:0; text-align:left; display:flex; align-items:baseline; gap:.35rem;}
.sa-sec__count{ font-size:.85rem; font-weight:400; opacity:.7; white-space:nowrap; display:flex; align-items:center; gap:.4rem; margin-left:auto; }
.sa-sec__summary::-webkit-details-marker { display:none; }
.sa-series { margin:.35rem 0 .6rem .6rem; }
.sa-series__summary { font-size:.92rem; font-weight:600; cursor:pointer; opacity:.9; display:flex; justify-content:space-between; gap:.75rem; align-items:baseline; }
.sa-series__count { font-size:.85rem; font-weight:400; opacity:.7; white-space:nowrap; display:flex; align-items:center; gap:.4rem; }
.sa-series__summary::-webkit-details-marker { display:none; }
.sa-series__expand{ border:1px solid var(--tbcpdx-border, rgba(0,0,0,.12)); background:transparent; color:inherit; border-radius:.35rem; padding:.12rem .45rem; font-size:.8rem; cursor:pointer; display:inline-flex; align-items:center; gap:.25rem; font-family: inherit; }
.sa-series__expand:hover{ filter:brightness(0.97); }
.sa-series__expand[disabled]{ opacity:.6; cursor:not-allowed; }
.sa-series__expand-glyph{ display:inline-block; }
.tbcpdx-meta-date--mobile{ display:none; align-items:center; gap:.35rem; white-space:nowrap; }
.tbcpdx-meta-date--mobile .tbcpdx-mdate-tc{ text-indent: 0; padding:0; background:none; }
.tbcpdx-meta-date--mobile + .sep{ display:none; }

/* Disclosure arrows for expandable groups */
.tbc-disclosure{display:inline-flex; width:1.15em; height:1.15em; align-items:center; justify-content:center; margin-right:.25em; opacity:.75; transition:transform .15s ease, filter .15s ease; font-size:1.4em; line-height:1; color:currentColor;}
.tbc-disclosure::before{content:""; width:.55em; height:.55em; border-right:.2em solid currentColor; border-bottom:.2em solid currentColor; transform:rotate(-45deg);} 
details[open] > summary .tbc-disclosure::before{transform:rotate(45deg);} 
.sa-sec__summary .tbc-disclosure{color:var(--tbcpdx-sec-accent, #1f6feb);} 
:root[data-theme="dark"] .sa-sec__summary .tbc-disclosure{color:var(--tbcpdx-sec-accent, #3ea6ff);} 
.sa-sec__summary .tbc-disclosure::before{border-right-width:.22em; border-bottom-width:.22em;}
.sa-sec__summary:hover .tbc-disclosure,
.sa-sec__summary:focus-visible .tbc-disclosure,
.sa-series__summary:hover .tbc-disclosure,
.sa-series__summary:focus-visible .tbc-disclosure{transform:scale(1.12) translateX(1px); filter:brightness(1.08);} 
/* Themed tooltips (replaces native title tooltips) */
.tbc-tip[data-tip]{
  position:relative;
  text-indent:0;
}
.tbc-tip[data-tip]:hover:after,
.tbc-tip[data-tip]:focus:after{
  content:attr(data-tip);
  position:absolute;
  left:0;
  top:0;
  transform:translate(calc(0.6em + var(--tbcpdx-tip-shift, 0px)), calc(-100% - 0.75em));
  margin:0;
  padding:.25rem .45rem;
  border-radius:.35rem;
  font-size:.82rem;
  line-height:1.2;
  white-space:nowrap;
  z-index:9999;
  pointer-events:none;
  background:var(--tbcpdx-tooltip-bg, rgba(0,0,0,.88));
  color:var(--tbcpdx-tooltip-fg, #fff);
  border:1px solid var(--tbcpdx-tooltip-border, rgba(255,255,255,.25));
  box-shadow:0 4px 14px rgba(0,0,0,.25);
  text-indent:0;
}
@media (prefers-color-scheme: dark){
  .tbc-tip[data-tip]:hover:after,
  .tbc-tip[data-tip]:focus:after{
    background:var(--tbcpdx-tooltip-bg, rgba(255,255,255,.94));
    color:var(--tbcpdx-tooltip-fg, #111);
    border:1px solid var(--tbcpdx-tooltip-border, rgba(0,0,0,.28));
    box-shadow:0 4px 14px rgba(0,0,0,.35);
  }
}

/* Filter */
.tbc-filter { margin:0 0 1.6rem; border:2px solid var(--tbcpdx-border-strong, rgba(0,0,0,.16)); border-radius:.6rem; background:var(--tbcpdx-filter-bg, rgba(0,0,0,.04)); }
.tbc-filter__summary { padding:.7rem .95rem; font-weight:700; font-size:1.05rem; cursor:pointer; display:flex; align-items:center; gap:.5rem; }
.tbc-filter__summary::-webkit-details-marker{display:none;}
.tbc-filter__summary::marker{content:"";}
.tbc-filter__glyph{width:18px;height:18px;opacity:.85;flex:0 0 auto;}
.tbc-filter__form { padding:.7rem .95rem .95rem; display:grid; gap:.6rem; }
.tbc-row { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:.6rem; }
.tbc-field { display:flex; flex-direction:column; gap:.25rem; }
.tbc-field input[type="text"],
.tbc-field input[type="date"],
.tbc-field input[type="number"],
.tbc-field select { padding:.45rem .55rem; border:1px solid var(--tbcpdx-border, rgba(0,0,0,.15)); border-radius:.35rem; background:var(--tbcpdx-input-bg, inherit); color:inherit; }
.tbc-combo{ position:relative; display:flex; flex-direction:column; }
.tbc-combo__input{ padding-right:2.3rem; }
.tbc-combo__hint{ position:absolute; right:.55rem; top:50%; transform:translateY(-50%); font-size:.8rem; opacity:.55; pointer-events:none; }

.tbc-lookup__menu{
  position:absolute; left:0; right:0; top:calc(100% + 4px);
  max-height:220px; overflow-y:auto;
    background:var(--tbcpdx-lookup-bg,
           var(--tbcpdx-popover-bg,
             var(--tbcpdx-tooltip-bg,
               var(--tbcpdx-cardbg,
                 var(--tbcpdx-filter-bg, #ffffff)))));
    color:var(--tbcpdx-lookup-fg,
        var(--tbcpdx-popover-fg,
          var(--tbcpdx-tooltip-fg,
            var(--tbcpdx-text, #111))));
    border:1px solid var(--tbcpdx-lookup-border,
               var(--tbcpdx-popover-border,
                 var(--tbcpdx-tooltip-border,
                   var(--tbcpdx-border, rgba(0,0,0,.12)))));
    border-radius:6px; box-shadow:var(--tbcpdx-lookup-shadow, var(--tbcpdx-popover-shadow, 0 8px 24px rgba(0,0,0,0.12)));
  z-index:30; padding:4px; font-family: Arial, "Helvetica Neue", sans-serif;
}
.tbc-lookup__menu[hidden]{ display:none; }
.tbc-lookup__list{ margin:0; padding:0; list-style:none; }
.tbc-lookup__item{ display:block; width:100%; text-align:left; border:0; background:transparent; padding:8px 10px; border-radius:4px; font-size:.95rem; cursor:pointer; font-family: Arial, "Helvetica Neue", sans-serif; text-transform:none; }
.tbc-lookup__item{ color:var(--tbcpdx-lookup-fg,
               var(--tbcpdx-popover-fg,
                 var(--tbcpdx-tooltip-fg,
                   var(--tbcpdx-text, #111)))); }
.tbc-lookup__item:hover,
.tbc-lookup__item:focus{
  background:var(--tbcpdx-lookup-hover, var(--tbcpdx-popover-hover, var(--tbcpdx-row-hover, rgba(0,0,0,.05))));
  color:var(--tbcpdx-lookup-hover-fg,
            var(--tbcpdx-popover-hover-fg,
                var(--tbcpdx-tooltip-fg,
                    var(--tbcpdx-text, #111))));
  outline:none;
}
.tbc-lookup__item strong{ font-weight:600; }
.tbc-field.tbc-checkbox { align-self:end; }
.tbc-help { font-size:.8rem; opacity:.75; }

:root[data-theme="dark"] .tbc-lookup__menu{
  background:var(--tbcpdx-lookup-bg,
                 var(--tbcpdx-popover-bg,
                     var(--tbcpdx-tooltip-bg,
                         var(--tbcpdx-cardbg, #0f172a))));
  color:var(--tbcpdx-lookup-fg,
            var(--tbcpdx-popover-fg,
                var(--tbcpdx-tooltip-fg,
                    var(--tbcpdx-text, #e5e7eb))));
  border-color:var(--tbcpdx-lookup-border,
                   var(--tbcpdx-popover-border,
                       var(--tbcpdx-tooltip-border,
                           var(--tbcpdx-border, rgba(255,255,255,.18)))));
  box-shadow:var(--tbcpdx-lookup-shadow, var(--tbcpdx-popover-shadow, 0 10px 28px rgba(0,0,0,0.55)));
}
:root[data-theme="dark"] .tbc-lookup__item:hover,
:root[data-theme="dark"] .tbc-lookup__item:focus{
  background:var(--tbcpdx-lookup-hover, var(--tbcpdx-popover-hover, var(--tbcpdx-row-hover, #1f2937)));
  color:var(--tbcpdx-lookup-hover-fg,
            var(--tbcpdx-popover-hover-fg,
                #f5f7fb));
}

/* Explicit light fallback to avoid unreadable light-on-light when site-level vars force light text */
:root:not([data-theme="dark"]) .tbc-lookup__menu{
  background:var(--tbcpdx-lookup-bg,
                 var(--tbcpdx-popover-bg,
                     var(--tbcpdx-tooltip-bg,
                         var(--tbcpdx-cardbg, #ffffff))));
  color:var(--tbcpdx-lookup-fg,
            var(--tbcpdx-popover-fg,
                var(--tbcpdx-tooltip-fg, #111)));
  border-color:var(--tbcpdx-lookup-border,
                   var(--tbcpdx-popover-border,
                       var(--tbcpdx-tooltip-border, rgba(0,0,0,.12))));
}
.tbc-actions { display:flex; gap:.5rem; margin-top:.25rem; }
.tbc-btn { padding:.45rem .7rem; border-radius:.5rem; border:1px solid var(--tbcpdx-border, rgba(0,0,0,.1)); background:var(--tbcpdx-button-bg, transparent); color:inherit; cursor:pointer; font-weight:600; transition:filter .15s ease, box-shadow .15s ease, transform .1s ease; }
.tbc-btn:hover { filter:brightness(0.97); }
.tbc-btn:active { transform:translateY(1px); }
.tbc-btn--primary { background: var(--tbcpdx-accent, #1f6feb); color:#fff; border-color: var(--tbcpdx-accent-border, rgba(0,0,0,.18)); box-shadow:0 6px 18px rgba(0,0,0,.12); }
:root[data-theme="dark"] .tbc-btn--primary { background: var(--tbcpdx-accent, #3ea6ff); color:#0b1724; border-color: rgba(255,255,255,.14); box-shadow:0 4px 14px rgba(0,0,0,.35); }
.tbc-btn--primary:focus-visible { outline:2px solid rgba(31,111,235,.45); outline-offset:2px; }
.tbc-btn--ghost { background:transparent; border-style:dashed; }
.tbc-btn--ghost:hover { background:rgba(0,0,0,.04); }
:root[data-theme="dark"] .tbc-btn--ghost:hover { background:rgba(255,255,255,.05); }
/* Increase hover contrast for pager buttons in light mode only */
:root:not([data-theme="dark"]) .tbcpdx-pager .tbc-btn--ghost:hover { background:rgba(0,0,0,.08); color:#111; border-color: rgba(0,0,0,.22); }
.tbc-btn--muted { color: var(--tbcpdx-muted, rgba(0,0,0,.72)); border-color: var(--tbcpdx-border, rgba(0,0,0,.16)); }
:root[data-theme="dark"] .tbc-btn--muted { color: rgba(255,255,255,.8); border-color: rgba(255,255,255,.22); }

/* --- SA LIST LAYOUT (compact, theme-friendly) --- */
.sa-list { display:flex; flex-direction:column; }

.sa-item{
    display:grid;
    grid-template-columns:48px 74px minmax(260px,1fr) auto;
    gap:.7rem;
    align-items:center;
    border:1.35px solid var(--tbcpdx-outline, rgba(0,0,0,.28));
    border-radius:.6rem;
    background:var(--tbcpdx-card-bg, transparent);
    padding:.55rem .5rem; /* tighter */
}


/* --- Week grouping (sequential lists) --- */
.sa-item{ margin-top:.35rem; }
.sa-item:first-child{ margin-top:0; }

/* tighter spacing for items within the same week */
.sa-item.tbcpdx-week-same{ margin-top:.15rem; }

/* add separation between weeks (works for either sort order) */
.sa-item.tbcpdx-week-same + .sa-item.tbcpdx-week-start{ margin-top:.9rem; }

.sa-item__avatar{ width:48px; height:48px; border-radius:50%; overflow:hidden; background:var(--tbcpdx-avatar-bg,#eee); }
.sa-item__avatar img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Date block between avatar and main */
.tbcpdx-dateblock{
  width:74px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.18rem;
  line-height:1.05;
}
.tbcpdx-date-year{
  font-size:.72rem;
  opacity:.65;
  letter-spacing:.04em;
}
.tbcpdx-date-mdtc{
  font-size:.86rem;
  font-weight:600;
  padding:.18rem .45rem;
  border-radius:.45rem;
  background: color-mix(in srgb, currentColor 12%, transparent);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.06rem;
}
.tbcpdx-date-tc{
  font-size:.72rem;
  font-weight:700;
  opacity:.8;
  letter-spacing:.06em;
}

.sa-item__main{ display:flex; flex-direction:column; gap:.2rem; min-width:0; }

/* Title: mixed case, no underline until hover, tighter line height */
.sa-item__title{ margin:0; letter-spacing:.01em; }
.sa-item__title a{ color:inherit; text-decoration:none; }


/* Meta row: slightly smaller, tighter pipes */
.sa-item__meta{
  font-size:.88rem;
  color:var(--tbcpdx-meta-fg, rgba(0,0,0,.65));
  display:flex; flex-wrap:wrap; align-items:center;
  line-height: 1.2;
  gap:.25rem .45rem; /* less horizontal space */
}
.sa-item__meta i{ font-style:italic; }
.sa-item__meta .sep{ opacity:1; color:var(--tbcpdx-meta-sep, rgba(0,0,0,.35)); margin:0 0ch; } /* tighter around the | pipe */ /* tighter around the | pipe */
.sa-mini{ font-size:.82rem; opacity:.92; }

.sa-item__right{ display:flex; align-items:center; gap:.55rem; }
.sa-iconbtn--placeholder{ visibility:hidden; }
.sa-item__thumb{ width:112px; height:63px; border-radius:.35rem; background:var(--tbcpdx-thumb-bg,#eee); overflow:hidden; display:block; }
.sa-item__thumb{ position:relative; }
.sa-item__thumbplay{ position:absolute; inset:0; display:grid; place-items:center; }
.sa-item__thumbplay svg{ width:26px; height:26px; filter: drop-shadow(0 1px 2px rgba(0,0,0,.45)); }
.sa-item__thumbplay{ color:#fff; }
.sa-item__thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

/* LIVE (today) YouTube stream treatment */
.tbcpdx-yt-live-today .sa-item__thumb{
  box-shadow: 0 0 0 2px #d00 inset;
}
.tbcpdx-yt-live-today .sa-thumbwrap::before{
  content:"LIVE";
  position:absolute;
  top:6px;
  left:6px;
  z-index:60;
  background:#d00;
  color:#fff;
  font-weight:700;
  font-size:11px;
  line-height:1.2;
  padding:2px 7px;
  border-radius:999px;
  letter-spacing:.4px;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}

.sa-iconbtn{
  width:42px; height:42px; border-radius:50%;
  border:1px solid var(--tbcpdx-border, rgba(0,0,0,.15));
  display:inline-grid; place-items:center;
    flex:0 0 auto;
  background:var(--tbcpdx-icon-bg, transparent);
    color:inherit;
    text-decoration:none;
}

.tbcpdx-eyeicon{width:14px !important;height:14px !important;vertical-align:-2px !important;opacity:.85 !important;display:inline-block !important;pointer-events:auto !important;cursor:default !important;}

.tbcpdx-meta-tail{white-space:nowrap;}
/* Meta line wrapping: allow breaks at <wbr> (inserted after separators/semicolons). */
.sa-item__meta.tbcpdx-meta-wrap{
  display:block;
  white-space:normal;
  line-height:1.4;
  overflow-wrap: normal;
  word-break: normal;
  text-indent: -1em;
  margin-left: 1em;
}
.sa-item__meta.tbcpdx-meta-wrap .sep{
  margin: 0 0.35em;
}
.tbcpdx-meta-tailwrap,
.tbcpdx-meta-tail{
  white-space: nowrap;
}

.sa-iconbtn:hover{ filter:brightness(.97); }
.sa-iconbtn svg{ width:22px; height:22px; fill:currentColor; }

.sa-iconbtn:hover .tbcpdx-icondownload{
  animation: tbcpdx-download-nudge .6s ease-in-out;
}
@keyframes tbcpdx-download-nudge{
  0%{ transform: translateY(0); }
  35%{ transform: translateY(2px); }
  70%{ transform: translateY(-1px); }
  100%{ transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce){
  .sa-iconbtn:hover .tbcpdx-icondownload{ animation: none; }
}


/* YouTube state highlighting (only applied when stream fallback is used) */
.sa-item.tbcpdx-yt-live .sa-item__thumb,
.sa-card.tbcpdx-yt-live .sa-thumb {
    position: relative;
    border: 3px solid #e00000;
    box-shadow: 0 0 0 2px rgba(224,0,0,.4), 0 0 12px rgba(224,0,0,.35);
}

.sa-item.tbcpdx-yt-live .sa-item__thumb img,
.sa-card.tbcpdx-yt-live .sa-thumb img{
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
}

.sa-item.tbcpdx-yt-live .sa-item__thumb::after,
.sa-card.tbcpdx-yt-live .sa-thumb::after{
    content: "LIVE";
    position: absolute;
    top: .35rem;
    left: .35rem;
    font-size: .7rem;
    font-weight: 700;
    padding: .2rem .45rem;
    border-radius: .5rem;
    background: rgba(0,0,0,.7);
    color: #fff;
    letter-spacing: .04em;
}

.sa-item.tbcpdx-yt-upcoming,
.sa-card.tbcpdx-yt-upcoming {
  opacity: 1;
}
.sa-item.tbcpdx-yt-upcoming .sa-item__thumb,
.sa-card.tbcpdx-yt-upcoming .sa-thumb {
  position: relative;
}
.sa-item.tbcpdx-yt-upcoming .sa-item__thumb::after,
.sa-card.tbcpdx-yt-upcoming .sa-thumb::after{
  content: "UPCOMING";
  position: absolute;
  top: .4rem;
  left: .4rem;
  font-size: .7rem;
  font-weight: 700;
  padding: .15rem .35rem;
  border-radius: .4rem;
  background: rgba(0,0,0,.55);
  color: #fff;
  letter-spacing: .04em;
}
/* Admin-visible upcoming/no-duration YouTube thumbnails: fade */
.tbcpdx-messages .tbcpdx-yt-upcoming .sa-item__thumb img {
    opacity: 0.5;
}
.tbcpdx-messages .tbcpdx-yt-upcoming .sa-item__thumbplay {
    opacity: 0.6;
}
/* Grid (only if layout="grid") */
.sa-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(280px,1fr)); gap:1rem; align-items:stretch; }
.sa-card { display:flex; flex-direction:column; border:1.3px solid var(--tbcpdx-outline, rgba(0,0,0,.28)); border-radius:.75rem; overflow:hidden; background:var(--tbcpdx-card-bg, transparent); }
.sa-thumb img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.sa-body { padding:.85rem .9rem 1rem; display:flex; flex-direction:column; gap:.5rem; }
.sa-title { font-size:1rem; line-height:1.25; margin:0; }
.sa-title a { text-decoration:none; color:inherit; }
.sa-title a:hover { text-decoration:underline; }
.sa-meta { display:flex; flex-wrap:wrap; gap:.4rem .6rem; font-size:.875rem; color:inherit; opacity:.85; }
.sa-meta__item { white-space:nowrap; }
.sa-sep { opacity:.5; margin:0 .15rem; }
.sa-actions { margin-top:.35rem; display:flex; gap:.5rem; flex-wrap:wrap; }
.sa-btn { display:inline-block; padding:.45rem .7rem; border-radius:.5rem; border:1px solid var(--tbcpdx-border, rgba(0,0,0,.08)); text-decoration:none; font-weight:600; font-size:.875rem; background:var(--tbcpdx-button-bg, transparent); color:inherit; }
.sa-btn:hover { filter:brightness(0.97); }
.sa-error { color:#b00020; }

/* Show the video thumb on wider screens (like SA) */
.sa-item__right{ display:flex; align-items:center; gap:.55rem; }   /* justify-content:flex-end; } */
/*@media (min-width:860px){ .sa-item__thumb{ display:block; } }*/
@media (min-width:640px){ .sa-item__thumb{ display:block; } }

/* Mid/narrow screens: keep text readable by moving thumb + actions under the title/meta. Main column will not shrink below ~50% of the viewport. */
/*@media (max-width:860px){
    .sa-item{
        grid-template-columns:48px 74px 1fr;
        grid-template-rows:auto auto;
        align-items:start;
    }
    .sa-item__right{
        grid-column:1;
        grid-row:2;
        display:inline-flex;
        grid-template-columns:auto auto;
        grid-auto-rows:auto;
        column-gap:.55rem;
        row-gap:.4rem;
        min-width: clamp(220px, 70vw, 320px);
    }
    .sa-item__right .sa-item__thumb{
        grid-column:1;
        grid-row:1 / span 3;
        /* keep thumb under ~50% of the viewport when it wraps below */
/*        width:clamp(140px, 50vw, 220px);
        height:auto;
        aspect-ratio:16/9;
    }
    .sa-item__right > .sa-iconbtn,
    .sa-item__right > .sa-thumbwrap--download,
    .sa-item__right > .sa-thumbwrap--stream{ grid-column:2; grid-row:auto; place-self:start; }
}*/

/* Narrow screens: move date + views below meta, and simplify grid */
@media (max-width:640px){
    .tbcpdx-meta-date--mobile{ display:inline-flex; }
    .tbcpdx-meta-date--mobile + .sep{ display:inline; }
  .sa-item{ grid-template-columns:48px 1fr; grid-template-rows:auto auto; align-items:start; }
  .tbcpdx-dateblock{ display:none; }
  .sa-sec__summary{ flex-direction:column; align-items:flex-start; gap:.45rem; }
  .sa-sec__count{ align-self:flex-end; }
  .sa-series__summary{ flex-direction:column; align-items:flex-start; gap:.45rem; }
  .sa-series__count{ align-self:flex-end; }
  .tbcpdx-mobile-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.7rem;
    margin-top:.15rem;
    font-size:.86rem;
    opacity:.92;
  }
  .tbcpdx-mobile-date{
    display:flex;
    align-items:baseline;
    gap:.45rem;
    white-space:nowrap;
    min-width:0;
  }
  .tbcpdx-mobile-views{
    display:flex;
    align-items:center;
    gap:.28rem;
    white-space:nowrap;
  }
    /* Allow actions to wrap while staying right-aligned */
  .sa-item__right{
      grid-column:1;
      grid-row:2;
      display:inline-flex;
      grid-template-columns:auto auto;
      grid-auto-rows:auto;
      column-gap:.5rem;
      row-gap:.35rem;
      min-width: clamp(200px, 85vw, 320px);
  }
    .sa-item__right .sa-item__thumb{ grid-column:1; grid-row:1 / span 3; width:clamp(130px, 50vw, 200px); height:auto; aspect-ratio:16/9; }
  .sa-item__right .sa-iconbtn,
  .sa-item__right .sa-thumbwrap--download,
  .sa-item__right .sa-thumbwrap--stream{ grid-column:2; grid-row:auto; place-self:start; }
  /* Hide the views+eye in the meta line; mobile footer shows it instead */
  .sa-item__meta .sa-views,
  .sa-item__meta .tbcpdx-eyeicon{width:14px !important;height:14px !important;vertical-align:-2px !important;opacity:.85 !important;display:inline-block !important;pointer-events:auto !important;cursor:default !important;}
}
/* Default: mobile row hidden on wider screens */
.tbcpdx-mobile-row{ display:none; }


/* Final theme override for message titles */
.entry-content .tbcpdx-messages h3.sa-item__title,
.entry-content .tbcpdx-messages h3.sa-item__title a {
  font-family: inherit;   /* same font as scripture/meta */
  font-weight: 600;       /* moderate weight */
  text-transform: none;   /* cancel uppercase */
  font-size: inherit;        /* cancel large heading size */
  line-height: 1.2;       /* keep compact */
  text-decoration: none;
}
.entry-content .tbcpdx-messages h3.sa-item__title a:hover {
  text-decoration: underline; /* hover underline only */
}


/* Source chooser menu (only when both SA + YouTube video exist) */
.sa-thumbwrap{ position:relative; display:inline-block; }
.sa-thumbwrap.has-chooser .sa-source-menu{
    display:none;
    position:absolute;
    right:0;
    top:50%;
    transform: translate(-50px,-50%);
    min-width: 180px;
    max-width:min(90vw,240px);
    max-height:min(70vh,320px);
    overflow-y:auto;
    overflow-x:hidden;
    background: var(--tbcpdx-cardbg, #fff);
    border:1px solid var(--tbcpdx-border, rgba(0,0,0,.12));
    border-radius:10px;
    box-shadow:0 8px 24px rgba(0,0,0,.12);
    padding:.35rem;
    z-index:90;
}
.sa-thumbwrap.has-chooser .sa-source-menu::before{
    content:"";
    position:absolute;
    right:-6px;
    top:50%;
    transform: translateY(-50%) rotate(45deg);
    width:12px;
    height:12px;
    background: var(--tbcpdx-cardbg, #fff);
    border-right:1px solid var(--tbcpdx-border, rgba(0,0,0,.12));
    border-bottom:1px solid var(--tbcpdx-border, rgba(0,0,0,.12));
    box-shadow:3px -3px 6px rgba(0,0,0,.05);
}
.sa-thumbwrap.has-chooser[data-menu-open="1"] .sa-source-menu,
.sa-thumbwrap.has-chooser:focus-within .sa-source-menu{ display:block; }
.sa-thumbwrap.has-chooser:hover .sa-source-menu{ display:block; }
.sa-source-menu a{ text-decoration:none !important; }
.sa-source-menu a:hover{ text-decoration:none !important; }

/* Download chooser shifts to the right on roomy layouts; falls back to left on narrow screens */
.sa-thumbwrap--download.has-chooser .sa-source-menu{
    left:auto;
    right:0;
    transform: translate(-30px,-50%);
}
.sa-thumbwrap--download.has-chooser .sa-source-menu::before{
    left:auto;
    right:-11px;
    border-left:none;
    border-top:none;
    border-right:1px solid var(--tbcpdx-border, rgba(0,0,0,.12));
    border-bottom:1px solid var(--tbcpdx-border, rgba(0,0,0,.12));
    box-shadow:3px -3px 6px rgba(0,0,0,.05);
    transform: translateY(-50%) rotate(45deg);
}

/*@media (min-width: 860px){ */
@media (min-width: 640px){
    .sa-thumbwrap--download.has-chooser .sa-source-menu{
        left: calc(100% - 10px);
        right:auto;
        transform: translate(var(--tbcpdx-menu-shift, 0px), -50%);
    }
    .sa-thumbwrap--download.has-chooser .sa-source-menu::before{
        left:-8px;
        right:auto;
        border-left:1px solid var(--tbcpdx-border, rgba(0,0,0,.12));
        border-top:1px solid var(--tbcpdx-border, rgba(0,0,0,.12));
        border-right:none;
        border-bottom:none;
        box-shadow:-3px 3px 6px rgba(0,0,0,.05);
        transform: translateY(-50%) rotate(-45deg);
    }
}

/* On narrower screens, keep all choosers left-anchored to avoid overflow */
@media (max-width: 640px){
    .sa-thumbwrap.has-chooser .sa-source-menu,
    .sa-thumbwrap--download.has-chooser .sa-source-menu{
        top:50%;
        bottom:auto;
        right:0;
        left:auto;
        transform: translate(-30px,-50%);
        max-width:min(92vw, 240px);
        max-height:min(82vh, 360px);
    }
    .sa-thumbwrap.has-chooser .sa-source-menu::before,
    .sa-thumbwrap--download.has-chooser .sa-source-menu::before{
        left:auto;
        right:-6px;
        top:50%;
        bottom:auto;
        border-left:none;
        border-top:none;
        border-right:1px solid var(--tbcpdx-border, rgba(0,0,0,.12));
        border-bottom:1px solid var(--tbcpdx-border, rgba(0,0,0,.12));
        box-shadow:3px -3px 6px rgba(0,0,0,.05);
        transform: translateY(-50%) rotate(45deg);
    }
}

.sa-source-item{
  display:block;
  padding:.45rem .6rem;
  border-radius:8px;
  text-decoration: none !important;
  color: inherit;
  font-size:.9rem;
  white-space:nowrap;
}
.sa-source-item:hover{
  background: rgba(0,0,0,.06);
}



/* Pagination */
.tbcpdx-pager{
  font-family: inherit;
  font-size: inherit;
}
.tbcpdx-pager .tbc-btn{
  font-family: inherit;
  font-size: inherit;
}
.tbcpdx-pager{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  margin: .75rem 0 0;
}
.tbcpdx-pager__info{
  font-size: .95em;
  opacity: .85;
}
.tbcpdx-pager__btn[disabled]{
  opacity: .5;
  cursor: not-allowed;
}


/* Pagination */
.tbcpdx-pager{
  margin-top: .75rem;
  padding-top: .5rem;
  border-top: 1px solid rgba(0,0,0,.12);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  flex-wrap:wrap;
}
:root[data-theme="dark"] .tbcpdx-pager{ border-top-color: rgba(255,255,255,.18); }
.tbcpdx-pager__nav{ display:flex; align-items:center; gap:.4rem; flex-wrap:wrap; }
.tbcpdx-pager__label{ opacity:.85; margin-right:.25rem; }
.tbcpdx-pager__dots{ opacity:.8; padding:0 .15rem; }
.tbcpdx-pager__page.is-active{
  font-weight:700;
  text-decoration: underline;
}
.tbcpdx-pager__range{
  opacity:.9;
  white-space:nowrap;
}
.tbcpdx-pager--single{ justify-content:flex-end; border-top:none; padding-top:0; }
.tbcpdx-pager__btn[disabled], .tbcpdx-pager__page[disabled]{ opacity:.5; cursor:not-allowed; }


