.teleo-live-banner-slot:empty { display:none; }
.teleo-live-banner { position:relative; overflow:hidden; background:#9d3828; color:#fff; width:100vw; margin-left:calc(50% - 50vw); padding:15px max(24px, calc((100vw - 1180px)/2)); border-block:3px solid #e1bd6d; box-shadow:0 4px 16px rgba(86,27,18,.24); }
.teleo-live-banner::before { content:""; position:absolute; inset:0; opacity:.16; background:repeating-linear-gradient(-45deg,transparent 0 12px,rgba(255,255,255,.48) 12px 14px); pointer-events:none; }
.teleo-live-banner__inner { max-width:1180px; margin:auto; display:flex; gap:16px; align-items:center; justify-content:space-between; }
.teleo-live-banner__inner > * { position:relative; }
.teleo-live-banner__label,.teleo-class-card__status,.teleo-courses__eyebrow { color:#caa35a; text-transform:uppercase; letter-spacing:.13em; font:700 .72rem/1.3 system-ui,sans-serif; }
.teleo-live-banner__label { display:flex; align-items:center; gap:8px; color:#fff3d4; }
.teleo-live-banner__signal { width:9px; height:9px; flex:0 0 9px; border-radius:50%; background:#ffd269; box-shadow:0 0 0 0 rgba(255,210,105,.8); animation:teleo-live-pulse 1.5s ease-out infinite; }
.teleo-live-banner strong { display:block; font-size:1.08rem; margin-top:3px; letter-spacing:.01em; }
.teleo-live-banner a { color:#fff; border:1px solid rgba(255,255,255,.75); background:rgba(62,14,9,.2); padding:8px 11px; font-weight:800; white-space:nowrap; text-decoration:none; }
.teleo-live-banner a:hover { background:rgba(62,14,9,.48); }
@keyframes teleo-live-pulse { 70% { box-shadow:0 0 0 9px rgba(255,210,105,0); } 100% { box-shadow:0 0 0 0 rgba(255,210,105,0); } }
.teleo-courses { color:#173b38; }
.teleo-courses__masthead { background:#0b413f radial-gradient(110% 90% at 82% 0%,rgba(46,124,116,.35),transparent 58%); color:#fff; padding:54px 24px 48px; }
.teleo-courses__masthead h1 { color:#fff; margin:13px 0 10px; font-size:clamp(2.15rem,5vw,4rem); line-height:1.06; }
.teleo-courses__masthead p { color:#e4efea; max-width:730px; font-size:1.1rem; line-height:1.65; }
.teleo-courses__wrap { width:min(100% - 48px,1180px); margin-inline:auto; }
.teleo-courses__wrap--narrow { width:min(100%,850px); }
.teleo-courses__actions,.teleo-class-card__actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }
.teleo-courses__button { display:inline-block; background:#d5ad5d; color:#173b38 !important; text-decoration:none; border-radius:2px; padding:11px 17px; font-weight:700; }
.teleo-courses__button:hover { background:#e2bf79; }
.teleo-courses__button--quiet { background:transparent; color:inherit !important; border:1px solid currentColor; }
.teleo-courses__masthead .teleo-courses__button--quiet { color:#fff !important; }
.teleo-courses__content { background:#f7f0e2; padding:38px 0 64px; }
.teleo-course + .teleo-course { margin-top:46px; padding-top:40px; border-top:1px solid #d9cdb8; }
.teleo-course h2 { font-size:clamp(1.9rem,3vw,2.8rem); margin:10px 0; color:#173b38; }
.teleo-course__description { max-width:780px; line-height:1.65; }
.teleo-course__description > :last-child { margin-bottom:0; }
.teleo-class-list { margin-top:24px; border-top:1px solid #d9cdb8; }
.teleo-class-card { display:grid; grid-template-columns:minmax(175px,.85fr) minmax(220px,1.7fr) auto; column-gap:22px; align-items:center; background:#fffdf8; border-bottom:1px solid #dfd4c2; border-left:4px solid #8d9e94; padding:17px 20px; }
.teleo-class-card--live { position:relative; border:2px solid #bf5a35; border-left:9px solid #bf5a35; background:linear-gradient(100deg,#fff4db 0%,#fffdf8 72%); box-shadow:0 7px 20px rgba(138,57,28,.18); padding-block:19px; }
.teleo-class-card__top { display:flex; flex-direction:column; gap:5px; color:#52625d; font-size:.84rem; line-height:1.4; }
.teleo-class-card--live .teleo-class-card__status { width:max-content; color:#fff; background:#a94028; padding:5px 8px; letter-spacing:.11em; }
.teleo-class-card--live h3 { font-size:1.23rem; }
.teleo-class-card--live .teleo-courses__button { background:#a94028; color:#fff !important; box-shadow:0 2px 0 #6f281b; }
.teleo-class-card--live .teleo-courses__button:hover { background:#82311f; }
.teleo-class-card h3 { font-size:1.08rem; line-height:1.25; margin:0 0 4px; color:#173b38; }
.teleo-class-card__presenter { margin:0; color:#52625d; font-size:.92rem; }
.teleo-class-card__actions { margin:0; justify-content:flex-end; }
.teleo-class-card__actions .teleo-courses__button { padding:9px 13px; font-size:.9rem; white-space:nowrap; }
.teleo-class-card__soon { color:#796334; font-size:.9rem; font-style:italic; margin:0; white-space:nowrap; }
.teleo-class-card__summary { grid-column:1/-1; border-top:1px solid #e5dac9; margin-top:14px; padding-top:10px; font-size:.92rem; line-height:1.55; }
.teleo-class-card__summary summary { cursor:pointer; color:#173b38; font-weight:700; }
.teleo-class-card__summary div { margin-top:10px; }
.teleo-course__empty { color:#52625d; font-style:italic; }
.teleo-watch__back { color:#fff; }
.teleo-watch__video { background:#173b38; padding:0; aspect-ratio:16/9; display:grid; place-items:center; }
.teleo-watch__video iframe { width:100%; height:100%; border:0; }
@media (prefers-reduced-motion:reduce) { .teleo-live-banner__signal { animation:none; } }
@media (max-width:760px) { .teleo-live-banner__inner { align-items:flex-start; flex-direction:column; gap:8px; }.teleo-courses__masthead { padding:40px 24px; }.teleo-courses__content { padding:30px 0 48px; }.teleo-class-card { grid-template-columns:1fr; gap:8px; padding:17px; }.teleo-class-card--live { border-left-width:7px; }.teleo-class-card__top { flex-direction:row; flex-wrap:wrap; gap:8px 12px; }.teleo-class-card__actions { justify-content:flex-start; margin-top:3px; }.teleo-class-card__summary { margin-top:8px; } }