.learning-subpanel-page{color:#f8efe3;gap:22px;padding:26px;display:grid}.learning-subpanel-header{background:radial-gradient(circle at 100% 0,#d59a5929,#0000 34%),linear-gradient(135deg,#ffffff0e,#ffffff05);border:1px solid #f2c07a24;border-radius:28px;justify-content:space-between;align-items:flex-end;gap:24px;padding:28px;display:flex}.subpanel-title-block p{color:#d59a59;text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:9px;margin:0 0 10px;font-size:.75rem;font-weight:900;display:flex}.subpanel-title-block p span{color:#20130d;letter-spacing:0;background:#d59a59;border-radius:10px;place-items:center;width:28px;height:28px;display:grid}.subpanel-title-block h1{letter-spacing:-.055em;max-width:860px;margin:0;font-size:clamp(2.1rem,4vw,4.5rem);line-height:.98}.subpanel-title-block small{color:#f8efe3ad;max-width:660px;margin-top:14px;font-size:.98rem;line-height:1.65;display:block}.subpanel-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.subpanel-header-actions select,.subpanel-header-actions button{color:#f8efe3;background:#00000047;border:1px solid #f8efe324;border-radius:999px;outline:none;min-height:42px;padding:0 14px}.subpanel-header-actions button{color:#20130d;cursor:pointer;background:#f2c07a;border-color:#f2c07a;font-weight:900}.learning-topic-chips{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.learning-topic-chips button{color:#f8efe3bd;cursor:pointer;white-space:nowrap;background:#ffffff09;border:1px solid #f8efe31f;border-radius:999px;min-height:40px;padding:0 15px;transition:transform .16s,background .16s,border-color .16s}.learning-topic-chips button:hover,.learning-topic-chips button.active{color:#20130d;background:#f2c07a;border-color:#f2c07a;font-weight:900;transform:translateY(-1px)}.learning-subpanel-featured{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;display:grid}.featured-side-stack{gap:14px;display:grid}.learning-subpanel-grid-header{justify-content:space-between;align-items:end;display:flex}.learning-subpanel-grid-header p{color:#d59a59;text-transform:uppercase;letter-spacing:.12em;margin:0 0 4px;font-size:.76rem;font-weight:900}.learning-subpanel-grid-header h2{letter-spacing:-.04em;margin:0;font-size:1.8rem}.learning-subpanel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.learning-content-card{background:linear-gradient(#ffffff0e,#ffffff05),#18110de6;border:1px solid #f2c07a21;border-radius:22px;overflow:hidden;box-shadow:0 22px 60px #00000038}.learning-content-card.featured{min-height:420px}.learning-content-card.compact{grid-template-columns:148px minmax(0,1fr);min-height:132px;display:grid}.learning-content-media{background-color:#090807;background-position:50%;background-size:cover;min-height:170px;position:relative}.learning-content-card.featured .learning-content-media{min-height:300px}.learning-content-card.compact .learning-content-media{min-height:100%}.content-featured-pill{color:#20130d;text-transform:uppercase;background:#d59a59;border-radius:999px;padding:6px 9px;font-size:.68rem;font-weight:900;position:absolute;top:12px;left:12px}.content-play-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#00000070;border:1px solid #f8efe352;border-radius:999px;place-items:center;width:54px;height:54px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.learning-content-card.compact .content-play-button{width:42px;height:42px}.content-duration{color:#fff;background:#000000b8;border-radius:7px;padding:5px 7px;font-size:.72rem;font-weight:900;position:absolute;bottom:10px;right:10px}.learning-content-body{padding:16px}.content-meta-line{justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.content-meta-line span{color:#d59a59;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:900}.learning-content-body h3{color:#f8efe3;margin:0;font-size:1.12rem;line-height:1.2}.learning-content-card.featured .learning-content-body h3{letter-spacing:-.035em;font-size:1.65rem}.learning-content-body p{color:#f8efe3a8;margin:8px 0 0;font-size:.88rem;line-height:1.5}.learning-content-body small{color:#f8efe380;margin-top:10px;display:block}.content-progress{background:#f8efe31f;border-radius:999px;height:5px;margin-top:13px;overflow:hidden}.content-progress span{border-radius:inherit;background:#d59a59;height:100%;display:block}.learning-subpanel-empty{text-align:center;color:#f8efe3b3;background:#ffffff06;border:1px dashed #f2c07a2e;border-radius:24px;place-items:center;min-height:280px;padding:32px;display:grid}.learning-subpanel-empty h2{color:#f8efe3;margin:0 0 8px}@media (max-width:1280px){.learning-subpanel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-subpanel-featured{grid-template-columns:1fr}.featured-side-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-content-card.compact{grid-template-columns:1fr}.learning-content-card.compact .learning-content-media{min-height:150px}}@media (max-width:820px){.learning-subpanel-page{padding:18px}.learning-subpanel-header{border-radius:24px;flex-direction:column;align-items:flex-start;padding:22px}.subpanel-header-actions{flex-wrap:wrap;width:100%}.subpanel-header-actions select,.subpanel-header-actions button{flex:1}.learning-subpanel-grid,.featured-side-stack{grid-template-columns:1fr}}@media (max-width:540px){.subpanel-title-block h1{font-size:2.1rem}.learning-content-card.featured .learning-content-media{min-height:220px}}