.academy-player{color:var(--clr-text);display:grid;font-family:var(--font-body);font-size:.9375rem;gap:var(--gap);line-height:1.4;.back,.contents-btn,.item-toggle,.lesson-head,.outline,.pager,.video-empty{a,button.unset,h1,h2,h3,h4,h5,h6,li,p{font-family:var(--font-body);letter-spacing:0;text-transform:none}h1,h2,h3,h4,h5,h6,li,p{font-size:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin:0}}.back{color:var(--clr-primary);font-size:.875rem;font-weight:600;justify-self:start}.contents-btn{display:none}.shell{align-items:start;display:grid;gap:var(--gap-m);grid-template-columns:minmax(16rem,20rem) minmax(0,1fr)}.outline{background:var(--clr-bg);border:2px solid var(--clr-stroke);border-radius:var(--corner);display:flex;flex-direction:column;overflow:hidden;position:sticky;top:6rem;width:100%;z-index:1}.outline-heading{background:var(--clr-bg);border-bottom:2px solid var(--clr-stroke);flex-shrink:0;font-size:.8125rem;font-weight:600;line-height:1.3;margin:0;padding:var(--gap-s)}.outline-nav{background:var(--clr-bg-2);padding:var(--gap-s) var(--gap-xs)}.class-group{&+.class-group{margin-top:var(--gap-xxs)}.class-toggle,.lesson-link{align-items:start;background:transparent;border:0;border-radius:var(--corner);color:var(--clr-text);column-gap:var(--gap-xs);cursor:pointer;display:grid;font-family:var(--font-body);font-size:.875rem;font-weight:400;grid-template-columns:1.5rem minmax(0,1fr) auto;line-height:1.35;max-width:none;padding:var(--gap-xs);text-align:left;transition:background .15s ease;width:100%}.class-toggle:hover,.lesson-link:hover{background:var(--clr-primary-bg);border-style:none;color:var(--clr-text)}.lesson-link.is-active,.lesson-link:hover{background:linear-gradient(to right,transparent calc(var(--gap-xs) + 1.5rem),var(--clr-primary-bg) calc(var(--gap-xs) + 1.5rem))}.class-toggle{font-weight:600}.class-toggle .title,.lesson-link .title{font-size:.875rem;font-weight:600}.lesson-link .dot{background:transparent;display:grid;grid-column:1;height:1.5rem;place-items:center;position:relative;width:1.5rem;z-index:1}.lesson-link .dot:after{background:var(--clr-bg-2);border:2px solid var(--clr-iron);border-radius:999px;content:"";height:.625rem;transition:background .15s ease,border-color .15s ease;width:.625rem}.lesson-link.is-visited .dot:after{background:var(--clr-primary);border-color:var(--clr-primary)}.lesson-link.is-active .dot:after{border-color:var(--clr-primary);box-shadow:0 0 0 3px var(--clr-primary-bg)}.caret{align-self:start;color:var(--clr-primary);grid-column:3;transition:transform .15s ease}&.is-open>.class-toggle .caret{transform:rotate(-180deg)}.lesson-list{display:none}.lesson-list,.lesson-list li{list-style:none;margin:0;padding:0}.lesson-list li{display:block;position:relative}.lesson-list li:not(:last-child):before{background-image:repeating-linear-gradient(to bottom,var(--clr-stroke-2) 0 3px,transparent 3px 7px);content:"";height:100%;left:calc(var(--gap-xs) + .75rem);margin-left:-1px;pointer-events:none;position:absolute;top:calc(var(--gap-xs) + .75rem);width:2px;z-index:0}&.is-open .lesson-list{display:block}.lesson-link.is-active{background:linear-gradient(to right,transparent calc(var(--gap-xs) + 1.5rem),var(--clr-primary-bg) calc(var(--gap-xs) + 1.5rem))}.copy{display:grid;gap:.1rem;grid-column:2;min-width:0}.title{color:var(--clr-title);line-height:1.3}.duration,.summary{color:var(--clr-carbon);font-size:.75rem;font-weight:400;line-height:1.3}}.num{background:var(--clr-primary);border-radius:999px;color:var(--clr-off-white);display:grid;font-family:var(--font-body);font-size:.6875rem;font-weight:600;grid-column:1;height:1.5rem;line-height:1;place-items:center;width:1.5rem}.class-toggle .num{background:transparent;border:2px solid var(--clr-primary);color:var(--clr-primary)}.lesson-head{margin-bottom:var(--gap);h1{font-size:1.5rem;font-weight:600;line-height:1.25;margin:0 0 var(--gap-xxs)}.meta{color:var(--clr-carbon);font-size:.8125rem;font-weight:400;margin:0}.copy-link{flex-shrink:0}}.video{aspect-ratio:16/9;background:var(--clr-ebony-clay);border-radius:var(--corner);overflow:hidden;position:relative;width:100%}.video-empty,.video-mount{inset:0;position:absolute}.video-mount iframe,.video-mount video,.video-mount>div{border:0;height:100%;width:100%}.video-empty{align-content:center;color:var(--clr-off-white);display:grid;gap:var(--gap-s);padding:var(--gap);place-items:center;text-align:center;.icon-48{color:var(--clr-primary)}p{color:var(--clr-steel);font-size:.875rem;margin:0}}.lesson:not(.is-active){display:none}.pager{margin-top:var(--gap-s);button{border:0;border-radius:0;cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:600;line-height:1.3;max-width:none;padding:0}button,button:hover{background:none;color:var(--clr-primary)}button:hover{border-style:none}button[hidden]{pointer-events:none;visibility:hidden}.next{margin-left:auto}}.extras{border-top:2px solid var(--clr-stroke);display:grid;margin-top:var(--gap);padding-top:var(--gap);hr{background:none;border:0;border-top:1px dashed var(--clr-primary);margin:var(--gap-s) 0;width:100%}}.item-toggle{align-items:center;background:none;border:0;border-radius:0;color:var(--clr-title);cursor:pointer;display:flex;gap:var(--gap-xs);max-width:none;padding:0;text-align:left;width:100%;h4{font-size:1rem;font-weight:600;margin:0}.caret{color:var(--clr-primary);transition:transform .15s ease}}.item.is-open .item-toggle .caret{transform:rotate(-180deg)}.item-toggle:hover{background:none;border-style:none;color:var(--clr-title)}.item-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .15s ease-out}.item.is-open .item-body{grid-template-rows:1fr}.item-inner{display:grid;gap:var(--gap-s);min-height:0;overflow:hidden;padding-top:var(--gap-s)}.asset{align-items:center;color:var(--clr-primary);display:flex;font-size:.875rem;font-weight:600;gap:var(--gap-xs)}.backdrop{display:none}}@media (max-width:768px){.academy-player{.contents-btn{display:flex}.shell{grid-template-columns:1fr}.outline{bottom:var(--gap-s);height:auto;left:var(--gap-s);overflow:hidden;position:fixed;top:var(--gap-s);transform:translateX(calc(-100% - var(--gap)));transition:transform .15s ease;width:min(20rem,calc(100vw - var(--gap)));z-index:20}.outline-nav{flex:1;min-height:0;overflow:auto}&.is-open .outline{transform:none}.backdrop{background:rgb(from var(--clr-ebony-clay) r g b/.5);display:block;inset:0;position:fixed;z-index:19}.backdrop[hidden]{display:none}.lesson-head{flex-direction:column}}}