/* Screenshot lesson variants. Keep legacy/photo/feature CTA styles isolated. */
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) .skoove-lesson-cta { position:relative; display:flex; flex-direction:column; gap:16px; padding:22px; border-radius:16px; background:var(--skoove-lesson-background,#ecfdf3); color:#103133; text-align:left; font-family:Lato,Arial,sans-serif; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) *, :is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) *::before { box-sizing:border-box; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) [hidden] { display:none!important; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) .skoove-lesson-cta__image { flex:none; width:190px; max-width:100%; height:190px; margin:0 auto; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) .skoove-lesson-cta__image img { display:block; width:100%; height:100%; max-width:100%; margin:0; border:0; border-radius:0; object-fit:contain; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) .skoove-lesson-cta__text { display:flex; flex-direction:column; gap:7px; min-width:0; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) .skoove-lesson-cta__text:not(:has(> :not([hidden]))) { display:none; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) .skoove-lesson-cta__topic { margin:0; padding:0; background:none; color:#00524f; font:400 12px/1.3 Lato,Arial,sans-serif; overflow-wrap:anywhere; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) h3.skoove-lesson-cta__heading { margin:0!important; padding:0!important; color:#103133; font:900 24px/1.2 Lato,Arial,sans-serif; overflow-wrap:anywhere; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) .skoove-lesson-cta__description { margin:0; color:#103133; font:400 15px/1.5 Lato,Arial,sans-serif; overflow-wrap:anywhere; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) .skoove-lesson-cta__actions { display:flex; flex-direction:column; gap:10px; min-width:0; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) .skoove-lesson-cta__actions:not(:has(> :not([hidden]):not(.is-card-only))) { display:contents; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) a.skoove-lesson-cta__button { display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; max-width:100%; margin:0; padding:12px 16px; border:0; border-radius:999px; background:#e27b4b; color:#fff; font:700 16px/1.3 Lato,Arial,sans-serif; text-decoration:none; text-align:center; overflow-wrap:anywhere; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) .skoove-lesson-cta__button::after {
    content:'';
    flex:none;
    width:20px;
    height:20px;
    background:url('../images/cta/arrow-right.svg') center / contain no-repeat;
}
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) .skoove-lesson-cta__button:hover { background:#cb6a3d; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) .skoove-lesson-cta__reassurance { display:flex; align-items:center; gap:6px; margin:0; color:#00524f; font:400 13px/1.4 Lato,Arial,sans-serif; overflow-wrap:anywhere; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) .skoove-lesson-cta__tick { display:inline-flex; align-items:center; justify-content:center; flex:none; width:16px; height:16px; border-radius:50%; background:#2ec39f; color:#fff; font:700 12px/1 Lato,Arial,sans-serif; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) a:focus-visible { outline:3px solid #00524f; outline-offset:3px; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) .skoove-lesson-cta[data-click-target="card"] .skoove-lesson-cta__button::before { content:''; position:absolute; inset:0; z-index:1; border-radius:16px; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) .skoove-lesson-cta[data-click-target="card"]:focus-within { outline:3px solid #00524f; outline-offset:3px; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) a.skoove-lesson-cta__button.is-card-only { position:absolute; inset:0; margin:0; min-height:0; padding:0; font-size:0; color:transparent; background:transparent; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline) .is-card-only::after { content:none; }
.skoove-lesson-inline { container-type:inline-size; width:100%; margin:28px 0; clear:both; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline).skoove-lesson-inline .skoove-lesson-cta { flex-direction:row; align-items:center; gap:22px; padding:20px 24px; border:2px solid #2ec39f; background:var(--skoove-lesson-background,#fff); box-shadow:0 6px 20px #1031330f; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline).skoove-lesson-inline .skoove-lesson-cta__image { width:116px; height:116px; margin:0; }
.skoove-lesson-inline .skoove-lesson-cta__text { flex:1; }
.skoove-lesson-inline .skoove-lesson-cta__actions { flex:none; width:190px; max-width:100%; }
:is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline).skoove-lesson-inline h3.skoove-lesson-cta__heading { font-size:20px; }
@container(max-width:700px) {
 :is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline).skoove-lesson-inline .skoove-lesson-cta { display:grid; grid-template-columns:fit-content(100%) minmax(0,1fr); align-items:stretch; gap:10px 0; padding:18px; }
 :is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline).skoove-lesson-inline .skoove-lesson-cta__image { width:76px; height:76px; grid-column:1; justify-self:center; }
 :is(#sidebar.skoove-lesson-sidebar,.skoove-lesson-inline).skoove-lesson-inline .skoove-lesson-cta__text:has(> :not([hidden])) { display:contents; }
 .skoove-lesson-inline .skoove-lesson-cta__topic { grid-column:1; }
 .skoove-lesson-inline :is(.skoove-lesson-cta__heading,.skoove-lesson-cta__description,.skoove-lesson-cta__actions) { grid-column:1/-1; }
 .skoove-lesson-inline .skoove-lesson-cta__actions { width:100%; }
}
@font-face { font-family:"Skoove Lesson Lato"; font-style:normal; font-weight:700; font-display:swap; src:url("../fonts/lato-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family:"Skoove Lesson Lato"; font-style:normal; font-weight:900; font-display:swap; src:url("../fonts/lato-latin-900-normal.woff2") format("woff2"); }
/* New popup retains the established sheet/bar runtime and dismissal controls. */
.skoove-mobile-trial--lesson .skoove-mobile-trial__sheet, .skoove-mobile-trial--lesson .skoove-mobile-trial__bar { background:#fff; color:#103133; }
.skoove-mobile-trial--lesson .skoove-mobile-trial__sheet { padding:26px 20px 12px; border-radius:22px; }
.skoove-mobile-trial--lesson .skoove-mobile-trial__sheet::before { content:""; position:absolute; width:42px; height:5px; border-radius:999px; background:#ccd2d9; top:9px; left:50%; transform:translateX(-50%); }
.skoove-mobile-trial--lesson .skoove-lesson-popup__header { display:flex; align-items:center; gap:14px; padding-right:28px; margin-bottom:14px; }
.skoove-mobile-trial--lesson .skoove-lesson-popup__image { flex:none; width:76px; height:76px; }
.skoove-mobile-trial--lesson .skoove-lesson-popup__image img { display:block; width:100%; height:100%; max-width:100%; object-fit:contain; border-radius:0; margin:0; }
.skoove-mobile-trial--lesson .skoove-lesson-popup__text { display:flex; flex-direction:column; gap:4px; min-width:0; }
.skoove-mobile-trial--lesson .skoove-lesson-popup__text:not(:has(> :not([hidden]))), .skoove-mobile-trial--lesson .skoove-lesson-popup__header:not(:has([data-cta-visible]:not([hidden]))) { display:none; }
.skoove-mobile-trial--lesson .skoove-mobile-trial__sheet p.skoove-lesson-popup__topic { color:#00524f; font:700 15px/1.2 "Skoove Lesson Lato",Lato,Arial,sans-serif; margin:0; }
.skoove-mobile-trial--lesson .skoove-mobile-trial__sheet .skoove-lesson-popup__text h2 { color:#103133; font:900 24px/1.15 "Skoove Lesson Lato",Lato,Arial,sans-serif; padding:0; margin:0!important; letter-spacing:normal; }
.skoove-mobile-trial--lesson .skoove-mobile-trial__cta { border-radius:999px; background:#e27b4b; color:#fff; font-weight:700; gap:8px; }
.skoove-mobile-trial--lesson .skoove-mobile-trial__sheet .skoove-mobile-trial__cta::after { content:''; flex:none; width:20px; height:20px; background:url('../images/cta/arrow-right.svg') center / contain no-repeat; }
.skoove-mobile-trial--lesson .skoove-mobile-trial__cta:hover { background:#cb6a3d; color:#fff; }
.skoove-mobile-trial--lesson .skoove-mobile-trial__sheet p.skoove-lesson-popup__reassurance { display:flex; align-items:center; justify-content:center; gap:6px; margin:12px 0 4px; color:#00524f; font:400 13px/1.4 Lato,Arial,sans-serif; }
.skoove-mobile-trial--lesson .skoove-lesson-popup__tick { display:inline-flex; align-items:center; justify-content:center; flex:none; width:16px; height:16px; border-radius:50%; background:#2ec39f; color:#fff; font:700 12px/1 Lato,Arial,sans-serif; }
.skoove-mobile-trial--lesson .skoove-mobile-trial__close, .skoove-mobile-trial--lesson .skoove-mobile-trial__later, .skoove-mobile-trial--lesson .skoove-mobile-trial__copy span { color:#103133; }
.skoove-mobile-trial--lesson :is(a,button):focus-visible { outline-color:#00524f; }