.learn-page {min-height:70vh;background:#f7f9fc;padding:40px 24px 64px;color:#273746}
.learn-container {max-width:1060px;margin:auto}
.learn-header {margin-bottom:28px}
.learn-breadcrumb,.learn-breadcrumb a {color:#a83d46;font-size:14px}
.learn-level-selector {position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:132px;padding:28px 20px;margin-bottom:32px;background:linear-gradient(100deg,#9ccbec 0%,#4b91c4 48%,#174973 100%);border-radius:6px}
.learn-selector-controls {position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:16px;max-width:100%}
.learn-level-selector label {font-weight:700;font-size:20px;color:#123753;flex-shrink:0}
.learn-selector-bubbles {position:absolute;inset:0 0 0 40%;pointer-events:none;z-index:0;mask-image:linear-gradient(to right,transparent,#000 75%)}
.learn-selector-bubbles span {position:absolute;display:block;border-radius:50%;background:rgba(219,241,255,.15);border:1px solid rgba(235,248,255,.25)}
.learn-selector-bubbles span:nth-child(1) {width:130px;height:130px;right:-26px;top:-46px}
.learn-selector-bubbles span:nth-child(2) {width:76px;height:76px;right:94px;top:16px;opacity:.8}
.learn-selector-bubbles span:nth-child(3) {width:104px;height:104px;right:178px;bottom:-58px;opacity:.6}
.learn-selector-bubbles span:nth-child(4) {width:28px;height:28px;right:22px;bottom:14px}
.learn-selector-bubbles span:nth-child(5) {width:42px;height:42px;right:206px;top:-12px;opacity:.65}
.learn-selector-bubbles span:nth-child(6) {width:62px;height:62px;right:290px;top:38px;opacity:.45}
.learn-selector-bubbles span:nth-child(7) {width:20px;height:20px;right:142px;bottom:5px;opacity:.8}
.learn-selector-bubbles span:nth-child(8) {width:34px;height:34px;right:380px;top:12px;opacity:.3}
.learn-level-selector select {width:260px;max-width:100%;min-width:0;padding:11px 14px;border:1px solid #9aafc0;border-radius:4px;background:white;color:#273746;font:inherit}
#curriculum-heading {position:relative;z-index:1;display:table;max-width:100%;margin:0 0 -1px;padding:8px 16px;font-size:18px;line-height:1.4;border:1px solid gray;border-bottom-color:#f0f7f2;background:#f0f7f2;box-shadow:0 -2px 4px rgba(39,55,70,.08);overflow-wrap:anywhere}
.learn-curriculum {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px;list-style:none;padding:12px 22px;margin:0;border:1px solid gray;background:#f0f7f2;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.curriculum-item {display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 0;min-width:0}
.curriculum-item a,.curriculum-title {font-size:15px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;color:#273746;text-decoration:none}
.curriculum-item a:hover {text-decoration:underline}
.curriculum-item small {font-size:13px;color:#657786;margin-left:auto}
.curriculum-icon {width:24px;height:24px;flex:0 0 24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e8edf1;color:#637282;font-size:13px}
.is-completed .curriculum-icon {background:#def2e5;color:#237044}
.is-available .curriculum-icon {background:#dceaf7;color:#2b608b}
.is-available a {color:#2b608b}
.is-locked .curriculum-title {color:#667583}
.learn-container a:focus-visible,.learn-container select:focus-visible {outline:3px solid #3476aa;outline-offset:4px}
.learn-message {border-left:3px solid #3476aa;padding:12px;background:#eaf2f8;margin-bottom:16px}
.learn-empty {padding:20px 0;color:#657786}
.learn-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:680px) {.learn-page {padding:28px 16px 44px}.learn-curriculum {grid-template-columns:1fr}.learn-level-selector {padding:24px 16px}.learn-selector-controls {gap:12px;width:100%;max-width:330px}.learn-level-selector select {flex:1;width:0}.learn-curriculum {padding:10px 14px}}

/* Polished, static status indicators; no flashing or animated effects. */
.is-completed .curriculum-icon {background:linear-gradient(145deg,#e4ffe8,#63c584);color:#126236;border:1px solid #4da56a;box-shadow:inset 0 1px 2px #fff,0 1px 4px #3b9d4d33;font-weight:800}
.is-available .curriculum-icon {background:linear-gradient(145deg,#e5f4ff,#82b9e7);color:#165eb0;border:1px solid #70a6d4;box-shadow:inset 0 1px 2px #fff}
.is-locked .curriculum-icon {background:linear-gradient(145deg,#fff1d5,#f6bd68);color:#ab570c;border:1px solid #e5a44a;box-shadow:inset 0 1px 2px #fff,0 1px 5px #e5a44a40}
.lesson-duration-form {display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:24px 0}
.lesson-duration-form select,.lesson-duration-form button {font:inherit;padding:10px 16px;border:1px solid #9aafc0;border-radius:3px}
.lesson-duration-form button {background:#285e90;color:white;cursor:pointer}