.gas-learning-front__error{color:var(--gas-color-danger)}.gas-learning-single{max-width:880px;padding:var(--gas-space-l) var(--gas-space-m);gap:var(--gas-space-l);flex-direction:column;margin:0 auto;display:flex}.gas-learning-single__hero{gap:var(--gas-space-m);flex-direction:column;display:flex}.gas-learning-single__image{aspect-ratio:21/9;object-fit:cover;border-radius:var(--gas-radius-l);width:100%}.gas-learning-single__hero-body{gap:var(--gas-space-s);flex-direction:column;align-items:flex-start;display:flex}.gas-learning-single__title{font-size:var(--gas-text-xl);margin:0}.gas-learning-single__subtitle{font-size:var(--gas-text-m);color:var(--gas-text-muted);margin:0}.gas-learning-single__meta{font-size:var(--gas-text-s);color:var(--gas-text-muted);margin:0}.gas-learning-single__progress{border-radius:var(--gas-radius-m);background:var(--gas-bg-subtle);width:100%;max-width:360px;height:22px;position:relative;overflow:hidden}.gas-learning-single__progress-bar{width:var(--gas-learning-progress,0%);background:var(--gas-color-primary);opacity:.25;transition:width .3s;position:absolute;inset:0 auto 0 0}.gas-learning-single__progress-label{text-align:center;font-size:var(--gas-text-xs);line-height:22px;display:block;position:relative}.gas-learning-single__completed{color:var(--gas-color-success);margin:0;font-weight:600}.gas-learning-single__description{white-space:pre-line;margin:0}.gas-learning-single__outline-title{margin:0 0 var(--gas-space-m)}.gas-learning-single__sections{gap:var(--gas-space-m);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.gas-learning-single__section{border:1px solid var(--gas-border-color);border-radius:var(--gas-radius-l);padding:var(--gas-space-m);background:var(--gas-surface-card)}.gas-learning-single__section-title{margin:0 0 var(--gas-space-s);font-size:var(--gas-text-m)}.gas-learning-single__section-objectives{margin:0 0 var(--gas-space-s);font-size:var(--gas-text-s);color:var(--gas-text-muted)}.gas-learning-single__items{gap:var(--gas-space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.gas-learning-single__item{align-items:center;gap:var(--gas-space-s);font-size:var(--gas-text-s);display:flex}.gas-learning-single__item--done{color:var(--gas-color-success)}.gas-learning-single__item-optional{font-size:var(--gas-text-xs);color:var(--gas-text-muted);border:1px solid var(--gas-border-color);border-radius:var(--gas-radius-m);padding:0 var(--gas-space-xs)}.gas-learning-player{flex-direction:column;min-height:70vh;display:flex}.gas-learning-player--gate{justify-content:center;align-items:center;gap:var(--gas-space-m);text-align:center;padding:var(--gas-space-l)}.gas-learning-player__topbar{align-items:center;gap:var(--gas-space-m);padding:var(--gas-space-s) var(--gas-space-m);border-bottom:1px solid var(--gas-border-color);background:var(--gas-surface-card);z-index:10;display:flex;position:sticky;top:0}.gas-learning-player__back{font-size:var(--gas-text-s);white-space:nowrap;text-decoration:none}.gas-learning-player__topbar-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.gas-learning-player__topbar-progress{min-width:140px;font-size:var(--gas-text-xs);text-align:center;border:1px solid var(--gas-border-color);border-radius:var(--gas-radius-m);padding:2px var(--gas-space-s);position:relative;overflow:hidden}.gas-learning-player__topbar-bar{width:var(--gas-learning-progress,0%);background:var(--gas-color-primary);opacity:.2;transition:width .3s;position:absolute;inset:0 auto 0 0}.gas-learning-player__layout{gap:var(--gas-space-m);padding:var(--gas-space-m);grid-template-columns:300px 1fr;align-items:start;display:grid}@media (width<=880px){.gas-learning-player__layout{grid-template-columns:1fr}}.gas-learning-player__sidebar{gap:var(--gas-space-m);border:1px solid var(--gas-border-color);border-radius:var(--gas-radius-l);padding:var(--gas-space-m);background:var(--gas-surface-card);flex-direction:column;display:flex;position:sticky;top:56px}.gas-learning-player__sidebar-section-title{margin:0 0 var(--gas-space-xs);font-size:var(--gas-text-s);text-transform:uppercase;letter-spacing:.04em;color:var(--gas-text-muted)}.gas-learning-player__sidebar-items{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.gas-learning-player__sidebar-item{align-items:center;gap:var(--gas-space-s);text-align:left;width:100%;padding:var(--gas-space-xs) var(--gas-space-s);border-radius:var(--gas-radius-m);font-size:var(--gas-text-s);cursor:pointer;color:inherit;background:0 0;border:none;display:flex}.gas-learning-player__sidebar-item:hover{background:var(--gas-bg-hover)}.gas-learning-player__sidebar-item--current{background:var(--gas-bg-hover);font-weight:600}.gas-learning-player__sidebar-item--done{color:var(--gas-color-success)}.gas-learning-player__content{min-width:0}.gas-learning-player__done-banner{border:1px solid var(--gas-color-success);border-radius:var(--gas-radius-m);padding:var(--gas-space-s) var(--gas-space-m);margin-bottom:var(--gas-space-m)}.gas-learning-player__item{gap:var(--gas-space-m);flex-direction:column;display:flex}.gas-learning-player__item-title{font-size:var(--gas-text-l);margin:0}.gas-learning-player__embed{aspect-ratio:16/9;border-radius:var(--gas-radius-l);background:var(--gas-bg-subtle);width:100%;position:relative;overflow:hidden}.gas-learning-player__embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.gas-learning-player__quiz-note{font-size:var(--gas-text-s);color:var(--gas-text-muted);margin:0}.gas-learning-player__open-target{margin:0}.gas-learning-player__nav{border-top:1px solid var(--gas-border-color);padding-top:var(--gas-space-m);justify-content:space-between;display:flex}.gas-learning-player__sidebar-item--locked{opacity:.55;cursor:not-allowed}.gas-learning-player__item--locked{border:1px dashed var(--gas-border-color);border-radius:var(--gas-radius-l);padding:var(--gas-space-l)}.gas-learning-player__locked-message{color:var(--gas-text-muted);margin:0}