.page-lesson,.page-reader{background:var(--vd)}.reader{position:relative;background:var(--vd)}.reader-bar{position:relative;z-index:15;display:grid;grid-template-columns:minmax(0,auto) 1fr auto;align-items:center;gap:var(--v8);padding:.5rem var(--v1);background:var(--v5);border-block:1px solid var(--ve)}.reader-bar__back,.reader-bar__list{display:inline-flex;align-items:center;gap:.4rem;min-height:var(--vn);padding:0 .6rem;border-radius:var(--vl);text-decoration:none;font-weight:600;font-size:var(--v6);white-space:nowrap}.reader-bar__back span{max-width:9rem;overflow:hidden;text-overflow:ellipsis}.reader-bar__back:hover{background:var(--vk)}.reader-bar__list{border:var(--v9) solid var(--v0);background:var(--vd);padding-inline:.8rem;font-variant-numeric:tabular-nums}.reader-bar__title{text-align:center;line-height:1.2;min-width:0}.reader-bar__course{font:600 var(--v6)/1.25 var(--vi);letter-spacing:var(--vx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-bar__sub{font-size:var(--va);color:var(--v7);font-weight:500}.reader-segs{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:3px;padding:0 var(--v1) 4px;height:10px;background:var(--v5)}.reader-segs i{border-radius:3px;background:var(--ve)}.reader-segs .is-done{background:var(--vb)}.reader-segs .is-now{background:var(--v3)}.reader__layout{display:block}.reader__main{padding:var(--vc) var(--vw) var(--vj)}@media (max-width:1023px){body:has(.reader--audio) .site-footer{padding-bottom:calc(var(--vj) + 150px + env(safe-area-inset-bottom))}html:has(.reader--audio){scroll-padding-bottom:160px}}@media (max-width:639px){:is(.page-lesson,.page-reader) .main-nav{display:none}:is(.page-lesson,.page-reader) .header-row{padding-bottom:.625rem}.reader-bar__back span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.lesson-drawer{position:fixed;z-index:40;top:0;bottom:0;left:0;width:min(88vw,360px);background:var(--v5);overflow-y:auto;overscroll-behavior:contain;transform:translateX(-102%);visibility:hidden;transition:transform .3s var(--vu),visibility 0s .3s;box-shadow:var(--v1a)}.lesson-drawer:target,.lesson-drawer.is-open{transform:none;visibility:visible;transition:transform .3s var(--vu)}.scrim{display:none;position:fixed;inset:0;z-index:35;background:rgb(7 43 41 / .5)}.lesson-drawer:target~.scrim,.lesson-drawer.is-open~.scrim{display:block}.lesson-drawer__head{position:relative;padding:var(--v4) var(--v4) var(--v2);background:var(--vb);color:var(--v5);overflow:hidden}.lesson-drawer__head::after{content:"";position:absolute;right:0;top:0;width:96px;height:96px;background:var(--vt);-webkit-mask:var(--vm) 0 0/48px 48px;mask:var(--vm) 0 0/48px 48px}.lesson-drawer__course{position:relative;z-index:1;max-width:80%;font:600 var(--vo)/1.2 var(--vi);letter-spacing:var(--vx)}.lesson-drawer__meta{position:relative;margin-top:var(--v8);font-size:var(--v6);color:var(--vh)}.lesson-drawer__close{position:absolute;z-index:2;right:.75rem;top:.75rem;display:grid;place-items:center;width:var(--vn);height:var(--vn);border-radius:50%;background:var(--v5);color:var(--v0)}.meter{position:relative;height:8px;margin-top:var(--v1);border-radius:4px;background:var(--vt);overflow:hidden}.meter i{display:block;height:100%;min-width:8px;background:var(--v3);border-radius:4px}.lesson-list{padding:var(--v1);display:grid;gap:2px}.lesson-list__link{display:grid;grid-template-columns:36px 1fr;gap:var(--v1);align-items:center;min-height:60px;padding:.7rem .75rem;border-radius:var(--v10);text-decoration:none}.lesson-list__link:hover{background:var(--vk)}.lesson-list__n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:var(--v9) solid var(--v0);font:700 var(--va)/1 var(--vi)}.lesson-list__n .ic{width:18px;height:18px;stroke-width:2.6}.lesson-list__title{display:block;font-weight:600;font-size:var(--v6);line-height:1.3}.lesson-list__meta{display:block;margin-top:2px;font-size:var(--va);color:var(--v7)}.lesson-list__item--done .lesson-list__n{background:var(--vb);border-color:var(--vb);color:var(--v5)}.lesson-list__item--current .lesson-list__link{background:var(--v3)}.lesson-list__item--current .lesson-list__n{background:var(--v0);border-color:var(--v0);color:var(--v3)}.lesson-list__item--current .lesson-list__meta{color:var(--v0);font-weight:600}.lesson-list__item--locked .lesson-list__title{color:var(--v7)}.lesson-list__item--locked .lesson-list__n{border-style:dashed;border-color:var(--vh);color:var(--v7)}.player--dock{--vv:var(--v3);position:fixed;z-index:30;left:0;right:0;bottom:0;padding:.75rem var(--vw) calc(.75rem + env(safe-area-inset-bottom));background:var(--vb);color:var(--v5);border-radius:var(--vf) var(--vf) 0 0}.player--dock .player__media{display:block}.player--dock .player__ui{display:grid;grid-template-columns:1fr auto auto auto 1fr;grid-template-areas:"bar bar bar bar bar" "spd back play fwd lbl";align-items:center;gap:.25rem var(--v1)}.player__bar{grid-area:bar;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--v1)}.player__bar .player__time{font-size:var(--va);color:var(--vh);min-width:2.6rem}.player__bar .player__time:last-child{text-align:end}.player__bar .player__seek{-webkit-appearance:none;appearance:none;height:var(--vn);background:transparent;--p:0%}.player__bar .player__seek::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--v3) var(--p),rgb(255 255 255 / .4) var(--p))}.player__bar .player__seek::-moz-range-track{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--v3) var(--p),rgb(255 255 255 / .4) var(--p))}.player__bar .player__seek::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-6px;border-radius:50%;background:var(--v5);border:3px solid var(--v3)}.player__bar .player__seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--v5);border:3px solid var(--v3)}.player--dock .player__play{grid-area:play;width:64px;height:64px;border-color:var(--vy);box-shadow:0 4px 0 var(--vy)}.player__skip{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:0;background:rgb(255 255 255 / .1);color:var(--v5)}.player__skip .ic{width:28px;height:28px;stroke-width:1.8}[data-skip="-15"]{grid-area:back}[data-skip="15"]{grid-area:fwd}.player__speed{grid-area:spd;justify-self:start;min-width:56px;min-height:var(--vn);padding:0 .75rem;border-radius:var(--vl);border:var(--v9) solid var(--vh);background:none;color:var(--v5);font-weight:700;font-size:var(--v6);font-variant-numeric:tabular-nums}.player__label{grid-area:lbl;justify-self:end;text-align:end;font-size:var(--va);line-height:1.25;color:var(--vh)}.player__label b{display:block;color:var(--v5);font-size:var(--v6)}@media (max-width:379px){.player__label{display:none}.player--dock .player__ui{column-gap:var(--v8)}}.reader__article{max-width:var(--v1g);margin-inline:auto}.reader__eyebrow{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center;font-size:var(--va);font-weight:600;color:var(--v7)}.reader__title{margin-top:var(--v2);font-size:calc(clamp(1.875rem,1.35rem + 2.4vw,3rem) * var(--ds) * var(--v1l,1));font-weight:700}.reader__summary{margin-top:var(--v2);font-size:var(--vp);line-height:1.55;color:var(--v7)}.toc{margin-top:var(--v4);border:1px solid var(--ve);border-radius:var(--vq);background:var(--v5)}.toc__toggle{display:flex;align-items:center;gap:.6rem;min-height:52px;padding:0 var(--v2);font-weight:600;font-size:var(--v6);list-style:none}.toc__toggle::-webkit-details-marker{display:none}.toc__toggle .chev{margin-left:auto;transition:transform .2s}.toc[open] .chev{transform:rotate(180deg)}.toc__list{display:grid;gap:2px;padding:0 var(--v1) var(--v1);counter-reset:toc}.toc__list a{display:block;padding:.5rem .75rem;border-radius:var(--v12);text-decoration:none;font-size:var(--v6);line-height:1.35}.toc__list a:hover{background:var(--vk)}.toc__item--h3 a{padding-left:1.75rem;color:var(--v7)}.reader__body{margin-top:var(--vc)}.callout{position:relative;margin-top:var(--vc) !important;padding:var(--v4);padding-left:calc(var(--v4) + 6px);border-radius:var(--vq);background:var(--vk);overflow:hidden;font-size:var(--vz);line-height:1.6}.callout::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--v3)}.callout__title{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--v8);font-weight:700;font-size:var(--v6)}.callout__title .ic{width:1.35rem;height:1.35rem}.callout__body>*+*{margin-top:var(--v1)}.callout--tip{background:var(--v11)}.callout--tip::before{background:var(--vb)}.callout--local .callout__title{width:fit-content;padding:.3rem .75rem;border-radius:var(--vl);background:var(--vs);transform:rotate(-2deg);margin-bottom:var(--v1)}.callout--warning{background:var(--v13)}.callout--warning::before{background:var(--vr)}.callout--warning .callout__title .ic{color:var(--vr)}.callout--note{background:var(--v5)}.callout--note::before{background:var(--vh)}.callout--example{background:var(--vd);border:1px solid var(--ve)}.callout--example::before{background:var(--vs)}.callout--summary{background:var(--vb);color:var(--v5)}.callout--summary::before{background:var(--v3)}.callout--summary .callout__title{color:var(--v3)}.prompt{margin-top:var(--vc) !important;border-radius:var(--vf);background:var(--vb);color:var(--v5);overflow:hidden;border:var(--v9) solid var(--v0);box-shadow:0 5px 0 var(--v0)}.prompt__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--v1);min-height:56px;padding:.5rem .5rem .5rem var(--v2);background:var(--vy)}.prompt__label{font:700 var(--va)/1.3 var(--vg);color:var(--vh);letter-spacing:.04em}.prompt__copy{--vv:var(--v3);display:inline-flex;align-items:center;gap:.45rem;flex:none;min-height:var(--vn);padding:0 1rem;border-radius:var(--vl);border:0;background:var(--v3);color:var(--v0);font-weight:700;font-size:var(--v6)}.prompt__copy.is-done{background:var(--v5)}html:not(.js) .prompt__copy{display:none}.prompt__text{margin:0;padding:var(--v4) var(--v2) var(--vc);font:500 1rem/1.75 var(--v1c);white-space:pre-wrap;overflow-wrap:anywhere}.s-thai .prompt__text,.s-devanagari .prompt__text{font-family:var(--vg);font-size:1.0625rem}.prompt__text mark{background:var(--v3);color:var(--v0);padding:0 .2em;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.prompt__text mark:nth-of-type(4n+2){background:var(--vs)}.prompt__text mark:nth-of-type(4n+3){background:var(--v11)}.prompt__text mark:nth-of-type(4n){background:var(--v5)}.action{margin-top:var(--vj) !important;padding:var(--v4);border-radius:var(--vf);background:var(--v5);border:var(--v9) solid var(--v0)}.action__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--v8) var(--v2)}.action__title{display:flex;align-items:center;gap:.6rem;margin:0 !important;font:700 var(--vp)/1.25 var(--vi) !important;letter-spacing:var(--vx) !important}.action__ic{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--vs)}.action__count{font-size:var(--va);font-weight:700;padding:.3rem .7rem;border-radius:var(--vl);background:var(--vd);border:1px solid var(--ve);font-variant-numeric:tabular-nums}.action>p{margin-top:var(--v1)}.checklist{display:grid;gap:var(--v8);margin-top:var(--v2);padding:0 !important;list-style:none}.checklist li{margin:0 !important}.check{display:grid;grid-template-columns:32px 1fr;gap:var(--v1);align-items:start;min-height:56px;padding:var(--v1);border-radius:var(--v10);background:var(--vd);cursor:pointer;font-size:var(--vz);line-height:1.5}.check input{position:absolute;opacity:0;width:1px;height:1px}.check__box{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;border:var(--v9) solid var(--v0);background:var(--vd);transition:background-color .15s}.check__box .ic{width:18px;height:18px;stroke-width:3;opacity:0}.check input:checked+.check__box{background:var(--v3)}.check input:checked+.check__box .ic{opacity:1}.check input:checked~.check__text{color:var(--v7);text-decoration:line-through;text-decoration-thickness:1px}.check input:focus-visible+.check__box{outline:3px solid var(--vv);outline-offset:2px}.action__done{margin-top:var(--v1);font-size:var(--v6);font-weight:700;color:var(--vb)}.table-wrap{margin-top:var(--v4) !important;overflow-x:auto;border:1px solid var(--ve);border-radius:var(--vq);background:linear-gradient(90deg,var(--vd) 40%,#fff0) 0 0/2rem 100% no-repeat local,linear-gradient(270deg,var(--vd) 40%,#fff0) 100% 0/2rem 100% no-repeat local,radial-gradient(farthest-side at 0 50%,#10211f33,#0000) 0 0/.8rem 100% no-repeat,radial-gradient(farthest-side at 100% 50%,#10211f33,#0000) 100% 0/.8rem 100% no-repeat var(--vd)}.table-wrap table{width:100%;border-collapse:collapse;font-size:var(--v6);line-height:1.45}.table-wrap :is(th,td){min-width:5rem;padding:.75rem var(--v1);text-align:start;vertical-align:top;border-bottom:1px solid var(--ve)}.table-wrap th{background:var(--v5);font-weight:700}.table-wrap tr:last-child td{border-bottom:0}.ta-r{text-align:end !important}.ta-c{text-align:center !important}.code{margin-top:var(--v4) !important;padding:var(--v2);overflow-x:auto;border-radius:var(--vq);background:var(--v0);color:var(--v5);font:400 .9rem/1.6 var(--v1c)}.code code{padding:0;background:none;font:inherit}.figure{margin-top:var(--vc) !important}.figure img{width:100%;border-radius:var(--vq);border:1px solid var(--ve)}.figure figcaption{margin-top:var(--v8);font-size:var(--v6);color:var(--v7)}.reader__footer{max-width:var(--v1g);margin:var(--vj) auto 0;display:grid;gap:var(--vc)}.pager{display:grid;gap:var(--v1)}.pager__link{display:grid;gap:.3rem;min-height:72px;padding:var(--v2) var(--v4);border-radius:var(--vf);border:var(--v9) solid var(--v0);text-decoration:none;transition:transform .12s}.pager__link:active{transform:translateY(3px)}.pager__label{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--va);font-weight:700;color:var(--v7)}.pager__title{font-weight:600;line-height:1.3}.pager__link--next{background:var(--v3);box-shadow:var(--v18);text-align:end}.pager__link--next .pager__label{justify-content:flex-end;color:var(--v0)}.pager__link--locked{background:var(--v5);box-shadow:none}.soft-cta{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-areas:"cover head" "body body";gap:var(--v2);align-items:center;padding:var(--v4);border-radius:var(--vf);background:var(--vk);border:var(--v9) solid var(--v0)}.soft-cta__cover{grid-area:cover;border-radius:var(--v12);transform:rotate(-3deg)}.soft-cta__head{grid-area:head;display:grid;gap:var(--v15)}.soft-cta__body{grid-area:body;display:grid;gap:var(--v2)}.soft-cta__title{font-size:var(--vo)}.soft-cta__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--v1) var(--v4)}.soft-cta__actions .btn{flex:1 1 100%}.reader__complete{display:flex;flex-wrap:wrap;align-items:center;gap:var(--v1)}.reader__done{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:var(--vb)}.reader__signin{font-size:var(--v6);color:var(--v7)}@media (min-width:640px){.pager{grid-template-columns:1fr 1fr}.pager__link--next:only-child{grid-column:2}.soft-cta{grid-template-columns:120px minmax(0,1fr);grid-template-areas:"cover head" "cover body";align-items:start;row-gap:var(--v1);padding:var(--vc)}.soft-cta__actions .btn{flex:0 1 auto}}@media (min-width:1024px){html:has(.reader--audio){scroll-padding-top:calc(100px + 1.5rem)}.reader-bar{padding-inline:var(--v4);grid-template-columns:320px 1fr auto}.reader-bar__list{display:none}.reader__layout{display:grid;grid-template-columns:320px minmax(0,1fr);align-items:start}.lesson-drawer{position:sticky;top:0;height:100vh;width:auto;transform:none;visibility:visible;box-shadow:none;border-right:1px solid var(--ve);z-index:1}.lesson-drawer__close,.scrim,.lesson-drawer:target~.scrim{display:none}.reader__main{padding-top:var(--v4)}.player--dock{position:sticky;top:var(--v1);bottom:auto;z-index:20;max-width:var(--v1g);margin:0 auto var(--vc);border-radius:var(--vf);box-shadow:0 -14px 0 2px var(--vd),var(--v1a);padding:var(--v1) var(--v2)}.player--dock .player__ui{grid-template-columns:auto auto auto 1fr auto;grid-template-areas:"back play fwd bar spd";gap:var(--v1)}.player__label{display:none}.player__speed{justify-self:end}}