.pg-learn .progress i{transform-origin:0;transition:transform .6s var(--ease)}.pg-learn .ls-vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pg-learn .cl-staff,.pg-learn .cd-staff{border:1px dashed var(--line-strong);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4)}.pg-learn .cd-staff{margin-bottom:var(--stack)}.pg-learn .cl-img{aspect-ratio:16/9;object-fit:cover;background:var(--code-bg);width:100%;height:auto;display:block}.pg-learn .cl-img.blank{padding:var(--sp-6);text-align:center;background:radial-gradient(70% 90% at 80% 10%, #2962ff61, transparent 70%), radial-gradient(50% 60% at 0% 100%, #10a8ff29, transparent 70%), var(--code-bg);place-items:center;display:grid;position:relative;overflow:hidden}.pg-learn .cl-img.blank span{font-family:var(--display);font-size:var(--fs-3xl);color:var(--ink);letter-spacing:-.01em;font-weight:700;line-height:1.2}.pg-learn .cl-grid{gap:var(--stack);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pg-learn .cl-card{flex-direction:column;display:flex;overflow:hidden}.pg-learn .cl-card:hover{border-color:var(--line-strong)}.pg-learn .cl-cover{border-bottom:1px solid var(--line);display:block}.pg-learn .cl-body{gap:var(--sp-3);padding:var(--card-pad);flex-direction:column;flex:1;display:flex}.pg-learn .cl-card h2{font-size:var(--fs-xl);line-height:1.35}.pg-learn .cl-card h2 a:hover{color:var(--volt-hi)}.pg-learn .cl-sum{color:var(--ink-soft);line-height:1.7;font-size:var(--fs-ui)}.pg-learn .cl-meta{color:var(--muted);font-size:var(--fs-sm)}.pg-learn .cl-mine{gap:var(--sp-2);font-size:var(--fs-sm);display:grid}.pg-learn .cl-foot{padding-top:var(--sp-3);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:auto;display:flex}.pg-learn .cl-access{line-height:1.3;display:grid}.pg-learn .cl-access b{font-size:var(--fs-lg);color:var(--ink)}.pg-learn .cl-access.free b{color:var(--ok-soft)}.pg-learn .cl-access small{color:var(--muted);font-size:var(--fs-xs)}.pg-learn .cl-resume{gap:var(--sp-5);padding:var(--card-pad);background:radial-gradient(60% 120% at 100% 0%, #2962ff2e, transparent 70%), var(--card);border-color:#3b9bff59;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.pg-learn .cl-resume-ico{width:40px;height:40px;color:var(--volt-hi)}.pg-learn .cl-resume>div{gap:var(--sp-1);min-width:0;display:grid}.pg-learn .cl-resume h2{font-size:var(--fs-xl);line-height:1.35}.pg-learn .cd-grid{gap:var(--sp-8);grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}.pg-learn .cd-main{gap:var(--sp-8);min-width:0;display:grid}.pg-learn .cd-main h2{font-size:var(--fs-xl)}.pg-learn .cd-outcomes{padding:var(--card-pad);gap:var(--sp-4);display:grid}.pg-learn .cd-outcomes ul{gap:var(--sp-3) var(--sp-6);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pg-learn .cd-outcomes li{gap:var(--sp-3);color:var(--ink-soft);align-items:flex-start;line-height:1.6;display:flex}.pg-learn .cd-outcomes li svg{width:18px;height:18px;color:var(--ok);flex:none;margin-top:3px}.pg-learn .cd-pair{gap:var(--sp-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pg-learn .cd-pair section{gap:var(--sp-2);align-content:start;display:grid}.pg-learn .cd-pair p{color:var(--ink-soft);white-space:pre-line;line-height:1.75}.pg-learn .cd-desc{max-width:none;font-size:var(--fs-md)}.pg-learn .cd-outline{gap:var(--sp-4);display:grid}.pg-learn .cd-sec{padding:var(--sp-4) var(--sp-5);gap:var(--sp-3);display:grid}.pg-learn .cd-sec h3{font-size:var(--fs-lg);gap:var(--sp-3);flex-wrap:wrap;align-items:baseline;display:flex}.pg-learn .cd-sec h3 .ui-muted{font-size:var(--fs-sm);font-weight:500}.pg-learn .cd-sec ol{margin:0;padding:0;list-style:none;display:grid}.pg-learn .cd-sec li{border-top:1px solid var(--line)}.pg-learn .cd-sec li>*{gap:var(--sp-3);min-height:56px;padding:var(--sp-2) 0;color:var(--text);grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;display:grid}.pg-learn .cd-sec li>a:hover b{color:var(--volt-hi)}.pg-learn .cd-n{border:1px solid var(--line-strong);width:32px;height:32px;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;color:var(--ink-soft);border-radius:50%;place-items:center;font-weight:600;display:grid}.pg-learn .cd-n svg{width:16px;height:16px}.pg-learn .cd-sec li>div .cd-n{color:var(--muted);border-style:dashed}.pg-learn .cd-sec li.done .cd-n{color:var(--ok);background:#34d3991f;border-color:#34d39999}.pg-learn .cd-l{min-width:0;display:grid}.pg-learn .cd-l b{color:var(--ink);font-weight:500}.pg-learn .cd-l small{color:var(--muted);font-size:var(--fs-sm);align-items:center;gap:var(--sp-1);flex-wrap:wrap;display:inline-flex}.pg-learn .cd-l small svg{width:14px;height:14px;color:var(--volt)}.pg-learn .cd-side{top:var(--sticky-top);gap:var(--stack);align-content:start;display:grid;position:sticky}.pg-learn .cd-box{gap:var(--sp-4);padding:0 0 var(--card-pad);display:grid;overflow:hidden}.pg-learn .cd-box>:not(.cd-cover){margin-inline:var(--card-pad)}.pg-learn .cd-box .cd-cover{border-bottom:1px solid var(--line)}.pg-learn .cd-box .btn{justify-self:stretch}.pg-learn .cd-next{font-size:var(--fs-sm)}.pg-learn .cd-trailer{gap:var(--sp-3);display:grid}.pg-learn .cd-trailer h2,.pg-learn .cd-files h2{font-size:var(--fs-lg)}.pg-learn .cd-files{gap:var(--sp-3);padding:var(--card-pad);display:grid}.pg-learn .cd-files ul{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.pg-learn .cd-files .btn{width:100%;height:auto;padding-block:var(--sp-2);text-align:left;justify-content:flex-start}.pg-learn .cd-files .btn>span{min-width:0;display:grid}.pg-learn .cd-files b{overflow-wrap:anywhere;font-weight:600}.pg-learn .cd-files small{color:var(--muted);font-size:var(--fs-xs)}.pg-learn .cd-files-note{font-size:var(--fs-xs)}.pg-lesson .ls-layout{gap:var(--sp-10);grid-template-columns:280px minmax(0,1fr);align-items:start;display:grid}.pg-lesson .ls-main{gap:var(--stack);min-width:0;display:grid}.pg-lesson .ls-content{gap:var(--sp-8);grid-template-columns:minmax(0,1fr);max-width:820px;display:grid}.pg-lesson .ls-toc.wide{top:var(--sticky-top);max-height:calc(100vh - var(--sticky-top) - var(--sp-4));gap:var(--sp-3);padding-right:var(--sp-2);display:grid;position:sticky;overflow-y:auto}.pg-lesson .ls-toc.narrow{display:none}.pg-lesson .ls-toc-head{gap:var(--sp-1);font-size:var(--fs-sm);display:grid}.pg-lesson .ls-toc-head b{font-size:var(--fs-md);color:var(--ink);margin-right:var(--sp-2)}.pg-lesson .ls-toc-list{gap:var(--sp-4);margin:0;padding:0;list-style:none;display:grid}.pg-lesson .ls-toc-list ol{margin:var(--sp-2) 0 0;gap:2px;padding:0;list-style:none;display:grid}.pg-lesson .ls-toc-sec{font-size:var(--fs-xs);color:var(--muted);font-weight:600;display:block}.pg-lesson .ls-toc-list ol a,.pg-lesson .ls-toc-off{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-ui);color:var(--ink-soft);grid-template-columns:18px minmax(0,1fr) auto;align-items:start;line-height:1.45;display:grid}.pg-lesson .ls-toc-list ol a:hover{color:var(--ink);background:#ffffff0d}.pg-lesson .ls-toc-list ol a.on{color:var(--ink);background:#2962ff29;font-weight:600}.pg-lesson .ls-toc-off{color:var(--muted)}.pg-lesson .ls-toc-list small{color:var(--muted);font-size:var(--fs-xs);padding-top:2px}.pg-lesson .ls-toc-mark{place-items:center;height:20px;display:grid}.pg-lesson .ls-toc-mark svg{width:16px;height:16px}.pg-lesson .ls-toc-list .done .ls-toc-mark{color:var(--ok)}.pg-lesson .ls-toc-off .ls-toc-mark{color:var(--muted)}.pg-lesson .ls-toc-mark .dot{border:1px solid var(--line-strong);border-radius:50%;width:8px;height:8px}.pg-lesson .ls-toc-list a.on .dot{border-color:var(--volt);background:var(--volt)}.pg-learn .ls-video .md-video-box{aspect-ratio:16/9;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--code-bg);width:100%;position:relative;overflow:hidden}.pg-learn .ls-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.pg-learn .ls-video .md-video-poster{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.pg-learn .ls-video .md-video-poster img{object-fit:cover;transition:transform .6s var(--ease)}.pg-learn .ls-video .md-video-poster:hover img{transform:scale(1.02)}.pg-learn .ls-video .vc-play{width:64px;height:64px;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.pg-learn .ls-video .vc-play svg{width:22px;height:22px}.pg-learn .ls-video .md-video-poster:hover .vc-play,.pg-learn .ls-video .md-video-poster:focus-visible .vc-play{background:var(--action);border-color:#0000}.pg-learn .ls-cvideo video{background:#000;width:100%;height:100%;position:absolute;inset:0}.pg-learn .ls-cvideo video.cv-hidden{visibility:hidden}.pg-learn .ls-cvideo .md-video-box.full{border:0;border-radius:0}.pg-learn .ls-cvideo .cv-mark{z-index:2;pointer-events:none;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);color:#ffffff80;font-size:var(--fs-sm);letter-spacing:.02em;text-shadow:0 1px 2px #000000b3;white-space:nowrap;transition:left 1.2s var(--ease), top 1.2s var(--ease);font-weight:600;position:absolute}.pg-learn .ls-cvideo .md-video-box.full .cv-mark{font-size:var(--fs-lg)}.pg-learn .ls-cvideo .cv-full{z-index:3;top:var(--sp-2);right:var(--sp-2);border-radius:var(--r-md);border:1px solid var(--line-strong);color:#fff;opacity:.8;background:#0000008c;place-items:center;width:36px;height:36px;display:grid;position:absolute}.pg-learn .ls-cvideo .cv-full:hover,.pg-learn .ls-cvideo .cv-full:focus-visible{opacity:1;background:var(--action);border-color:#0000}.pg-learn .ls-cvideo .cv-full svg{width:18px;height:18px}.pg-learn .ls-cvideo .md-video-poster:disabled{cursor:progress}.pg-learn .ls-cvideo .cv-error{margin-top:var(--sp-2);color:var(--signal-soft);font-size:var(--fs-ui)}.pg-learn .ls-cvideo.portrait .md-video-box{aspect-ratio:9/16;width:min(100%,380px);margin-inline:auto}.pg-learn .ls-cvideo.portrait .md-video-box.full{aspect-ratio:auto;width:100%}.pg-learn .ls-cvideo .cv-unmute{z-index:3;left:50%;bottom:var(--sp-5);align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px solid var(--line-strong);color:#fff;font-size:var(--fs-sm);white-space:nowrap;background:#0009;border-radius:999px;font-weight:600;display:inline-flex;position:absolute;transform:translate(-50%)}.pg-learn .ls-cvideo .cv-unmute:hover,.pg-learn .ls-cvideo .cv-unmute:focus-visible{background:var(--action);border-color:#0000}.pg-learn .ls-cvideo .cv-unmute svg{width:18px;height:18px}.pg-learn .ls-cvideo video.cv-preview{cursor:pointer}.pg-lesson .ls-points{padding:var(--card-pad);gap:var(--sp-3);border-color:#3b9bff4d;display:grid}.pg-lesson .ls-points h2,.pg-lesson .ls-check h2,.pg-lesson .ls-challenge h2,.pg-lesson .ls-res h2{align-items:center;gap:var(--sp-2);font-size:var(--fs-lg);display:inline-flex}.pg-lesson .ls-points h2 svg,.pg-lesson .ls-check h2 svg,.pg-lesson .ls-challenge h2 svg,.pg-lesson .ls-res h2 svg{width:20px;height:20px;color:var(--volt-hi)}.pg-lesson .ls-points ul{gap:var(--sp-2);color:var(--ink-soft);margin:0;padding-left:1.2em;line-height:1.7;display:grid}.pg-lesson .ls-points li::marker{color:var(--volt)}.pg-lesson .ls-prose{max-width:none}.pg-lesson .ls-prose>:first-child{margin-top:0}.pg-lesson .ls-check{gap:var(--sp-4);display:grid}.pg-lesson .ls-check-head{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.pg-lesson .ls-check-head>span{color:var(--muted);font-size:var(--fs-sm)}.pg-lesson .ls-qs{gap:var(--sp-3);counter-reset:q;margin:0;padding:0;list-style:none;display:grid}.pg-lesson .ls-q{counter-increment:q;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);display:grid}.pg-lesson .ls-q.ok{border-color:#34d39966}.pg-lesson .ls-q.bad{border-color:#ff6a3d66}.pg-lesson .ls-q-text{color:var(--ink);font-weight:500;line-height:1.6}.pg-lesson .ls-q-text:before{content:counter(q) ". ";color:var(--muted);font-variant-numeric:tabular-nums}.pg-lesson .ls-q-code{padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--code-bg);color:var(--code-fg);font-family:var(--mono);font-size:var(--fs-ui);margin:0;line-height:1.7;overflow-x:auto}.pg-lesson .ls-opts{gap:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pg-lesson .ls-opt{gap:var(--sp-3);min-height:var(--h-control);padding:var(--sp-2) var(--sp-3);text-align:left;border:1px solid var(--line-strong);border-radius:var(--r-md);color:var(--ink);font:inherit;font-size:var(--fs-ui);cursor:pointer;transition:border-color .2s var(--ease), background .2s var(--ease);background:#ffffff08;grid-template-columns:28px minmax(0,1fr);align-items:center;line-height:1.5;display:grid}.pg-lesson .ls-opt:hover:not(:disabled){background:#2962ff14;border-color:#3b9bff80}.pg-lesson .ls-opt:disabled{cursor:default}.pg-lesson .ls-key{border-radius:var(--r-sm);border:1px solid var(--line-strong);width:28px;height:28px;font-size:var(--fs-sm);color:var(--muted);place-items:center;font-weight:600;display:grid}.pg-lesson .ls-key svg{width:16px;height:16px}.pg-lesson .ls-opt.right{background:#34d3991a;border-color:#34d39999}.pg-lesson .ls-opt.right .ls-key{color:var(--ok);border-color:#0000}.pg-lesson .ls-opt.wrong{background:#ff6a3d14;border-color:#ff6a3d99}.pg-lesson .ls-opt.wrong .ls-key{color:var(--signal);border-color:#0000}.pg-lesson .ls-opt.dim{opacity:.6}.pg-lesson .ls-why{gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--line);font-size:var(--fs-ui);color:var(--ink-soft);background:#ffffff08;justify-items:start;line-height:1.7;display:grid}.pg-lesson .ls-q.ok .ls-why b{color:var(--ok-soft)}.pg-lesson .ls-q.bad .ls-why b{color:var(--signal-soft)}.pg-lesson .ls-challenge{padding:var(--card-pad);gap:var(--sp-5);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.pg-lesson .ls-challenge>div{gap:var(--sp-2);flex:320px;min-width:0;display:grid}.pg-lesson .ls-challenge .ui-muted{align-items:center;gap:var(--sp-2);line-height:1.6;display:inline-flex}.pg-lesson .ls-challenge.ok{border-color:#34d39966}.pg-lesson .ls-challenge.ok .ui-muted{color:var(--ok-soft)}.pg-lesson .ls-challenge .ui-muted svg{flex:none;width:16px;height:16px}.pg-lesson .ls-res{gap:var(--sp-3);display:grid}.pg-lesson .ls-res ul{gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pg-lesson .ls-res a{align-items:center;gap:var(--sp-2);min-height:var(--h-control);padding:0 var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink);font-size:var(--fs-ui);display:inline-flex}.pg-lesson .ls-res a:hover{color:var(--volt-hi);border-color:#3b9bff80}.pg-lesson .ls-res a svg{width:14px;height:14px;color:var(--muted)}.pg-lesson .ls-locked{padding:var(--sp-10) var(--card-pad);gap:var(--sp-3);text-align:center;border-style:dashed;justify-items:center;display:grid}.pg-lesson .ls-locked>svg{width:32px;height:32px;color:var(--muted)}.pg-lesson .ls-locked h2{font-size:var(--fs-xl)}.pg-lesson .ls-bar{z-index:20;margin-top:var(--sp-4);padding:var(--sp-3) 0 calc(var(--sp-3) + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#000000d1;max-width:820px;position:sticky;bottom:0}.pg-lesson .ls-bar-in{gap:var(--sp-3);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.pg-lesson .ls-bar-main{justify-content:flex-end;align-items:center;gap:var(--sp-3);flex-wrap:wrap;min-width:0;display:flex}.pg-lesson .ls-done{align-items:center;gap:var(--sp-2);color:var(--ok);font-size:var(--fs-ui);font-weight:600;display:inline-flex}.pg-lesson .ls-done svg{width:18px;height:18px}.pg-lesson .ls-note{color:var(--muted);font-size:var(--fs-sm)}.pg-lesson .ls-notes,.pg-lesson .qa-panel{max-width:820px}.pg-lesson #notes,.pg-lesson #qa{scroll-margin-top:calc(var(--sticky-top) + var(--sp-3))}.pg-lesson .ls-notes-box{gap:var(--sp-2);display:grid}.pg-lesson .ls-notes-box textarea{resize:vertical}.pg-lesson .ls-notes-state{font-size:var(--fs-sm)}.pg-lesson .ls-save[aria-pressed=true]{color:var(--volt-hi);background:#2962ff2e;border-color:#3b9bffb3}.pg-learn .cd-notes{gap:var(--sp-3);display:grid}.pg-learn .cd-notes-list{margin:0;padding:0;list-style:none;overflow:hidden}.pg-learn .cd-notes-list li+li{border-top:1px solid var(--line)}.pg-learn .cd-notes-list a{gap:var(--sp-1);padding:var(--sp-3) var(--card-pad);color:var(--ink);min-width:0;display:grid}.pg-learn .cd-notes-list a:hover b{color:var(--volt-hi)}.pg-learn .cd-notes-list b{align-items:center;gap:var(--sp-2);font-weight:600;display:inline-flex}.pg-learn .cd-notes-list b svg{width:16px;height:16px;color:var(--volt-hi);flex:none}.pg-learn .cd-note-text{color:var(--ink-soft);font-size:var(--fs-ui);white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pg-learn .rd-row{flex-wrap:nowrap}.pg-learn .rd-input{min-width:0;font-size:var(--fs-lg);letter-spacing:.06em;flex:1}.pg-learn .rd-held code{font-family:var(--mono);color:var(--ink)}.pg-learn .rd-ok{color:var(--ok-soft);font-size:var(--fs-lg);font-weight:600}.pg-learn .rd-courses{border:1px solid var(--line);border-radius:var(--r-md);margin:0;padding:0;list-style:none;overflow:hidden}.pg-learn .rd-courses li{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.pg-learn .rd-courses li:last-child{border-bottom:0}.pg-learn .rd-courses b{color:var(--ink);min-width:0;font-weight:600}@media (max-width:1080px){.pg-learn .cl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-learn .cd-grid{grid-template-columns:minmax(0,1fr)}.pg-learn .cd-side{order:-1;position:static}.pg-learn .cd-box{align-items:center;gap:var(--sp-3) var(--sp-5);grid-template-columns:minmax(0,300px) minmax(0,1fr);padding:0}.pg-learn .cd-box .cd-cover{border-bottom:0;border-right:1px solid var(--line);grid-row:span 4;align-self:center}.pg-learn .cd-box>:not(.cd-cover){margin:0 var(--card-pad) 0 0}.pg-learn .cd-box>:nth-child(2){margin-top:var(--card-pad)}.pg-learn .cd-box>:last-child{margin-bottom:var(--card-pad)}.pg-lesson .ls-layout{gap:var(--sp-4);grid-template-columns:minmax(0,1fr)}.pg-lesson .ls-toc.wide{display:none}.pg-lesson .ls-toc.narrow{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);display:grid}.pg-lesson .ls-toc.narrow>summary{cursor:pointer;min-height:28px;list-style:none}.pg-lesson .ls-toc.narrow>summary::-webkit-details-marker{display:none}.pg-lesson .ls-toc.narrow>summary:after{content:"แตะเพื่อดูทุกบท";color:var(--volt-hi);font-size:var(--fs-xs)}.pg-lesson .ls-toc.narrow[open]>summary:after{content:"ซ่อนสารบัญ"}.pg-lesson .ls-content,.pg-lesson .ls-bar,.pg-lesson .ls-notes,.pg-lesson .qa-panel{max-width:none}}@media (max-width:760px){.pg-learn .cl-grid{grid-template-columns:minmax(0,1fr)}.pg-learn .cl-resume{gap:var(--sp-3);grid-template-columns:minmax(0,1fr)}.pg-learn .cl-resume-ico{display:none}.pg-learn .rd-row{flex-direction:column;align-items:stretch}.pg-learn .cd-outcomes ul,.pg-learn .cd-pair{grid-template-columns:minmax(0,1fr)}.pg-learn .cd-box{padding:var(--card-pad) 0;grid-template-columns:minmax(0,1fr)}.pg-learn .cd-box .cd-cover{display:none}.pg-learn .cd-box>:not(.cd-cover){margin:0 var(--card-pad)}.pg-learn .cd-sec li>*{grid-template-columns:32px minmax(0,1fr) auto}.pg-learn .cd-sec li>*>.ui-badge:last-child:not(:nth-child(3)){grid-column:2;justify-self:start}.pg-lesson .ls-opts{grid-template-columns:minmax(0,1fr)}.pg-lesson .ls-bar-in{grid-template-columns:auto minmax(0,1fr)}.pg-lesson .ls-bar-in>:last-child,.pg-lesson .ls-prev span,.pg-lesson .ls-note{display:none}}@media (prefers-reduced-motion:reduce){.pg-learn .progress i,.pg-learn .ls-video .md-video-poster img,.pg-learn .ls-cvideo .cv-mark{transition:none}}