/* Alleyne WPCourse Creation player.
   Every rule is scoped with :is(.awpc-root,#awpc-boost). The never-matching ID gives each rule ID-level
   specificity, so theme rules such as `.site button:not(:hover):not(:active)` cannot repaint the player,
   while the player's own rules keep their order relative to each other. */
:is(.awpc-root,#awpc-boost){--awpc-sticky-top:0px; --ac:#7c3aed; --ac-d:#5b21b6; --ac-l:#f3ecff; --ac2:#c4a1ff; --h1:#5a0bb8; --h2:#1d0a42;}
:is(.awpc-root,#awpc-boost)[data-theme="blue"]{--ac:#2563eb; --ac-d:#1d4ed8; --ac-l:#e8f0ff; --ac2:#9db9ff; --h1:#1e4fc9; --h2:#0b1a3d;}
:is(.awpc-root,#awpc-boost)[data-theme="teal"]{--ac:#0b8a7a; --ac-d:#076b5e; --ac-l:#e1f6f2; --ac2:#5fe3d1; --h1:#0a7a6b; --h2:#07262a;}
:is(.awpc-root,#awpc-boost)[data-theme="green"]{--ac:#0f9d6b; --ac-d:#0b7a52; --ac-l:#e3f7ee; --ac2:#5fe0ac; --h1:#0b6b4a; --h2:#0a1a26;}
:is(.awpc-root,#awpc-boost)[data-theme="orange"]{--ac:#ea7a12; --ac-d:#c2610a; --ac-l:#fff0e0; --ac2:#ffbf80; --h1:#b45309; --h2:#2a1405;}
:is(.awpc-root,#awpc-boost)[data-theme="red"]{--ac:#e11d48; --ac-d:#be123c; --ac-l:#ffe8ee; --ac2:#ff9db4; --h1:#a3123a; --h2:#2a0a14;}
:is(.awpc-root,#awpc-boost){--bg:#f3f5fa; --card:#fff; --ink:#0f1630; --ink2:#5b6480; --line:#e4e8f2; --soft:#f6f8fc; --shadow:0 10px 30px -18px rgba(20,24,60,.35);
  --screen1:#0c1226; --screen2:#05070f; --ok:#16a34a;
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; font-size:15px; line-height:1.5; color:var(--ink); background:var(--bg); -webkit-font-smoothing:antialiased;}
:is(.awpc-root,#awpc-boost)[data-mode="dark"]{--bg:#090c17; --card:#121829; --ink:#eef1fb; --ink2:#9aa4c2; --line:#222b44; --soft:#0e1424; --shadow:0 10px 30px -18px #000; --ac-l:rgba(255,255,255,.12);}
@supports (color: color-mix(in srgb, red 50%, blue)){
:is(.awpc-root,#awpc-boost)[data-mode="dark"]{--ac-l:color-mix(in srgb,var(--ac) 22%,#121829)}
}
:is(.awpc-root,#awpc-boost).awpc-bleed{width:calc(100vw - var(--awpc-sbw,0px)); margin-left:calc(50% - 50vw + var(--awpc-sbw,0px) / 2)}
:is(.awpc-root,#awpc-boost),
:is(.awpc-root,#awpc-boost) *,
:is(.awpc-root,#awpc-boost) *::before,
:is(.awpc-root,#awpc-boost) *::after{box-sizing:border-box}
:is(.awpc-root,#awpc-boost){-webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-tap-highlight-color:transparent; text-align:left; font-weight:400; font-style:normal; letter-spacing:normal; text-transform:none; text-indent:0; word-spacing:normal; position:relative}
:is(.awpc-root,#awpc-boost) h1,
:is(.awpc-root,#awpc-boost) h2,
:is(.awpc-root,#awpc-boost) h3,
:is(.awpc-root,#awpc-boost) p,
:is(.awpc-root,#awpc-boost) ul,
:is(.awpc-root,#awpc-boost) ol,
:is(.awpc-root,#awpc-boost) li,
:is(.awpc-root,#awpc-boost) small,
:is(.awpc-root,#awpc-boost) b,
:is(.awpc-root,#awpc-boost) strong,
:is(.awpc-root,#awpc-boost) label{margin:0; padding:0; border:0; background:none; color:inherit; font-family:inherit; text-transform:none; letter-spacing:normal; text-indent:0; text-shadow:none; float:none; box-shadow:none}
:is(.awpc-root,#awpc-boost) h1::before,
:is(.awpc-root,#awpc-boost) h1::after,
:is(.awpc-root,#awpc-boost) h2::before,
:is(.awpc-root,#awpc-boost) h2::after,
:is(.awpc-root,#awpc-boost) h3::before,
:is(.awpc-root,#awpc-boost) h3::after{content:none !important; display:none !important}
:is(.awpc-root,#awpc-boost) ul,
:is(.awpc-root,#awpc-boost) ol{list-style:none}
:is(.awpc-root,#awpc-boost) small{font-size:inherit}
:is(.awpc-root,#awpc-boost) button{-webkit-appearance:none; appearance:none; margin:0; padding:0; border:0; border-radius:0; background:none; color:inherit; font:inherit; line-height:1.2; text-transform:none; text-decoration:none; text-shadow:none; letter-spacing:normal; box-shadow:none; min-width:0; min-height:0; width:auto; height:auto; cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent}
:is(.awpc-root,#awpc-boost) input{font-family:inherit; text-transform:none; letter-spacing:normal; box-shadow:none; touch-action:manipulation}
:is(.awpc-root,#awpc-boost) svg{display:block; max-width:none; vertical-align:middle}
:is(.awpc-root,#awpc-boost) [hidden]{display:none !important}
:is(.awpc-root,#awpc-boost) .awpc-wrap{width:min(1180px,100% - 40px); margin-inline:auto}
:is(.awpc-root,#awpc-boost) :focus-visible{outline:3px solid var(--ac2); outline-offset:2px; border-radius:8px}
:is(.awpc-root,#awpc-boost) .awpc-bar{background:var(--card); border-bottom:1px solid var(--line)}
:is(.awpc-root,#awpc-boost) .awpc-bar .awpc-wrap{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:11.2px 0}
:is(.awpc-root,#awpc-boost) .awpc-brand{display:flex; align-items:center; gap:12px; min-width:0}
:is(.awpc-root,#awpc-boost) .awpc-logo{flex:none; width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:linear-gradient(135deg,var(--ac),var(--ac-d)); box-shadow:0 8px 18px -8px var(--ac)}
:is(.awpc-root,#awpc-boost) .awpc-logo svg{width:20px; height:20px; fill:none; stroke:#fff; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round}
:is(.awpc-root,#awpc-boost) .awpc-brand small{display:flex; align-items:center; gap:6.4px; font-size:12px; color:var(--ink2); font-weight:600}
:is(.awpc-root,#awpc-boost) .awpc-brand small b{padding:0.8px 7.2px; border-radius:6px; background:var(--ac-l); color:var(--ac-d); letter-spacing:.03em}
:is(.awpc-root,#awpc-boost)[data-mode="dark"] .awpc-brand small b{color:var(--ac2)}
:is(.awpc-root,#awpc-boost) .awpc-brand strong{display:block; font-size:16.8px; font-weight:800; letter-spacing:-.02em; line-height:1.15}
:is(.awpc-root,#awpc-boost) .awpc-tools{display:flex; align-items:center; gap:9.6px}
:is(.awpc-root,#awpc-boost) .awpc-themes{display:flex; align-items:center; gap:6.4px; padding:4.8px 8.8px; border-radius:99px; background:var(--soft); border:1px solid var(--line); font-size:12px; color:var(--ink2)}
:is(.awpc-root,#awpc-boost) .awpc-themes button{width:20px; height:20px; padding:0; border:2px solid var(--card); border-radius:50%; box-shadow:0 0 0 1px var(--line); transition:transform .15s}
:is(.awpc-root,#awpc-boost) .awpc-themes button:hover{transform:scale(1.15)}
:is(.awpc-root,#awpc-boost) .awpc-themes button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--ink)}
:is(.awpc-root,#awpc-boost) .awpc-mode{color:var(--ink); width:34px; height:34px; display:grid; place-items:center; padding:0; border-radius:10px; border:1px solid var(--line); background:var(--soft)}
:is(.awpc-root,#awpc-boost) .awpc-mode svg{width:17px; height:17px; fill:none; stroke:var(--ink); stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
:is(.awpc-root,#awpc-boost) .awpc-mode .sun{display:none}
:is(.awpc-root,#awpc-boost)[data-mode="dark"] .awpc-mode .sun{display:block}
:is(.awpc-root,#awpc-boost)[data-mode="dark"] .awpc-mode .moon{display:none}
:is(.awpc-root,#awpc-boost) .awpc-hero{position:relative; overflow:hidden; color:#fff; padding:20.8px 0 35.2px; background:radial-gradient(700px 300px at 85% -10%,rgba(255,255,255,.14),transparent 60%),linear-gradient(110deg,var(--h1),var(--h2))}
:is(.awpc-root,#awpc-boost) .awpc-hero::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; pointer-events:none; opacity:.25;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:34px 34px; -webkit-mask-image:linear-gradient(90deg,transparent 45%,#000); mask-image:linear-gradient(90deg,transparent 45%,#000)}
:is(.awpc-root,#awpc-boost) .awpc-hero-in{position:relative; z-index:1; display:flex; justify-content:space-between; align-items:flex-end; gap:24px}
:is(.awpc-root,#awpc-boost) .awpc-chips{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14.4px}
:is(.awpc-root,#awpc-boost) .awpc-chip{display:inline-flex; align-items:center; gap:6.4px; padding:4.48px 12px; border-radius:99px; font-size:12px; font-weight:600; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.28)}
:is(.awpc-root,#awpc-boost) .awpc-chip svg{width:13px; height:13px; fill:none; stroke:#fff; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round}
:is(.awpc-root,#awpc-boost) .awpc-hero h1{font-size:clamp(30.4px,4.4vw,46.4px); font-weight:800; letter-spacing:-.035em; line-height:1.06; max-width:22ch; margin-bottom:11.2px}
:is(.awpc-root,#awpc-boost) .awpc-hero p.awpc-sub{font-size:16px; color:rgba(255,255,255,.88); max-width:704px}
:is(.awpc-root,#awpc-boost) .awpc-prog{flex:none; display:flex; align-items:center; gap:14.4px; padding:14.4px 17.6px; border-radius:16px; background:rgba(8,10,25,.35); border:1px solid rgba(255,255,255,.18); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); min-width:340px}
:is(.awpc-root,#awpc-boost) .awpc-ring{position:relative; width:52px; height:52px; flex:none}
:is(.awpc-root,#awpc-boost) .awpc-ring svg{width:100%; height:100%; transform:rotate(-90deg)}
:is(.awpc-root,#awpc-boost) .awpc-ring circle{fill:none; stroke-width:5}
:is(.awpc-root,#awpc-boost) .awpc-ring .trk{stroke:rgba(255,255,255,.18)}
:is(.awpc-root,#awpc-boost) .awpc-ring .prg{stroke:var(--ac2); stroke-linecap:round; stroke-dasharray:138.23; stroke-dashoffset:138.23; transition:stroke-dashoffset .7s cubic-bezier(.4,0,.2,1)}
:is(.awpc-root,#awpc-boost) .awpc-ring b{position:absolute; top:0; right:0; bottom:0; left:0; display:grid; place-items:center; font-size:12.48px; font-weight:800}
:is(.awpc-root,#awpc-boost) .awpc-prog small{display:block; white-space:nowrap; font-size:12px; font-weight:700; letter-spacing:.06em; color:rgba(255,255,255,.75)}
:is(.awpc-root,#awpc-boost) .awpc-prog strong{display:block; font-size:14.08px; font-weight:700; margin:1.6px 0 6.4px}
:is(.awpc-root,#awpc-boost) .awpc-prog .awpc-bar2{height:5px; border-radius:99px; background:rgba(255,255,255,.18); overflow:hidden}
:is(.awpc-root,#awpc-boost) .awpc-prog .awpc-bar2 i{display:block; height:100%; width:0; background:var(--ac2); border-radius:99px; transition:width .5s}
:is(.awpc-root,#awpc-boost) .awpc-prog > div{flex:1; min-width:0}
:is(.awpc-root,#awpc-boost) .awpc-main{padding:25.6px 0 48px}
:is(.awpc-root,#awpc-boost) .awpc-grid{display:grid; grid-template-columns:minmax(300px,350px) minmax(0,1fr); gap:28.8px; align-items:start}
:is(.awpc-root,#awpc-boost) .awpc-stage-col{position:sticky; top:16px; display:grid; gap:16px}
:is(.awpc-root,#awpc-boost) .awpc-card{background:var(--card); border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow)}
:is(.awpc-root,#awpc-boost) .awpc-side{display:grid; gap:12.8px}
:is(.awpc-root,#awpc-boost) .awpc-sidehead{padding:16.8px}
:is(.awpc-root,#awpc-boost) .awpc-sidehead-top{display:flex; align-items:center; gap:12.8px; margin-bottom:14.4px}
:is(.awpc-root,#awpc-boost) .awpc-sico{flex:none; width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:var(--ac-l)}
:is(.awpc-root,#awpc-boost) .awpc-sico svg{width:19px; height:19px; fill:none; stroke:var(--ac); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round}
:is(.awpc-root,#awpc-boost) .awpc-sidehead h2{font-size:16.8px; font-weight:800; letter-spacing:-.015em; line-height:1.2}
:is(.awpc-root,#awpc-boost) .awpc-sidehead small{font-size:12px; color:var(--ink2)}
:is(.awpc-root,#awpc-boost) .awpc-badge{margin-left:auto; padding:2.4px 9.6px; border-radius:99px; font-size:12px; font-weight:700; background:var(--ac-l); color:var(--ac-d)}
:is(.awpc-root,#awpc-boost)[data-mode="dark"] .awpc-badge{color:var(--ac2)}
:is(.awpc-root,#awpc-boost) .awpc-search{position:relative}
:is(.awpc-root,#awpc-boost) .awpc-search svg{position:absolute; left:12.8px; top:50%; width:16px; height:16px; transform:translateY(-50%); fill:none; stroke:var(--ink2); stroke-width:2.2; stroke-linecap:round}
:is(.awpc-root,#awpc-boost) .awpc-search input{color:var(--ink); width:100%; height:40.8px; padding:0 12.8px 0 36.8px; border-radius:11px; border:1px solid var(--line); background:var(--soft); font-size:13.6px; appearance:none}
:is(.awpc-root,#awpc-boost) .awpc-search input:focus{border-color:var(--ac); outline:0; box-shadow:0 0 0 3px var(--ac-l)}
:is(.awpc-root,#awpc-boost) .awpc-mod{overflow:hidden; transition:box-shadow .2s,border-color .2s}
:is(.awpc-root,#awpc-boost) .awpc-mod.is-open{border-color:var(--ac); box-shadow:0 14px 30px -18px var(--ac)}
:is(.awpc-root,#awpc-boost) .awpc-mod[hidden]{display:none}
:is(.awpc-root,#awpc-boost) .awpc-mod-btn{color:var(--ink); width:100%; display:flex; align-items:center; gap:12.8px; padding:12.8px 14.4px; border:0; background:transparent; text-align:left}
:is(.awpc-root,#awpc-boost) .awpc-mod-btn:hover{background:var(--soft); color:var(--ink)}
:is(.awpc-root,#awpc-boost) .awpc-num{flex:none; width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:linear-gradient(135deg,var(--ac),var(--ac-d)); color:#fff; font-size:12px; font-weight:800}
:is(.awpc-root,#awpc-boost) .awpc-mod-t{flex:1; min-width:0}
:is(.awpc-root,#awpc-boost) .awpc-mod-t b{display:block; font-size:14.08px; font-weight:700; line-height:1.25}
:is(.awpc-root,#awpc-boost) .awpc-mod-t small{display:block; font-size:12px; color:var(--ink2)}
:is(.awpc-root,#awpc-boost) .awpc-mod-t small i{font-style:normal; color:var(--ok); font-weight:600}
:is(.awpc-root,#awpc-boost) .awpc-chev{flex:none; width:18px; height:18px; fill:none; stroke:var(--ink2); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s}
:is(.awpc-root,#awpc-boost) .awpc-mod.is-open .awpc-chev{transform:rotate(180deg)}
:is(.awpc-root,#awpc-boost) .awpc-mod.is-complete .awpc-num{background:var(--ok)}
:is(.awpc-root,#awpc-boost) .awpc-drop{display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s ease}
:is(.awpc-root,#awpc-boost) .awpc-mod.is-open .awpc-drop{grid-template-rows:1fr}
:is(.awpc-root,#awpc-boost) .awpc-drop-in{overflow:hidden; min-height:0}
:is(.awpc-root,#awpc-boost) .awpc-lessons{padding:1.6px 8px 9.6px; border-top:1px solid var(--line)}
:is(.awpc-root,#awpc-boost) .awpc-les{display:flex; align-items:center; gap:10.4px; width:100%; margin-top:4px; padding:8.8px 8.8px; border:0; border-radius:11px; background:transparent; text-align:left}
:is(.awpc-root,#awpc-boost) .awpc-les[hidden]{display:none}
:is(.awpc-root,#awpc-boost) .awpc-les{color:var(--ink)}
:is(.awpc-root,#awpc-boost) .awpc-les:hover{background:var(--soft); color:var(--ink)}
:is(.awpc-root,#awpc-boost) .awpc-les.is-active{background:var(--ac-l)}
:is(.awpc-root,#awpc-boost) .awpc-dot{flex:none; width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:var(--soft); border:1.5px solid var(--line); color:var(--ink2)}
:is(.awpc-root,#awpc-boost) .awpc-dot svg{width:11px; height:11px; fill:currentColor}
:is(.awpc-root,#awpc-boost) .awpc-dot .tick{display:none; fill:none; stroke:currentColor; stroke-width:3.2; stroke-linecap:round; stroke-linejoin:round}
:is(.awpc-root,#awpc-boost) .awpc-les.is-active .awpc-dot{background:var(--ac); border-color:var(--ac); color:#fff}
:is(.awpc-root,#awpc-boost) .awpc-les.is-done .awpc-dot{background:var(--ok); border-color:var(--ok); color:#fff}
:is(.awpc-root,#awpc-boost) .awpc-les.is-done .awpc-dot .tri{display:none}
:is(.awpc-root,#awpc-boost) .awpc-les.is-done .awpc-dot .tick{display:block}
:is(.awpc-root,#awpc-boost) .awpc-les-t{flex:1; min-width:0; font-size:13.44px; font-weight:600; line-height:1.3}
:is(.awpc-root,#awpc-boost) .awpc-les-d{flex:none; font-size:12px; color:var(--ink2); font-variant-numeric:tabular-nums}
:is(.awpc-root,#awpc-boost) .awpc-none{padding:22.4px 16px; text-align:center; font-size:14.08px; color:var(--ink2)}
:is(.awpc-root,#awpc-boost) .awpc-none[hidden]{display:none}
:is(.awpc-root,#awpc-boost) .awpc-vcard{overflow:hidden; border-radius:0 0 8px 8px; border-top:0 !important; background:var(--screen2); color:#fff; box-shadow:0 30px 60px -30px rgba(10,10,40,.6); border:1px solid rgba(255,255,255,.06)}
:is(.awpc-root,#awpc-boost) .awpc-vcard:fullscreen{border-radius:0; display:flex; flex-direction:column}
:is(.awpc-root,#awpc-boost) .awpc-vcard:fullscreen .awpc-screen{flex:1; aspect-ratio:auto}
:is(.awpc-root,#awpc-boost) .awpc-vcard:-webkit-full-screen{border-radius:0; display:flex; flex-direction:column}
:is(.awpc-root,#awpc-boost) .awpc-vcard:-webkit-full-screen .awpc-screen{flex:1; aspect-ratio:auto}
:is(.awpc-root,#awpc-boost) .awpc-player{display:block}
:is(.awpc-root,#awpc-boost) .awpc-vtop{color:#fff; border-radius:8px 8px 0 0; display:flex; align-items:center; justify-content:space-between; gap:12.8px; padding:11.2px 16px; background:#0a0e1d; border-bottom:1px solid rgba(255,255,255,.07)}
:is(.awpc-root,#awpc-boost) .awpc-sec{display:flex; align-items:center; gap:8px; min-width:0; font-size:12px; font-weight:700; letter-spacing:.03em; text-transform:uppercase}
:is(.awpc-root,#awpc-boost) .awpc-sec::before{content:""; flex:none; width:7px; height:7px; border-radius:50%; background:var(--ac2); box-shadow:0 0 10px var(--ac2)}
:is(.awpc-root,#awpc-boost) .awpc-sec span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
:is(.awpc-root,#awpc-boost) .awpc-lpill{flex:none; padding:3.2px 10.4px; border-radius:99px; background:rgba(255,255,255,.1); font-size:12px; font-weight:600}
:is(.awpc-root,#awpc-boost) .awpc-screen{position:relative; aspect-ratio:16/10; overflow:hidden; background:linear-gradient(180deg,var(--screen1),var(--screen2))}
@supports (color: color-mix(in srgb, red 50%, blue)){
:is(.awpc-root,#awpc-boost) .awpc-screen{background:radial-gradient(600px 300px at 50% 0,color-mix(in srgb,var(--ac) 26%,transparent),transparent 70%),linear-gradient(180deg,var(--screen1),var(--screen2))}
}
:is(.awpc-root,#awpc-boost) .awpc-screen iframe,
:is(.awpc-root,#awpc-boost) .awpc-screen video{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; border:0; background:#000; object-fit:contain}
:is(.awpc-root,#awpc-boost) .awpc-tag{position:absolute; top:14.4px; left:14.4px; z-index:2; padding:4px 10.4px; border-radius:7px; font-size:12px; font-weight:700; letter-spacing:.05em; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.22)}
:is(.awpc-root,#awpc-boost) .awpc-cover{position:absolute; top:0; right:0; bottom:0; left:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:46px 24px 20px; text-align:center; color:#fff; cursor:pointer}
:is(.awpc-root,#awpc-boost) .awpc-playlbl{font-size:14px; font-weight:700; color:rgba(255,255,255,.88)}
:is(.awpc-root,#awpc-boost) .awpc-err{position:absolute; top:0; right:0; bottom:0; left:0; display:grid; place-content:center; padding:20px; text-align:center; font-size:16px; font-weight:600; background:rgba(5,7,15,.9)}
:is(.awpc-root,#awpc-boost) .awpc-pill{display:inline-block; padding:4.48px 14.4px; border-radius:99px; border:1.5px solid rgba(255,255,255,.7); font-size:12px; font-weight:800; letter-spacing:.05em; text-transform:uppercase}
:is(.awpc-root,#awpc-boost) .awpc-cover h3{font-size:clamp(22.4px,3.4vw,35.2px); font-weight:800; letter-spacing:-.03em; line-height:1.08; max-width:18ch}
:is(.awpc-root,#awpc-boost) .awpc-cover p{max-width:480px; font-size:14.4px; color:rgba(255,255,255,.82)}
:is(.awpc-root,#awpc-boost) .awpc-play{flex:none; width:64px; height:64px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:linear-gradient(135deg,var(--ac),var(--ac-d)); color:#fff; box-shadow:0 0 0 6px rgba(255,255,255,.22),0 14px 30px -8px #000; transition:transform .15s}
@supports (color: color-mix(in srgb, red 50%, blue)){
:is(.awpc-root,#awpc-boost) .awpc-play{box-shadow:0 0 0 6px color-mix(in srgb,var(--ac) 30%,transparent),0 14px 30px -8px #000}
}
:is(.awpc-root,#awpc-boost) .awpc-cover:hover .awpc-play,
:is(.awpc-root,#awpc-boost) .awpc-play:hover{transform:scale(1.08); background:linear-gradient(135deg,var(--ac),var(--ac-d))}
:is(.awpc-root,#awpc-boost) .awpc-play svg{width:28px; height:28px; fill:#fff; margin-left:4px}
:is(.awpc-root,#awpc-boost) .awpc-scene{position:absolute; top:0; right:0; bottom:0; left:0}
:is(.awpc-root,#awpc-boost) .awpc-scene svg{width:100%; height:100%}
:is(.awpc-root,#awpc-boost) .awpc-scene [data-at]{opacity:0; transition:opacity .7s ease}
:is(.awpc-root,#awpc-boost) .awpc-scene [data-at].on{opacity:1}
:is(.awpc-root,#awpc-boost) .awpc-cap{position:absolute; left:0; right:0; bottom:12.8px; text-align:center; padding:0 16px; pointer-events:none}
:is(.awpc-root,#awpc-boost) .awpc-cap span{display:inline-block; max-width:92%; padding:6.4px 14.4px; border-radius:10px; background:rgba(0,0,0,.72); font-size:clamp(12.48px,1.6vw,15.2px); font-weight:500}
:is(.awpc-root,#awpc-boost) .awpc-sample{position:absolute; top:14.4px; right:14.4px; padding:3.2px 9.6px; border-radius:99px; font-size:12px; font-weight:800; letter-spacing:.06em; background:var(--ac); color:#fff}
:is(.awpc-root,#awpc-boost) .awpc-end{position:absolute; top:0; right:0; bottom:0; left:0; z-index:3; display:grid; place-content:center; justify-items:center; gap:12.8px; text-align:center; background:rgba(5,7,15,.88); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px)}
:is(.awpc-root,#awpc-boost) .awpc-end[hidden]{display:none}
:is(.awpc-root,#awpc-boost) .awpc-end b{font-size:20.8px; font-weight:800}
:is(.awpc-root,#awpc-boost) .awpc-end div{display:flex; gap:9.6px; flex-wrap:wrap; justify-content:center}
:is(.awpc-root,#awpc-boost) .awpc-ctl{padding:9.6px 16px 12.8px; background:#0a0e1d; border-top:1px solid rgba(255,255,255,.07)}
:is(.awpc-root,#awpc-boost) .awpc-ctl[hidden]{display:none}
:is(.awpc-root,#awpc-boost) .awpc-seekrow{display:flex; align-items:center; gap:11.2px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; color:rgba(255,255,255,.75)}
:is(.awpc-root,#awpc-boost) .awpc-seekrow input{flex:1; min-width:0}
:is(.awpc-root,#awpc-boost) .awpc-ctl input[type=range]{appearance:none; -webkit-appearance:none; height:14px; margin:0; padding:0; border:0; background:transparent; cursor:pointer; --p:0%}
:is(.awpc-root,#awpc-boost) .awpc-ctl input[type=range]::-webkit-slider-runnable-track{height:5px; border-radius:99px; background:linear-gradient(90deg,var(--ac2) var(--p),rgba(255,255,255,.2) var(--p))}
:is(.awpc-root,#awpc-boost) .awpc-ctl input[type=range]::-moz-range-track{height:5px; border-radius:99px; background:rgba(255,255,255,.2)}
:is(.awpc-root,#awpc-boost) .awpc-ctl input[type=range]::-moz-range-progress{height:5px; border-radius:99px; background:var(--ac2)}
:is(.awpc-root,#awpc-boost) .awpc-ctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none; width:14px; height:14px; margin-top:-4.5px; border-radius:50%; background:#fff; border:3px solid var(--ac)}
:is(.awpc-root,#awpc-boost) .awpc-ctl input[type=range]::-moz-range-thumb{width:10px; height:10px; border-radius:50%; background:#fff; border:3px solid var(--ac)}
:is(.awpc-root,#awpc-boost) .awpc-btnrow{display:flex; align-items:center; gap:6.4px; margin-top:5.6px}
:is(.awpc-root,#awpc-boost) .awpc-cb{display:inline-flex; align-items:center; gap:4.8px; padding:5.6px 8px; border:0; border-radius:9px; background:transparent; font-size:12px; font-weight:600; color:rgba(255,255,255,.88)}
:is(.awpc-root,#awpc-boost) .awpc-cb:hover{background:rgba(255,255,255,.1); color:#fff}
:is(.awpc-root,#awpc-boost) .awpc-cb svg{width:18px; height:18px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
:is(.awpc-root,#awpc-boost) .awpc-cb svg .f{fill:#fff; stroke:none}
:is(.awpc-root,#awpc-boost) .awpc-cb.awpc-pp svg{width:20px; height:20px}
:is(.awpc-root,#awpc-boost) .awpc-vol{display:flex; align-items:center; gap:3.2px; margin-left:4.8px}
:is(.awpc-root,#awpc-boost) .awpc-vol input{width:78px}
:is(.awpc-root,#awpc-boost) .awpc-gap{flex:1}
:is(.awpc-root,#awpc-boost) .awpc-rate{padding:4px 8.8px; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); font-family:ui-monospace,Menlo,monospace; font-size:12px}
:is(.awpc-root,#awpc-boost) .awpc-info{padding:16px 19.2px}
:is(.awpc-root,#awpc-boost) .awpc-info-top{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
:is(.awpc-root,#awpc-boost) .awpc-info h2{font-size:18.4px; font-weight:800; letter-spacing:-.02em; line-height:1.25}
:is(.awpc-root,#awpc-boost) .awpc-info small.awpc-topic{font-size:12px; color:var(--ink2)}
:is(.awpc-root,#awpc-boost) .awpc-actions{display:flex; gap:8.8px; flex-wrap:wrap}
:is(.awpc-root,#awpc-boost) .awpc-btn{color:var(--ink); display:inline-flex; align-items:center; justify-content:center; gap:6.4px; padding:8.8px 15.2px; border-radius:10px; border:1px solid var(--line); background:var(--card); font-size:13.12px; font-weight:700; transition:background .15s,transform .15s,border-color .15s}
:is(.awpc-root,#awpc-boost) .awpc-btn:hover{border-color:var(--ac); background:var(--card); color:var(--ink); transform:translateY(-1px)}
:is(.awpc-root,#awpc-boost) .awpc-btn svg{width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round}
:is(.awpc-root,#awpc-boost) .awpc-btn.awpc-fill{background:linear-gradient(135deg,var(--ac),var(--ac-d)); border-color:var(--ac-d); color:#fff; box-shadow:0 10px 20px -12px var(--ac)}
:is(.awpc-root,#awpc-boost) .awpc-btn.awpc-fill.is-on{background:var(--ok); border-color:var(--ok)}
:is(.awpc-root,#awpc-boost) .awpc-btn[disabled]{opacity:.4; pointer-events:none}
:is(.awpc-root,#awpc-boost) .awpc-info-bot{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:12.8px; padding-top:12.8px; border-top:1px solid var(--line); font-size:12.48px}
:is(.awpc-root,#awpc-boost) .awpc-auto{display:flex; align-items:center; gap:8.8px; font-weight:600}
:is(.awpc-root,#awpc-boost) .awpc-auto input{width:17px; height:17px; accent-color:var(--ac)}
:is(.awpc-root,#awpc-boost) .awpc-verified{display:flex; align-items:center; gap:5.6px; font-size:12px; color:var(--ink2)}
:is(.awpc-root,#awpc-boost) .awpc-verified svg{width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round}
:is(.awpc-root,#awpc-boost) .awpc-fine{padding:0 0 32px; font-size:12.48px; color:var(--ink2)}
:is(.awpc-root,#awpc-boost) .awpc-quiz{position:absolute; top:0; right:0; bottom:0; left:0; z-index:5; display:flex; padding:18px; overflow-y:auto; background:#05070f; color:#fff}
:is(.awpc-root,#awpc-boost) .awpc-q-in{width:100%; max-width:640px; margin:auto; display:grid; gap:12px}
:is(.awpc-root,#awpc-boost) .awpc-q-tag{justify-self:start; padding:4px 12px; border-radius:99px; background:var(--ac); color:#fff; font-size:13px; font-weight:800; letter-spacing:.04em; text-transform:uppercase}
:is(.awpc-root,#awpc-boost) .awpc-q-t{font-size:20px; font-weight:800; line-height:1.3; color:#fff}
:is(.awpc-root,#awpc-boost) .awpc-q-opts{display:grid; gap:10px}
:is(.awpc-root,#awpc-boost) .awpc-q-o{display:flex; align-items:center; gap:12px; width:100%; min-height:52px; padding:10px 14px; border-radius:12px; border:2px solid rgba(255,255,255,.25); background:rgba(255,255,255,.08); color:#fff; font-size:16px; font-weight:600; line-height:1.3; text-align:left}
:is(.awpc-root,#awpc-boost) .awpc-q-o b{flex:none; width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.16); color:#fff; font-size:14px; font-weight:800}
:is(.awpc-root,#awpc-boost) .awpc-q-o span{flex:1; min-width:0}
@media (hover:hover){
:is(.awpc-root,#awpc-boost) .awpc-q-o:hover{border-color:var(--ac2); background:rgba(255,255,255,.14); color:#fff}
}
:is(.awpc-root,#awpc-boost) .awpc-q-o.is-right{border-color:#22c55e; background:rgba(34,197,94,.24)}
:is(.awpc-root,#awpc-boost) .awpc-q-o.is-wrong{border-color:#ef4444; background:rgba(239,68,68,.24)}
:is(.awpc-root,#awpc-boost) .awpc-q-o[disabled]{cursor:default}
:is(.awpc-root,#awpc-boost) .awpc-q-msg{padding:12px 14px; border-radius:12px; font-size:16px; font-weight:600; line-height:1.45; color:#fff}
:is(.awpc-root,#awpc-boost) .awpc-q-msg.ok{background:rgba(34,197,94,.2); border:1px solid #22c55e}
:is(.awpc-root,#awpc-boost) .awpc-q-msg.bad{background:rgba(239,68,68,.2); border:1px solid #ef4444}
:is(.awpc-root,#awpc-boost) .awpc-q-act{display:flex}
:is(.awpc-root,#awpc-boost) .awpc-q-go{width:100%; min-height:52px; padding:10px 22px; border-radius:12px; background:linear-gradient(135deg,var(--ac),var(--ac-d)); color:#fff; font-size:17px; font-weight:800}
@media (hover:hover){
:is(.awpc-root,#awpc-boost) .awpc-q-go:hover{background:linear-gradient(135deg,var(--ac),var(--ac-d)); color:#fff; filter:brightness(1.1)}
}
@media (max-width:1000px){
:is(.awpc-root,#awpc-boost){font-size:16px}
:is(.awpc-root,#awpc-boost) .awpc-grid{grid-template-columns:minmax(0,1fr); gap:18px}
:is(.awpc-root,#awpc-boost) .awpc-stage-col{display:contents}
:is(.awpc-root,#awpc-boost) .awpc-vcard{position:sticky; top:var(--awpc-sticky-top); z-index:30; order:-2; width:calc(100vw - var(--awpc-sbw,0px)); max-width:calc(100vw - var(--awpc-sbw,0px)); margin-left:calc(50% - 50vw + var(--awpc-sbw,0px) / 2); margin-top:-18px; border-radius:0 0 8px 8px; border-top:0; box-shadow:0 14px 30px -12px rgba(8,8,30,.55)}
:is(.awpc-root,#awpc-boost) .awpc-player{display:contents}
:is(.awpc-root,#awpc-boost) .awpc-vtop{order:-3; width:calc(100vw - var(--awpc-sbw,0px)); max-width:calc(100vw - var(--awpc-sbw,0px)); margin-left:calc(50% - 50vw + var(--awpc-sbw,0px) / 2); border-radius:0}
:is(.awpc-root,#awpc-boost) .awpc-vcard:fullscreen{position:static; border-radius:0}
:is(.awpc-root,#awpc-boost) .awpc-vcard:-webkit-full-screen{position:static; border-radius:0}
:is(.awpc-root,#awpc-boost) .awpc-info{order:-1}
:is(.awpc-root,#awpc-boost) .awpc-hero-in{flex-direction:column; align-items:stretch}
:is(.awpc-root,#awpc-boost) .awpc-prog{min-width:0}
:is(.awpc-root,#awpc-boost) .awpc-screen.is-cover{aspect-ratio:auto}
:is(.awpc-root,#awpc-boost) .awpc-cover{position:relative; top:auto; right:auto; bottom:auto; left:auto; min-height:min(52vw,340px); padding:26px 22px 24px}
:is(.awpc-root,#awpc-boost) .awpc-sample{display:none}
:is(.awpc-root,#awpc-boost) .awpc-quiz{position:relative; top:auto; right:auto; bottom:auto; left:auto; max-height:100vh; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:18px 16px 20px}
:is(.awpc-root,#awpc-boost) .awpc-screen.is-quiz{aspect-ratio:auto; max-height:none}
:is(.awpc-root,#awpc-boost) .awpc-vcard.is-quiz .awpc-ctl{display:none}
:is(.awpc-root,#awpc-boost) .awpc-q-tag{font-size:14px}
:is(.awpc-root,#awpc-boost) .awpc-q-t{font-size:19px}
:is(.awpc-root,#awpc-boost) .awpc-brand strong{font-size:18px}
:is(.awpc-root,#awpc-boost) .awpc-chip{font-size:14px; padding:6px 14px}
:is(.awpc-root,#awpc-boost) .awpc-hero h1{font-size:33px}
:is(.awpc-root,#awpc-boost) .awpc-hero p.awpc-sub{font-size:17px}
:is(.awpc-root,#awpc-boost) .awpc-prog small{font-size:13px; white-space:normal}
:is(.awpc-root,#awpc-boost) .awpc-prog strong{font-size:16px}
:is(.awpc-root,#awpc-boost) .awpc-ring b{font-size:14px}
:is(.awpc-root,#awpc-boost) .awpc-vtop{padding:12px 16px}
:is(.awpc-root,#awpc-boost) .awpc-sec{font-size:14px; align-items:flex-start}
:is(.awpc-root,#awpc-boost) .awpc-sec span{white-space:normal; line-height:1.3}
:is(.awpc-root,#awpc-boost) .awpc-sec::before{margin-top:6px}
:is(.awpc-root,#awpc-boost) .awpc-lpill{font-size:14px; padding:4px 12px}
:is(.awpc-root,#awpc-boost) .awpc-pill{font-size:13px}
:is(.awpc-root,#awpc-boost) .awpc-cover h3{font-size:clamp(24px,4.6vw,34px)}
:is(.awpc-root,#awpc-boost) .awpc-cover p{font-size:16px; line-height:1.45}
:is(.awpc-root,#awpc-boost) .awpc-play{width:68px; height:68px}
:is(.awpc-root,#awpc-boost) .awpc-playlbl{font-size:15px}
:is(.awpc-root,#awpc-boost) .awpc-cap span{font-size:16px; padding:7px 14px}
:is(.awpc-root,#awpc-boost) .awpc-seekrow{font-size:14px}
:is(.awpc-root,#awpc-boost) .awpc-cb{min-width:44px; min-height:44px; justify-content:center; font-size:14px}
:is(.awpc-root,#awpc-boost) .awpc-cb svg{width:22px; height:22px}
:is(.awpc-root,#awpc-boost) .awpc-cb.awpc-pp{width:48px; height:48px; min-width:48px; padding:0; border-radius:50%; background:var(--ac)}
:is(.awpc-root,#awpc-boost) .awpc-cb.awpc-pp:hover{background:var(--ac-d)}
:is(.awpc-root,#awpc-boost) .awpc-cb.awpc-pp svg{width:24px; height:24px}
:is(.awpc-root,#awpc-boost) .awpc-rate{font-size:14px; min-height:40px}
:is(.awpc-root,#awpc-boost) .awpc-ctl input[type=range]{height:28px}
:is(.awpc-root,#awpc-boost) .awpc-ctl input[type=range]::-webkit-slider-thumb{width:20px; height:20px; margin-top:-7.5px}
:is(.awpc-root,#awpc-boost) .awpc-ctl input[type=range]::-moz-range-thumb{width:14px; height:14px}
:is(.awpc-root,#awpc-boost) .awpc-end b{font-size:20px}
:is(.awpc-root,#awpc-boost) .awpc-info{padding:18px 16px}
:is(.awpc-root,#awpc-boost) .awpc-info h2{font-size:22px}
:is(.awpc-root,#awpc-boost) .awpc-info small.awpc-topic{font-size:15px}
:is(.awpc-root,#awpc-boost) .awpc-btn{min-height:48px; font-size:16px; padding:10px 14px}
:is(.awpc-root,#awpc-boost) .awpc-btn svg{width:18px; height:18px}
:is(.awpc-root,#awpc-boost) .awpc-info-bot{font-size:15px}
:is(.awpc-root,#awpc-boost) .awpc-auto{font-size:16px; line-height:1.3}
:is(.awpc-root,#awpc-boost) .awpc-auto input{width:24px; height:24px; flex:none}
:is(.awpc-root,#awpc-boost) .awpc-sidehead{padding:16px}
:is(.awpc-root,#awpc-boost) .awpc-sidehead h2{font-size:20px}
:is(.awpc-root,#awpc-boost) .awpc-sidehead small{font-size:14px}
:is(.awpc-root,#awpc-boost) .awpc-badge{font-size:14px; padding:3px 11px}
:is(.awpc-root,#awpc-boost) .awpc-search input{height:48px; font-size:16px}
:is(.awpc-root,#awpc-boost) .awpc-mod-btn{padding:15px 16px; gap:14px}
:is(.awpc-root,#awpc-boost) .awpc-num{width:38px; height:38px; font-size:14px}
:is(.awpc-root,#awpc-boost) .awpc-mod-t b{font-size:17px}
:is(.awpc-root,#awpc-boost) .awpc-mod-t small{font-size:14px}
:is(.awpc-root,#awpc-boost) .awpc-lessons{padding:2px 8px 10px}
:is(.awpc-root,#awpc-boost) .awpc-les{min-height:56px; padding:10px 10px; gap:12px}
:is(.awpc-root,#awpc-boost) .awpc-dot{width:30px; height:30px}
:is(.awpc-root,#awpc-boost) .awpc-dot svg{width:12px; height:12px}
:is(.awpc-root,#awpc-boost) .awpc-les-t{font-size:17px; line-height:1.3}
:is(.awpc-root,#awpc-boost) .awpc-les-d{font-size:14px}
:is(.awpc-root,#awpc-boost) .awpc-none{font-size:16px}
:is(.awpc-root,#awpc-boost) .awpc-fine{font-size:14px}
}
@media (max-width:1000px) and (max-height:520px){
:is(.awpc-root,#awpc-boost) .awpc-vcard{position:relative; top:auto}
:is(.awpc-root,#awpc-boost) .awpc-screen{max-height:70vh}
}
@media (max-width:620px){
:is(.awpc-root,#awpc-boost) .awpc-bar .awpc-wrap{flex-wrap:wrap; row-gap:10px}
:is(.awpc-root,#awpc-boost) .awpc-brand{flex:1 1 100%}
:is(.awpc-root,#awpc-boost) .awpc-tools{flex:1 1 100%; justify-content:space-between}
:is(.awpc-root,#awpc-boost) .awpc-wrap{width:min(1180px,100% - 22px)}
:is(.awpc-root,#awpc-boost) .awpc-themes span{display:none}
:is(.awpc-root,#awpc-boost) .awpc-themes{gap:8px; padding:5px 10px}
:is(.awpc-root,#awpc-boost) .awpc-themes button{width:30px; height:30px}
:is(.awpc-root,#awpc-boost) .awpc-mode{width:44px; height:44px}
:is(.awpc-root,#awpc-boost) .awpc-brand small{display:none}
:is(.awpc-root,#awpc-boost) .awpc-hero{display:none}
:is(.awpc-root,#awpc-boost) .awpc-tag{display:none}
:is(.awpc-root,#awpc-boost) .awpc-pill{display:none}
:is(.awpc-root,#awpc-boost) .awpc-cover{min-height:0; padding:20px 18px 22px; gap:12px}
:is(.awpc-root,#awpc-boost) .awpc-cover h3{font-size:24px; max-width:none; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical}
:is(.awpc-root,#awpc-boost) .awpc-cover p{font-size:15px; max-width:none; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
:is(.awpc-root,#awpc-boost) .awpc-actions{width:100%; display:grid; grid-template-columns:1fr 1fr; gap:10px}
:is(.awpc-root,#awpc-boost) .awpc-actions .awpc-fill{grid-column:1 / -1; order:-1}
:is(.awpc-root,#awpc-boost) .awpc-btn .awpc-long{display:none}
:is(.awpc-root,#awpc-boost) .awpc-vol input{display:none}
:is(.awpc-root,#awpc-boost) .awpc-verified{display:none}
:is(.awpc-root,#awpc-boost) .awpc-main{padding-top:16px}
:is(.awpc-root,#awpc-boost) .awpc-screen{aspect-ratio:14/10}
:is(.awpc-root,#awpc-boost) .awpc-cap{bottom:8px}
:is(.awpc-root,#awpc-boost) .awpc-cap span{font-size:15px; padding:5px 12px; line-height:1.3}
:is(.awpc-root,#awpc-boost) .awpc-info-top{gap:14px}
:is(.awpc-root,#awpc-boost) .awpc-ctl{padding:8px 12px 12px}
:is(.awpc-root,#awpc-boost) .awpc-btnrow{gap:2px}
}
@supports not (aspect-ratio: 16 / 10){
:is(.awpc-root,#awpc-boost) .awpc-screen{height:0; padding-bottom:62.5%}
:is(.awpc-root,#awpc-boost) .awpc-screen.is-cover{height:auto; padding-bottom:0; min-height:260px}
}
@media (prefers-reduced-motion:reduce){
:is(.awpc-root,#awpc-boost) *{animation:none !important; transition:none !important}
}
/* phones that report a desktop-wide window */
:is(.awpc-root,#awpc-boost).awpc-narrow{font-size:16px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-grid{grid-template-columns:minmax(0,1fr); gap:18px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-stage-col{display:contents}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-vcard{position:sticky; top:var(--awpc-sticky-top); z-index:30; order:-2; width:100%; max-width:100%; margin-left:0; margin-top:-18px; border-radius:0 0 8px 8px; border-top:0; box-shadow:0 14px 30px -12px rgba(8,8,30,.55)}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-player{display:contents}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-vtop{order:-3; width:100%; max-width:100%; margin-left:0; border-radius:0}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-vcard:fullscreen{position:static; border-radius:0}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-vcard:-webkit-full-screen{position:static; border-radius:0}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-info{order:-1}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-hero-in{flex-direction:column; align-items:stretch}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-prog{min-width:0}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-screen.is-cover{aspect-ratio:auto}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-cover{position:relative; top:auto; right:auto; bottom:auto; left:auto; min-height:min(52vw,340px); padding:26px 22px 24px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-sample{display:none}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-quiz{position:relative; top:auto; right:auto; bottom:auto; left:auto; max-height:100vh; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:18px 16px 20px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-screen.is-quiz{aspect-ratio:auto; max-height:none}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-vcard.is-quiz .awpc-ctl{display:none}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-q-tag{font-size:14px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-q-t{font-size:19px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-brand strong{font-size:18px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-chip{font-size:14px; padding:6px 14px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-hero h1{font-size:33px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-hero p.awpc-sub{font-size:17px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-prog small{font-size:13px; white-space:normal}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-prog strong{font-size:16px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-ring b{font-size:14px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-vtop{padding:12px 16px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-sec{font-size:14px; align-items:flex-start}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-sec span{white-space:normal; line-height:1.3}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-sec::before{margin-top:6px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-lpill{font-size:14px; padding:4px 12px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-pill{font-size:13px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-cover h3{font-size:clamp(24px,4.6vw,34px)}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-cover p{font-size:16px; line-height:1.45}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-play{width:68px; height:68px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-playlbl{font-size:15px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-cap span{font-size:16px; padding:7px 14px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-seekrow{font-size:14px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-cb{min-width:44px; min-height:44px; justify-content:center; font-size:14px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-cb svg{width:22px; height:22px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-cb.awpc-pp{width:48px; height:48px; min-width:48px; padding:0; border-radius:50%; background:var(--ac)}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-cb.awpc-pp:hover{background:var(--ac-d)}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-cb.awpc-pp svg{width:24px; height:24px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-rate{font-size:14px; min-height:40px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-ctl input[type=range]{height:28px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-ctl input[type=range]::-webkit-slider-thumb{width:20px; height:20px; margin-top:-7.5px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-ctl input[type=range]::-moz-range-thumb{width:14px; height:14px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-end b{font-size:20px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-info{padding:18px 16px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-info h2{font-size:22px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-info small.awpc-topic{font-size:15px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-btn{min-height:48px; font-size:16px; padding:10px 14px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-btn svg{width:18px; height:18px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-info-bot{font-size:15px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-auto{font-size:16px; line-height:1.3}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-auto input{width:24px; height:24px; flex:none}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-sidehead{padding:16px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-sidehead h2{font-size:20px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-sidehead small{font-size:14px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-badge{font-size:14px; padding:3px 11px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-search input{height:48px; font-size:16px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-mod-btn{padding:15px 16px; gap:14px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-num{width:38px; height:38px; font-size:14px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-mod-t b{font-size:17px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-mod-t small{font-size:14px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-lessons{padding:2px 8px 10px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-les{min-height:56px; padding:10px 10px; gap:12px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-dot{width:30px; height:30px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-dot svg{width:12px; height:12px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-les-t{font-size:17px; line-height:1.3}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-les-d{font-size:14px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-none{font-size:16px}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-fine{font-size:14px}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-bar .awpc-wrap{flex-wrap:wrap; row-gap:10px}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-brand{flex:1 1 100%}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-tools{flex:1 1 100%; justify-content:space-between}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-wrap{width:min(1180px,100% - 22px)}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-themes span{display:none}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-themes{gap:8px; padding:5px 10px}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-themes button{width:30px; height:30px}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-mode{width:44px; height:44px}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-brand small{display:none}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-hero{display:none}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-tag{display:none}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-pill{display:none}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-cover{min-height:0; padding:20px 18px 22px; gap:12px}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-cover h3{font-size:24px; max-width:none; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-cover p{font-size:15px; max-width:none; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-actions{width:100%; display:grid; grid-template-columns:1fr 1fr; gap:10px}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-actions .awpc-fill{grid-column:1 / -1; order:-1}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-btn .awpc-long{display:none}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-vol input{display:none}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-verified{display:none}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-main{padding-top:16px}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-screen{aspect-ratio:14/10}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-cap{bottom:8px}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-cap span{font-size:15px; padding:5px 12px; line-height:1.3}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-info-top{gap:14px}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-ctl{padding:8px 12px 12px}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-btnrow{gap:2px}

/* =====================================================================
   Alleyne WPCourse Creation additions (everything above is the ported
   CSEC portal template, prefixed awpc-).
   ===================================================================== */
:is(.awpc-root,#awpc-boost) .awpc-mods{display:grid; gap:12.8px}
:is(.awpc-root,#awpc-boost).awpc-bleed{width:calc(100vw - var(--awpc-sbw,0px)); margin-left:calc(50% - 50vw + var(--awpc-sbw,0px) / 2); margin-right:0; max-width:none}
:is(.awpc-root,#awpc-boost) .awpc-sr{position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:pre-wrap; border:0}
:is(.awpc-root,#awpc-boost) .awpc-preview-banner{position:sticky; top:0; z-index:40; padding:8px 16px; text-align:center; font-size:13px; font-weight:700; background:#fde68a; color:#422006}

/* playlist tabs */
:is(.awpc-root,#awpc-boost) .awpc-tabs{display:flex; gap:6px; overflow-x:auto; margin:0 0 12px; padding-bottom:2px; scrollbar-width:thin}
:is(.awpc-root,#awpc-boost) .awpc-tabs[hidden]{display:none}
:is(.awpc-root,#awpc-boost) .awpc-tab{flex:none; padding:6.4px 12px; border-radius:99px; border:1px solid var(--line); background:var(--soft); color:var(--ink2); font-size:12.8px; font-weight:700; white-space:nowrap}
:is(.awpc-root,#awpc-boost) .awpc-tab:hover{border-color:var(--ac); color:var(--ink)}
:is(.awpc-root,#awpc-boost) .awpc-tab[aria-selected="true"]{background:var(--ac); border-color:var(--ac); color:#fff}

/* lesson parts row */
:is(.awpc-root,#awpc-boost) .awpc-parts{display:flex; gap:6px; overflow-x:auto; padding:8px 12px; background:#0a0e1d; border-bottom:1px solid rgba(255,255,255,.07); scrollbar-width:thin}
:is(.awpc-root,#awpc-boost) .awpc-parts[hidden]{display:none}
:is(.awpc-root,#awpc-boost) .awpc-part{flex:none; display:inline-flex; align-items:center; gap:7px; padding:5px 11px 5px 5px; border-radius:99px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.85); font-size:12.5px; font-weight:700}
:is(.awpc-root,#awpc-boost) .awpc-part b{width:22px; height:22px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.14); font-size:11.5px}
:is(.awpc-root,#awpc-boost) .awpc-part:hover{background:rgba(255,255,255,.13); color:#fff}
:is(.awpc-root,#awpc-boost) .awpc-part.is-active{background:var(--ac); border-color:var(--ac); color:#fff}
:is(.awpc-root,#awpc-boost) .awpc-part.is-done b{background:var(--ok)}

/* YouTube: our controls drive it; the shield keeps taps on our side */
:is(.awpc-root,#awpc-boost) .awpc-yt{position:absolute; top:0; right:0; bottom:0; left:0; background:#000}
:is(.awpc-root,#awpc-boost) .awpc-yt iframe{position:absolute; top:0; left:0; width:100%; height:100%; border:0}
:is(.awpc-root,#awpc-boost) .awpc-shield{position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; width:100%; height:100%; background:transparent; cursor:pointer}
:is(.awpc-root,#awpc-boost) .awpc-shield:focus-visible{outline-offset:-4px}

/* documents: typewriter and static notes */
:is(.awpc-root,#awpc-boost) .awpc-screen.is-doc{aspect-ratio:auto; height:min(62vh,560px); min-height:320px; background:var(--card); color:var(--ink)}
:is(.awpc-root,#awpc-boost) .awpc-doc{position:absolute; top:0; right:0; bottom:0; left:0; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:26px clamp(18px,4vw,44px) 40px; font-size:calc(17px * var(--awpc-doc-fs,1)); line-height:1.7; color:var(--ink); background:var(--card)}
:is(.awpc-root,#awpc-boost) .awpc-doc p,
:is(.awpc-root,#awpc-boost) .awpc-doc li{margin:0 0 .9em; max-width:68ch}
:is(.awpc-root,#awpc-boost) .awpc-para[hidden]{display:none}
:is(.awpc-root,#awpc-boost) .awpc-sent{border-radius:4px; transition:background-color .2s}
:is(.awpc-root,#awpc-boost) .awpc-sent.is-reading,
:is(.awpc-root,#awpc-boost) .awpc-notes .is-reading{background:var(--ac-l); box-shadow:0 0 0 3px var(--ac-l)}
:is(.awpc-root,#awpc-boost) .awpc-caret{display:inline-block; width:2px; height:1.1em; margin-left:1px; vertical-align:-0.15em; background:var(--ac); animation:awpc-blink 1s steps(1) infinite}
@keyframes awpc-blink{50%{opacity:0}}
:is(.awpc-root,#awpc-boost) .awpc-notes h1,:is(.awpc-root,#awpc-boost) .awpc-notes h2,:is(.awpc-root,#awpc-boost) .awpc-notes h3,:is(.awpc-root,#awpc-boost) .awpc-notes h4{font-weight:800; line-height:1.25; letter-spacing:-.015em; margin:1.1em 0 .5em}
:is(.awpc-root,#awpc-boost) .awpc-notes h1{font-size:1.6em}:is(.awpc-root,#awpc-boost) .awpc-notes h2{font-size:1.35em}:is(.awpc-root,#awpc-boost) .awpc-notes h3{font-size:1.15em}
:is(.awpc-root,#awpc-boost) .awpc-notes > :first-child{margin-top:0}
:is(.awpc-root,#awpc-boost) .awpc-notes ul,:is(.awpc-root,#awpc-boost) .awpc-notes ol{padding-left:1.4em; margin:0 0 .9em}
:is(.awpc-root,#awpc-boost) .awpc-notes ul{list-style:disc}:is(.awpc-root,#awpc-boost) .awpc-notes ol{list-style:decimal}
:is(.awpc-root,#awpc-boost) .awpc-notes img{max-width:100%; height:auto; border-radius:10px}
:is(.awpc-root,#awpc-boost) .awpc-notes table{border-collapse:collapse; width:100%; margin:0 0 1em; font-size:.92em}
:is(.awpc-root,#awpc-boost) .awpc-notes td,:is(.awpc-root,#awpc-boost) .awpc-notes th{border:1px solid var(--line); padding:6px 9px; text-align:left}
:is(.awpc-root,#awpc-boost) .awpc-notes a{color:var(--ac-d); text-decoration:underline}
:is(.awpc-root,#awpc-boost)[data-mode="dark"] .awpc-notes a{color:var(--ac2)}
:is(.awpc-root,#awpc-boost) .awpc-notes blockquote{border-left:4px solid var(--ac); padding-left:14px; color:var(--ink2)}
:is(.awpc-root,#awpc-boost) .awpc-notes-end{margin-top:2em !important; padding-top:1em; border-top:1px dashed var(--line); font-size:.85em; color:var(--ink2)}

/* control bar modes */
:is(.awpc-root,#awpc-boost) .awpc-ctl[data-kind="static"] .awpc-seekrow,
:is(.awpc-root,#awpc-boost) .awpc-ctl[data-kind="static"] [data-ref="pp"],
:is(.awpc-root,#awpc-boost) .awpc-ctl[data-kind="static"] [data-ref="back"],
:is(.awpc-root,#awpc-boost) .awpc-ctl[data-kind="static"] [data-ref="fwd"]{display:none}
:is(.awpc-root,#awpc-boost) .awpc-ctl[data-kind="static"] .awpc-btnrow{margin-top:0}
:is(.awpc-root,#awpc-boost) .awpc-cb.is-on{background:var(--ac); color:#fff}
:is(.awpc-root,#awpc-boost) .awpc-cb .awpc-a{font-size:14px; font-weight:800; min-width:22px; text-align:center}
:is(.awpc-root,#awpc-boost) .awpc-ctl[data-kind="type"] [data-ref="cur"],
:is(.awpc-root,#awpc-boost) .awpc-ctl[data-kind="type"] [data-ref="len"]{font-family:inherit; white-space:nowrap}

/* quiz parts */
:is(.awpc-root,#awpc-boost) .awpc-screen.is-quizblock{aspect-ratio:auto; min-height:320px}
:is(.awpc-root,#awpc-boost) .awpc-quiz-block{position:relative; min-height:320px}
:is(.awpc-root,#awpc-boost) .awpc-q-msg.wait{background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.25)}
:is(.awpc-root,#awpc-boost) .awpc-q-result{text-align:center; justify-items:center}
:is(.awpc-root,#awpc-boost) .awpc-q-alt{background:rgba(255,255,255,.12); border:2px solid rgba(255,255,255,.3)}

/* screen states */
:is(.awpc-root,#awpc-boost) .awpc-end .awpc-btn{color:var(--ink)}
:is(.awpc-root,#awpc-boost) .awpc-end .awpc-btn.awpc-fill{color:#fff}
:is(.awpc-root,#awpc-boost) .awpc-screen.is-doc .awpc-end{background:rgba(5,7,15,.82)}
:is(.awpc-root,#awpc-boost) .awpc-screen.is-doc .awpc-err{color:#fff}

@media (max-width:1000px){
:is(.awpc-root,#awpc-boost) .awpc-vcard.is-doc{position:relative; top:auto}
:is(.awpc-root,#awpc-boost) .awpc-screen.is-doc{height:min(58vh,520px)}
:is(.awpc-root,#awpc-boost) .awpc-doc{font-size:calc(18px * var(--awpc-doc-fs,1))}
:is(.awpc-root,#awpc-boost) .awpc-tab{font-size:14px; padding:8px 14px}
:is(.awpc-root,#awpc-boost) .awpc-part{font-size:14px}
:is(.awpc-root,#awpc-boost) .awpc-vcard.is-quizpart{position:relative; top:auto}
}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-vcard.is-doc,
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-vcard.is-quizpart{position:relative; top:auto}
@media (max-width:620px){
:is(.awpc-root,#awpc-boost) .awpc-ctl[data-kind="type"] .awpc-lbl{display:none}
:is(.awpc-root,#awpc-boost) .awpc-cb[data-ref="voice"] .awpc-lbl{display:none}
}
@media (prefers-reduced-motion:reduce){
:is(.awpc-root,#awpc-boost) .awpc-caret{animation:none}
}

/* outside the player */
.awpc-notice{padding:12px 16px; border:1px dashed #94a3b8; border-radius:10px; color:#334155; background:#f8fafc}
.awpc-members{max-width:560px; margin:24px auto; padding:24px; border:1px solid #e4e8f2; border-radius:16px; text-align:center; background:#fff}
.awpc-members a{font-weight:700}
:is(.awpc-root,#awpc-boost) .awpc-q-result .awpc-q-act{gap:10px; flex-wrap:wrap; justify-content:center; width:100%}
:is(.awpc-root,#awpc-boost) .awpc-q-result .awpc-q-go{flex:1 1 180px}
:is(.awpc-root,#awpc-boost) .awpc-q-result .awpc-q-go[hidden]{display:none}

/* =====================================================================
   Course designs (data-design). Same player, different character.
   general = the template as ported; others change the hero pattern,
   card shape and, for masterclass, the layout.
   ===================================================================== */
:is(.awpc-root,#awpc-boost) .awpc-hero::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; pointer-events:none; opacity:0; background-repeat:repeat}
:is(.awpc-root,#awpc-boost)[data-design="general"] .awpc-hero::after{background-image:radial-gradient(rgba(255,255,255,.22) 1.2px,transparent 1.4px); background-size:22px 22px}

/* Mathematics: graph paper with floating symbols */
:is(.awpc-root,#awpc-boost)[data-design="mathematics"] .awpc-hero::before{opacity:.16; background-size:220px 120px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='120'%3E%3Cg fill='%23fff' font-family='Georgia,serif' font-size='22'%3E%3Ctext x='14' y='34'%3E%CF%80%3C/text%3E%3Ctext x='92' y='26'%3E%E2%88%91%3C/text%3E%3Ctext x='170' y='44'%3E%E2%88%9A%3C/text%3E%3Ctext x='52' y='92'%3E%C3%B7%3C/text%3E%3Ctext x='132' y='104'%3Ex%C2%B2%3C/text%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image:linear-gradient(90deg,transparent 35%,#000); mask-image:linear-gradient(90deg,transparent 35%,#000)}

/* Science: hexagon lattice */
:is(.awpc-root,#awpc-boost)[data-design="science"] .awpc-hero::after{opacity:.35; background-size:56px 97px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97'%3E%3Cpath d='M28 0l28 16v32L28 64 0 48V16zM28 64l28 16v17M28 64L0 80v17' fill='none' stroke='%23fff' stroke-opacity='.28' stroke-width='1.2'/%3E%3C/svg%3E")}
:is(.awpc-root,#awpc-boost)[data-design="science"] .awpc-card,
:is(.awpc-root,#awpc-boost)[data-design="science"] .awpc-btn{border-radius:22px}
:is(.awpc-root,#awpc-boost)[data-design="science"] .awpc-num,
:is(.awpc-root,#awpc-boost)[data-design="science"] .awpc-logo{border-radius:50%}

/* Business: clean diagonal lines, bar-chart motif, crisper corners */
:is(.awpc-root,#awpc-boost)[data-design="business"] .awpc-hero::after{opacity:.3; background-size:auto;
  background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.09) 0 1px,transparent 1px 18px)}
:is(.awpc-root,#awpc-boost)[data-design="business"] .awpc-hero::before{opacity:.2; background-repeat:no-repeat; background-position:right 6% bottom 0; background-size:260px 150px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='150'%3E%3Cg fill='%23fff'%3E%3Crect x='10' y='90' width='34' height='60' rx='4'/%3E%3Crect x='62' y='60' width='34' height='90' rx='4'/%3E%3Crect x='114' y='74' width='34' height='76' rx='4'/%3E%3Crect x='166' y='30' width='34' height='120' rx='4'/%3E%3Crect x='218' y='6' width='34' height='144' rx='4'/%3E%3C/g%3E%3C/svg%3E")}
:is(.awpc-root,#awpc-boost)[data-design="business"] .awpc-card{border-radius:12px}
:is(.awpc-root,#awpc-boost)[data-design="business"] .awpc-btn,
:is(.awpc-root,#awpc-boost)[data-design="business"] .awpc-num,
:is(.awpc-root,#awpc-boost)[data-design="business"] .awpc-logo{border-radius:8px}
:is(.awpc-root,#awpc-boost)[data-design="business"] .awpc-hero h1{letter-spacing:-.02em}

/* Video Masterclass: cinema. Big player first, lessons on the right, compact hero. */
:is(.awpc-root,#awpc-boost)[data-design="masterclass"][data-mode="dark"]{--bg:#06070b; --card:#10121a; --line:#1e2230; --soft:#0b0d14; --ink2:#a3abc6}
:is(.awpc-root,#awpc-boost)[data-design="masterclass"] .awpc-hero{padding:16px 0 22px}
:is(.awpc-root,#awpc-boost)[data-design="masterclass"] .awpc-hero::after{opacity:.5; background-size:auto;
  background-image:linear-gradient(90deg,rgba(0,0,0,.55),transparent 55%),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 2px,transparent 2px 9px)}
:is(.awpc-root,#awpc-boost)[data-design="masterclass"] .awpc-hero h1{font-size:clamp(26px,3.2vw,38px); max-width:30ch}
:is(.awpc-root,#awpc-boost)[data-design="masterclass"] .awpc-vcard{box-shadow:0 40px 80px -30px #000}
@media (min-width:1001px){
:is(.awpc-root,#awpc-boost)[data-design="masterclass"] .awpc-wrap{width:min(1360px,100% - 40px)}
:is(.awpc-root,#awpc-boost)[data-design="masterclass"] .awpc-grid{grid-template-columns:minmax(0,1fr) minmax(300px,340px)}
:is(.awpc-root,#awpc-boost)[data-design="masterclass"] .awpc-side{order:2}
:is(.awpc-root,#awpc-boost)[data-design="masterclass"] .awpc-stage-col{order:1}
:is(.awpc-root,#awpc-boost)[data-design="masterclass"] .awpc-screen{aspect-ratio:16/9}
:is(.awpc-root,#awpc-boost)[data-design="masterclass"] .awpc-screen.is-doc,
:is(.awpc-root,#awpc-boost)[data-design="masterclass"] .awpc-screen.is-quizblock{aspect-ratio:auto}
}
:is(.awpc-root,#awpc-boost).awpc-narrow[data-design="masterclass"] .awpc-grid{grid-template-columns:minmax(0,1fr)}

/* resume notice */
:is(.awpc-root,#awpc-boost) .awpc-resume{position:absolute; left:12px; bottom:12px; z-index:4; display:flex; align-items:center; gap:10px; max-width:calc(100% - 24px); padding:8px 8px 8px 14px; border-radius:12px; background:rgba(5,7,15,.86); color:#fff; font-size:13.5px; font-weight:600; box-shadow:0 10px 24px -10px #000; transition:opacity .4s}
:is(.awpc-root,#awpc-boost) .awpc-resume.is-out{opacity:0}
:is(.awpc-root,#awpc-boost) .awpc-resume button{flex:none; padding:6px 12px; border-radius:9px; background:rgba(255,255,255,.14); color:#fff; font-size:13px; font-weight:700}
:is(.awpc-root,#awpc-boost) .awpc-resume button:hover{background:rgba(255,255,255,.24)}
@media (max-width:620px){:is(.awpc-root,#awpc-boost) .awpc-resume{font-size:14px}}

/* single-lesson embed: just the player and the lesson card */
:is(.awpc-root,#awpc-boost).awpc-single .awpc-hero,
:is(.awpc-root,#awpc-boost).awpc-single .awpc-side,
:is(.awpc-root,#awpc-boost).awpc-single [data-ref="prev"],
:is(.awpc-root,#awpc-boost).awpc-single [data-ref="next"],
:is(.awpc-root,#awpc-boost).awpc-single .awpc-auto,
:is(.awpc-root,#awpc-boost).awpc-single .awpc-lpill{display:none !important}
:is(.awpc-root,#awpc-boost).awpc-single{background:transparent}
:is(.awpc-root,#awpc-boost).awpc-single .awpc-main{padding:16px 0 24px}
:is(.awpc-root,#awpc-boost).awpc-single .awpc-wrap{width:min(960px,100% - 24px)}
:is(.awpc-root,#awpc-boost).awpc-single .awpc-grid{grid-template-columns:minmax(0,1fr)}
:is(.awpc-root,#awpc-boost).awpc-single .awpc-stage-col{position:static}
:is(.awpc-root,#awpc-boost).awpc-single .awpc-actions{display:flex}
@media (max-width:1000px){
:is(.awpc-root,#awpc-boost).awpc-single .awpc-vcard,
:is(.awpc-root,#awpc-boost).awpc-single .awpc-vtop{width:100%; max-width:100%; margin-left:0}
:is(.awpc-root,#awpc-boost).awpc-single .awpc-vcard{margin-top:0; position:relative; top:auto}
}

/* themes that restyle checkboxes (e.g. Twenty Twenty-One): keep the native one */
:is(.awpc-root,#awpc-boost) .awpc-auto input{-webkit-appearance:checkbox; appearance:auto; margin:0; padding:0; border:0; background:none}

/* a question over a reading: the question defines the height and the text waits underneath */
:is(.awpc-root,#awpc-boost) .awpc-screen.is-doc.is-quiz .awpc-doc{visibility:hidden}
@media (max-width:1000px){
:is(.awpc-root,#awpc-boost) .awpc-screen.is-doc.is-quiz{height:auto; min-height:0}
}
:is(.awpc-root,#awpc-boost).awpc-narrow .awpc-screen.is-doc.is-quiz{height:auto; min-height:0}

/* read-aloud bar (readings and notes): a labelled button and a voice menu, on phones too */
:is(.awpc-root,#awpc-boost) .awpc-readbar{display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 9px; padding:0 0 9px; border-bottom:1px solid rgba(255,255,255,.08)}
:is(.awpc-root,#awpc-boost) .awpc-readbar[hidden]{display:none}
:is(.awpc-root,#awpc-boost) .awpc-readbtn{display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:7px 15px 7px 11px; border-radius:99px; border:1.5px solid var(--ac2); background:rgba(255,255,255,.06); color:#fff; font-size:14px; font-weight:800; letter-spacing:.01em}
:is(.awpc-root,#awpc-boost) .awpc-readbtn svg{width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
:is(.awpc-root,#awpc-boost) .awpc-readbtn:hover{background:rgba(255,255,255,.14); color:#fff}
:is(.awpc-root,#awpc-boost) .awpc-readbtn.is-on{background:var(--ac); border-color:var(--ac); color:#fff; box-shadow:0 0 0 4px rgba(255,255,255,.08)}
:is(.awpc-root,#awpc-boost) .awpc-readbtn[disabled]{opacity:.5; cursor:not-allowed}
:is(.awpc-root,#awpc-boost) .awpc-readbtn[hidden]{display:none}
:is(.awpc-root,#awpc-boost) .awpc-voicepick{display:inline-flex; align-items:center; gap:6px; color:rgba(255,255,255,.8); font-size:13px; font-weight:700}
:is(.awpc-root,#awpc-boost) .awpc-voicepick[hidden]{display:none}
:is(.awpc-root,#awpc-boost) .awpc-voicepick select{max-width:190px; min-height:36px; margin:0; padding:4px 28px 4px 10px; border-radius:9px; border:1px solid rgba(255,255,255,.25); background-color:#141a2e; color:#fff; font:inherit; font-size:13px; font-weight:600; -webkit-appearance:menulist; appearance:auto}
:is(.awpc-root,#awpc-boost) .awpc-readnote{font-size:13px; font-weight:600; color:rgba(255,255,255,.75)}
:is(.awpc-root,#awpc-boost) .awpc-readnote[hidden]{display:none}
@media (max-width:620px){
:is(.awpc-root,#awpc-boost) .awpc-readbtn{font-size:15px; min-height:44px}
:is(.awpc-root,#awpc-boost) .awpc-voicepick{font-size:14px}
:is(.awpc-root,#awpc-boost) .awpc-voicepick select{max-width:150px; font-size:14px; min-height:44px}
:is(.awpc-root,#awpc-boost) .awpc-readnote{font-size:14px}
}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-readbtn{font-size:15px; min-height:44px}

/* readings and notes on phones held upright: a tall 9:16 reading screen, like an e-reader */
@media (max-width:620px) and (orientation:portrait){
:is(.awpc-root,#awpc-boost) .awpc-screen.is-doc{aspect-ratio:auto; min-height:320px; max-height:none; height:min(177.78vw, calc(100vh - 230px)); height:min(177.78vw, var(--awpc-doc-max, calc(100svh - 230px)))}
:is(.awpc-root,#awpc-boost) .awpc-readbar{gap:6px}
:is(.awpc-root,#awpc-boost) .awpc-voicepick > span{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0)}
:is(.awpc-root,#awpc-boost) .awpc-voicepick select{max-width:104px; min-width:0}
:is(.awpc-root,#awpc-boost) .awpc-readbar .awpc-gap{flex:1 1 0; min-width:0; width:0}
:is(.awpc-root,#awpc-boost) .awpc-readbtn{padding:7px 12px 7px 9px; white-space:nowrap}
:is(.awpc-root,#awpc-boost) .awpc-readbar .awpc-cb{min-width:34px; padding:4px}
:is(.awpc-root,#awpc-boost) .awpc-doc{padding:18px 16px 32px; line-height:1.65}
}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-screen.is-doc{aspect-ratio:auto; min-height:320px; max-height:none; height:min(177.78vw, calc(100vh - 230px)); height:min(177.78vw, var(--awpc-doc-max, calc(100svh - 230px)))}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-doc{padding:18px 16px 32px}
:is(.awpc-root,#awpc-boost) .awpc-screen.is-doc.is-quiz{aspect-ratio:auto; height:auto}

/* the read-aloud button never shrinks; a note (no voices / narrated) gets its own line */
:is(.awpc-root,#awpc-boost) .awpc-readbtn{flex:none}
:is(.awpc-root,#awpc-boost) .awpc-readnote{flex:1 1 100%; order:9}
@media (max-width:400px){
:is(.awpc-root,#awpc-boost) .awpc-readbtn{font-size:14px; padding:7px 10px 7px 8px; gap:6px}
:is(.awpc-root,#awpc-boost) .awpc-readbtn svg{width:18px; height:18px}
:is(.awpc-root,#awpc-boost) .awpc-voicepick select{max-width:92px; padding-right:22px}
:is(.awpc-root,#awpc-boost) .awpc-readbar{gap:5px}
}

/* phones: the course bar is one compact row (brand left, light/dark button right), so the player starts higher */
@media (max-width:620px){
:is(.awpc-root,#awpc-boost) .awpc-bar .awpc-wrap{flex-wrap:nowrap; gap:10px; padding:6px 0}
:is(.awpc-root,#awpc-boost) .awpc-bar .awpc-wrap:has(.awpc-themes){flex-wrap:wrap}
:is(.awpc-root,#awpc-boost) .awpc-brand{flex:1 1 auto; min-width:0; gap:10px}
:is(.awpc-root,#awpc-boost) .awpc-brand > div{min-width:0}
:is(.awpc-root,#awpc-boost) .awpc-brand strong{font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
:is(.awpc-root,#awpc-boost) .awpc-logo{width:32px; height:32px; border-radius:9px}
:is(.awpc-root,#awpc-boost) .awpc-tools{flex:0 0 auto; justify-content:flex-end}
:is(.awpc-root,#awpc-boost) .awpc-mode{width:40px; height:40px}
:is(.awpc-root,#awpc-boost) .awpc-main{padding-top:12px}
}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-bar .awpc-wrap{flex-wrap:nowrap; gap:10px; padding:6px 0}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-brand{flex:1 1 auto; min-width:0}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-brand > div{min-width:0}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-brand strong{font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-tools{flex:0 0 auto; justify-content:flex-end}
:is(.awpc-root,#awpc-boost).awpc-phone .awpc-mode{width:40px; height:40px}