.learning-library{scroll-margin-top:var(--s6)}.learning-heading h2{max-width:16ch}.learning-watch{gap:var(--s4);padding:var(--s4);border-radius:var(--radius);background:var(--surface-graphite);color:var(--inverse);box-shadow:var(--shadow);scroll-margin-top:var(--s6);grid-template-columns:minmax(0,1.55fr) minmax(19rem,.72fr);display:grid}.learning-stage{aspect-ratio:16/9;border-radius:var(--control-radius);background:var(--ink);align-self:start;position:relative;overflow:hidden}.learning-stage video{object-fit:contain;background:var(--ink);width:100%;height:100%;display:block}.learning-hero-play{width:calc(var(--s8) + var(--s2));height:calc(var(--s8) + var(--s2));background:var(--orange);color:var(--ink);box-shadow:var(--shadow);transition:scale var(--duration) var(--ease),background var(--duration) var(--ease);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.learning-hero-play:hover{background:var(--orange-hover);scale:1.06}.learning-hero-play svg{width:2rem;height:2rem;margin-left:var(--s1)}.learning-video-error{inset:auto var(--s4) var(--s4);padding:var(--s4);border-radius:var(--control-radius);background:var(--error-bg);color:var(--error);font-size:var(--text-sm);position:absolute}.learning-watch-info{min-width:0;padding:var(--s5);flex-direction:column;display:flex}.learning-now-meta{gap:var(--s3);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--orange);font-weight:var(--weight-bold);flex-wrap:wrap;display:flex}.learning-now-meta span+span:before{content:"·";margin-right:var(--s3);color:var(--inverse-muted)}.learning-watch-info h3{margin-top:var(--s4);font-size:var(--text-learning-title)}.learning-watch-info>p{margin-top:var(--s4);color:var(--inverse-muted)}.learning-watch-info .learning-archive-note{font-size:var(--text-sm);margin-top:var(--s5)}.learning-watch-actions{gap:var(--s3);padding-top:var(--s6);flex-wrap:wrap;margin-top:auto;display:flex}.learning-watch-actions .button.secondary{border-color:var(--dark-line);color:var(--inverse)}.learning-watch-actions .button.secondary:hover,.learning-watch-actions .button.quiet:hover{background:var(--dark);color:var(--inverse)}.learning-action-status{min-height:1.5em;margin-top:var(--s3)!important}.learning-browser{padding-top:var(--s8)}.learning-browser-heading{gap:var(--s7);grid-template-columns:minmax(14rem,.7fr) minmax(30rem,1.3fr);align-items:end;display:grid}.learning-browser-heading h3{font-size:var(--text-h2)}.learning-browser-heading .small{margin-top:var(--s2);font-variant-numeric:tabular-nums}.learning-filters{gap:var(--s4);grid-template-columns:2fr 1fr;display:grid}.learning-filters .field{margin:0}.learning-topics{gap:var(--s2);padding:var(--s5) 0 var(--s4);scrollbar-width:thin;scrollbar-color:var(--muted) transparent;display:flex;overflow-x:auto}.learning-topic{min-height:2.75rem;padding:var(--s2) var(--s4);border:var(--border) solid var(--line);background:var(--paper);color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease);border-radius:999px;flex:none}.learning-topic:hover{background:var(--soft)}.learning-topic[aria-pressed=true]{background:var(--ink);color:var(--inverse);border-color:var(--ink)}.learning-grid{gap:var(--s6) var(--s4);padding-top:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.learning-card{appearance:none;align-content:start;gap:var(--s3);width:100%;min-width:0;color:var(--ink);text-align:left;border-radius:var(--radius);background:0 0;border:0;padding:0;display:grid}.learning-card-media{aspect-ratio:16/9;border-radius:var(--radius);background:var(--dark);box-shadow:var(--shadow-media);display:block;position:relative;overflow:hidden}.learning-card-media img{object-fit:cover;width:100%;height:100%;transition:scale .36s var(--ease)}.learning-card:hover .learning-card-media img{scale:1.025}.learning-card[aria-current=true] .learning-card-media{outline:3px solid var(--orange);outline-offset:2px}.learning-card-play{width:var(--s7);height:var(--s7);background:var(--ink);color:var(--inverse);transition:background var(--duration) var(--ease),scale var(--duration) var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.learning-card:hover .learning-card-play,.learning-card[aria-current=true] .learning-card-play{background:var(--orange);color:var(--ink);scale:1.05}.learning-card-play svg{width:var(--text-lg);height:var(--text-lg);margin-left:calc(var(--border) * 2)}.learning-card-duration{right:var(--s2);bottom:var(--s2);padding:var(--s1) var(--s2);border-radius:calc(var(--control-radius) / 2);background:var(--ink);color:var(--inverse);font-size:var(--text-xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;position:absolute}.learning-card-copy{gap:var(--s2);padding-inline:var(--s1);display:grid}.learning-card-copy strong{font-size:var(--text-base);letter-spacing:-.018em;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.learning-card-copy>span{font-size:var(--text-sm);color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.learning-more-actions{margin-top:var(--s7);justify-content:center}.learning-grid [hidden]{display:none}.lesson-document{margin-top:var(--s8);gap:var(--s5);padding:var(--s6);border-radius:var(--radius);background:var(--soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.lesson-document-lock{background:var(--ink);width:3.5rem;height:3.5rem;color:var(--orange);border-radius:50%;place-items:center;display:grid}.lesson-document-lock svg{width:1.75rem;height:1.75rem}.lesson-document p{margin-top:var(--s2);color:var(--muted)}.lesson-document .button:disabled{min-width:15rem}@media (width<=1100px){.learning-watch{grid-template-columns:1fr}.learning-watch-info{min-height:18rem}.learning-browser-heading{grid-template-columns:1fr}.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.learning-library{padding-inline:var(--s4)}.learning-watch{padding:var(--s2);gap:0}.learning-stage{border-radius:calc(var(--radius) - var(--s2))}.learning-watch-info{min-height:0;padding:var(--s5) var(--s3)}.learning-watch-actions{padding-top:var(--s5);margin-top:0}.learning-watch-actions .button{flex:auto}.learning-browser{padding-top:var(--s7)}.learning-filters{gap:var(--s3);grid-template-columns:1fr}.learning-grid{gap:var(--s6);grid-template-columns:1fr}.learning-card-copy strong{font-size:var(--text-md)}.lesson-document{padding:var(--s5);grid-template-columns:auto 1fr}.lesson-document .button{grid-column:1/-1;width:100%}}@media (prefers-reduced-motion:reduce){.learning-hero-play,.learning-card-media img,.learning-card-play{transition:none}.learning-card:hover .learning-card-media img{scale:1}}.learning-empty p{margin:0 0 var(--s4)}.learning-empty .actions:has(>button:not([hidden])){gap:var(--s3);flex-wrap:wrap;display:flex}.learning-empty .actions:not(:has(>button:not([hidden]))){display:none}.learning-video-error[data-astro-cid-46mwysaq]{justify-content:space-between;align-items:center;gap:var(--s3)}.learning-video-error[data-astro-cid-46mwysaq]:not([hidden]){display:flex}.learning-video-error[data-astro-cid-46mwysaq] .button[data-astro-cid-46mwysaq]{color:inherit;border-color:currentColor;flex-shrink:0}