/* My Learning preview styles scoped to its homepage panel. */
#panel-progress .learning-content{position:absolute;left:26.8%;top:10.9%;width:62.6%;height:78.2%;border-radius:1cqw;border:1px solid #ffffff0b;background:radial-gradient(ellipse at 15% 40%,#433a37c7,transparent 80%),linear-gradient(120deg,#272727,#272626 60%,#242424);overflow:hidden}
#panel-progress .learning-top{display:flex;align-items:center;justify-content:space-between;height:4cqw;padding:0 10cqw 0 2cqw;border-bottom:1px solid #ffffff0b;font-size:1.05cqw;color:#eee}
#panel-progress .exam-choice{display:flex;gap:.65cqw;align-items:center;color:#999;font-size:.8cqw}
#panel-progress .exam-choice b{font-weight:500;color:#eee}
#panel-progress .exam-choice i{font-style:normal;color:#aaa}
#panel-progress .learning-body{padding:1.55cqw 1.9cqw}
#panel-progress .learning-intro{display:flex;align-items:center;justify-content:space-between;gap:2cqw}
#panel-progress .micro{display:block;font-size:.62cqw;letter-spacing:.09em;color:#bdb4ad;font-weight:500}
#panel-progress .learning-intro h2{font-size:2.25cqw;line-height:1.1;margin-top:.5cqw;letter-spacing:-.04em}
#panel-progress .learning-intro h2 span{color:#ffffffa6}
#panel-progress .learning-intro p{font-size:.9cqw;line-height:1.55;max-width:21cqw;color:#ffffffa6}
#panel-progress .learning-switch{display:flex;gap:1.7cqw;margin-top:1.15cqw;border-bottom:1px solid #ffffff13;font-size:.88cqw;color:#ffffff75}
#panel-progress .learning-switch>span{padding:.7cqw .1cqw}
#panel-progress .learning-switch .selected{color:#fff3f0;border-bottom:1px solid #e9d5c8}
#panel-progress .section-label{display:flex;justify-content:space-between;margin:1cqw 0 .55cqw;font-size:.65cqw;letter-spacing:.07em;color:#bdb4ad}
#panel-progress .section-label span+span{letter-spacing:0;color:#ffffff70}
#panel-progress .featured-course{display:flex;justify-content:space-between;border:1px solid #ffffff14;background:#ffffff06;border-radius:1cqw;padding:1.1cqw;gap:2cqw}
#panel-progress .featured-copy{flex:1}
#panel-progress .featured-copy h3{font-size:1.35cqw;letter-spacing:-.025em;margin:.5cqw 0}
#panel-progress .featured-copy p{font-size:.82cqw;line-height:1.5;max-width:32cqw;color:#ffffff9e}
#panel-progress .course-meta{display:flex;gap:1.15cqw;color:#ffffff80;font-size:.72cqw;margin:.85cqw 0}
#panel-progress .course-meta span+span:before{content:'·';margin-right:1.15cqw;color:#fff5}
#panel-progress .view-course{display:inline-flex;gap:2.2cqw;align-items:center;border:1px solid #fff2;border-radius:.5cqw;background:#ffffff12;color:#fff3f0;font-size:.8cqw;padding:.45cqw .75cqw}
#panel-progress .view-course span{font-size:1cqw}
#panel-progress .course-cover{position:relative;isolation:isolate;overflow:hidden;width:14.6cqw;border:1px solid #ffffff1c;border-radius:.7cqw;background:radial-gradient(ellipse at 100% 0,#c2a28266,transparent 80%),linear-gradient(140deg,#4b4034,#191d1c);padding:1cqw;display:flex;flex-direction:column;justify-content:space-between}
#panel-progress .course-cover>span{font-size:.6cqw;letter-spacing:.08em;color:#e5d7c7}
#panel-progress .course-cover strong{font-weight:400;font-size:1.45cqw;line-height:1.1;letter-spacing:-.045em;margin-top:2.3cqw}
#panel-progress .course-cover small{font-size:.55cqw;letter-spacing:.1em;color:#b7ada0;margin-top:1cqw}
#panel-progress .cover-orbits{position:absolute;z-index:-1;inset:-2.8cqw -2cqw auto auto;transform:rotate(-32deg);width:11cqw;height:13cqw}
#panel-progress .cover-orbits i{position:absolute;inset:0;border:1px solid #e8d7bd50;border-radius:50%}
#panel-progress .cover-orbits i:nth-child(2){inset:1cqw}
#panel-progress .cover-orbits i:nth-child(3){inset:2cqw}
#panel-progress .collection-title{display:flex;justify-content:space-between;align-items:center;margin:1.15cqw 0 .65cqw}
#panel-progress .collection-title h3{font-size:1.1cqw}
#panel-progress .collection-title>span{font-size:.65cqw;color:#fff6}
#panel-progress .learning-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65cqw}
#panel-progress .learning-card{border:1px solid #ffffff12;background:#ffffff05;border-radius:.7cqw;overflow:hidden}
#panel-progress .mini-art{position:relative;height:3.35cqw;overflow:hidden;padding:.7cqw;background:linear-gradient(140deg,#6b695645,#22292a)}
#panel-progress .mini-art>span{position:relative;z-index:1;font-size:1.2cqw;letter-spacing:-.04em;color:#efe4d1a6}
#panel-progress .mini-art i{position:absolute;right:1cqw;top:-2cqw;width:5.5cqw;height:6cqw;border:1px solid #d6dfc638;border-radius:50%;box-shadow:0 0 0 .5cqw #ffffff04,0 0 0 1cqw #ffffff04;transform:rotate(30deg)}
#panel-progress .risk .mini-art{background:linear-gradient(130deg,#79634855,#232929)}
#panel-progress .guide .mini-art{background:linear-gradient(150deg,#4a635357,#242929)}
#panel-progress .audio .mini-art{background:linear-gradient(150deg,#7e605755,#2b2627)}
#panel-progress .audio .mini-art i{border-radius:0;transform:rotate(60deg);height:12cqw;top:-4cqw}
#panel-progress .mini-copy{padding:.65cqw .7cqw}
#panel-progress .mini-copy .micro{font-size:.52cqw;color:#fff7}
#panel-progress .mini-copy h4{font-size:.93cqw;line-height:1.25;margin:.35cqw 0 .55cqw;min-height:2.3cqw;letter-spacing:-.02em}
#panel-progress .mini-meta{font-size:.61cqw;color:#fff6}
#panel-progress .mini-meta span{margin:0 .2cqw}
#panel-progress .preview-link{display:flex;justify-content:space-between;font-size:.66cqw;margin-top:.75cqw;color:#fff9}
#panel-progress .learning-boundary{display:flex;justify-content:space-between;gap:1cqw;font-size:.61cqw;color:#ffffff65;margin-top:1cqw}
#panel-progress .learning-boundary b{font-weight:400;color:#ffffffaf}
#panel-progress .original-utilities{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;clip-path:polygon(78.1% 12.2%,79.5% 12.2%,79.5% 16.3%,78.1% 16.3%,78.1% 12.2%,86% 12.2%,88.2% 12.2%,88.2% 16.3%,86% 16.3%,86% 12.2%)}
@media(max-width:700px){}
#panel-progress .learning-top{padding-right:12cqw;height:3.7cqw}
#panel-progress .learning-body{padding:1.2cqw 1.9cqw}
#panel-progress .learning-intro h2{font-size:2.05cqw;margin-top:.35cqw}
#panel-progress .learning-switch{margin-top:.65cqw}
#panel-progress .learning-switch>span{padding:.55cqw .1cqw}
#panel-progress .section-label{margin:.7cqw 0 .45cqw}
#panel-progress .featured-course{padding:.8cqw;gap:1.3cqw}
#panel-progress .featured-copy{position:relative;padding-bottom:1.8cqw}
#panel-progress .featured-copy h3{font-size:1.25cqw;margin:.35cqw 0}
#panel-progress .featured-copy p{font-size:.78cqw;max-width:34cqw}
#panel-progress .course-meta{margin:.55cqw 0 0;font-size:.67cqw;gap:.7cqw}
#panel-progress .course-meta span+span:before{margin-right:.7cqw}
#panel-progress .view-course{position:absolute;right:0;bottom:0;font-size:.7cqw;padding:.28cqw .6cqw;gap:1.4cqw}
#panel-progress .course-cover{height:9.5cqw;width:14cqw;padding:.8cqw}
#panel-progress .course-cover strong{font-size:1.4cqw;margin-top:1.5cqw}
#panel-progress .course-cover small{margin-top:.6cqw}
#panel-progress .collection-title{margin:.8cqw 0 .55cqw}
#panel-progress .mini-art{height:2.25cqw;padding:.45cqw .7cqw}
#panel-progress .mini-art>span{font-size:1.05cqw}
#panel-progress .mini-copy{padding:.65cqw .7cqw}
#panel-progress .mini-copy h4{font-size:.9cqw;min-height:2.25cqw;margin:.3cqw 0 .4cqw}
#panel-progress .preview-link{display:none}
#panel-progress .learning-boundary{margin-top:.8cqw;font-size:.58cqw}
#panel-progress .original-utilities{clip-path:circle(.99% at 87.05% 14.3%)}
#panel-progress .learning-bell{position:absolute;left:78.1%;top:13.1%;width:1.35%;height:auto;color:#e9e6e2;pointer-events:none}
#panel-progress .learning-top{height:3.7cqw;padding:0 2cqw}
#panel-progress .learning-intro{align-items:flex-start;gap:1.5cqw}
#panel-progress .learning-intro h2{margin:0;font-size:2.05cqw}
#panel-progress .learning-intro p{padding-top:.3cqw;max-width:22cqw;font-size:.88cqw;line-height:1.55}
#panel-progress .certification-picker{display:flex;align-items:center;width:19.5cqw;height:2.35cqw;gap:1cqw;margin-top:.8cqw;padding:0 .8cqw;border:1px solid #ffffff24;border-radius:.6cqw;background:linear-gradient(120deg,#ffffff0e,#ffffff04);box-shadow:inset 0 1px 0 #ffffff08;font-size:.7cqw;color:#bdb6b1}
#panel-progress .certification-picker select{min-width:0;flex:1;appearance:none;background:transparent;border:0;font:inherit;font-size:.83cqw;font-weight:500;color:#fff3f0;outline-offset:3px;cursor:pointer}
#panel-progress .certification-picker option{background:#292725}
#panel-progress .certification-picker svg{width:.85cqw;height:.85cqw;stroke:#d0c6bd;stroke-width:1.25;fill:none;pointer-events:none}
#panel-progress .learning-switch{margin-top:.55cqw}
#panel-progress .section-label{margin:.65cqw 0 .45cqw}
#panel-progress .section-label>span:first-child{color:#c7b9ad}
#panel-progress .featured-course{padding:1cqw;gap:1.8cqw;background:linear-gradient(120deg,#ffffff08,#ffffff02);border:1px solid #ffffff1b;border-radius:1cqw;box-shadow:inset 0 1px 0 #ffffff06}
#panel-progress .featured-copy{padding:0;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#panel-progress .featured-copy>.micro{font-size:.57cqw;letter-spacing:.09em;color:#c9b8a9}
#panel-progress .featured-copy h3{font-size:1.65cqw;line-height:1.15;margin:.55cqw 0 .5cqw}
#panel-progress .featured-copy p{font-size:.79cqw;line-height:1.45;max-width:36cqw;color:#ffffffa6}
#panel-progress .course-meta{margin:.8cqw 0 .6cqw;gap:1.2cqw;font-size:.76cqw;color:#ffffff80}
#panel-progress .course-meta b{font-weight:500;color:#f3ebe5;font-size:.95cqw}
#panel-progress .course-meta span+span:before{display:none}
#panel-progress .course-includes{display:flex;align-items:center;gap:.45cqw;white-space:nowrap;font-size:.67cqw;color:#d1c5bb}
#panel-progress .course-includes svg{width:1.15cqw;height:1.15cqw;fill:none;stroke:#cbb29b;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;flex:none}
#panel-progress .course-includes i{height:.7cqw;width:1px;background:#fff2;margin:0 .25cqw}
#panel-progress .view-course{position:static;margin-top:.85cqw;padding:.65cqw 1.45cqw;min-height:2.35cqw;border-radius:2cqw;border:1px solid #eadbc6;background:linear-gradient(180deg,#eee1d0,#cdbca6);box-shadow:inset 0 1px 0 #fff8,0 2px 5px #0003;color:#29241f;font-size:.82cqw;font-weight:500;line-height:1;letter-spacing:-.02em;transition:background .2s,box-shadow .2s,transform .2s}
#panel-progress .view-course:hover{background:linear-gradient(180deg,#f8ecdd,#e4d0b6);box-shadow:inset 0 1px 0 #fff,0 3px 8px #0004;transform:translateY(-1px)}
#panel-progress .view-course:active{transform:translateY(0)}
#panel-progress .course-cover{width:14.7cqw;height:auto;min-height:13.8cqw;flex:none;padding:1cqw;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:linear-gradient(115deg,#eedfca,#d5c2a6);border:1px solid #f2e3c8;border-radius:.6cqw;color:#322e27;box-shadow:inset .3cqw 0 0 #a8947660,inset .38cqw 0 0 #fff4,0 .25cqw .5cqw #0002}
#panel-progress .cover-brand{display:flex;align-items:center;gap:.35cqw}
#panel-progress .cover-brand img{width:.73cqw;height:.9cqw;object-fit:contain;filter:brightness(.18)}
#panel-progress .cover-brand span{font-size:.57cqw;letter-spacing:.09em;font-weight:500}
#panel-progress .course-cover>.cover-category{font-size:.43cqw;letter-spacing:.13em;color:#71624f;margin-top:1.05cqw}
#panel-progress .course-cover>strong{font-size:3.6cqw;letter-spacing:-.07em;line-height:1;font-weight:500;margin-top:.45cqw;z-index:1}
#panel-progress .course-cover>strong span{display:block;font-size:.64cqw;letter-spacing:.08em;margin-top:.4cqw;font-weight:500}
#panel-progress .cover-path{width:100%;height:4.3cqw;stroke:#82745d;stroke-width:.6;opacity:.75;margin-top:.4cqw}
#panel-progress .cover-path circle{fill:#685e4d;stroke:none}
#panel-progress .cover-bottom{display:flex;align-items:center;gap:.4cqw;margin-top:auto;padding-top:.4cqw;border-top:1px solid #67574033}
#panel-progress .cover-bottom>b{font-size:1.65cqw;font-weight:400;letter-spacing:-.06em;line-height:1}
#panel-progress .cover-bottom>span{font-size:.43cqw;line-height:1.25;letter-spacing:.05em}
#panel-progress .cover-bottom>.cover-edition{margin-left:auto;font-size:.4cqw;text-align:right;color:#746552}
#panel-progress .learning-bell-source{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;clip-path:inset(13.3% 20.65% 84.6% 78.3%);transform:translateX(5.85%);pointer-events:none}
@media(prefers-reduced-motion:reduce){#panel-progress .view-course{transition:none}}
#panel-progress .learning-body{padding:.9cqw 1.9cqw}
#panel-progress .learning-top{height:3.3cqw}
#panel-progress .learning-intro p{font-size:.85cqw}
#panel-progress .certification-picker{height:2.1cqw;margin-top:.55cqw}
#panel-progress .learning-switch{margin-top:.4cqw}
#panel-progress .section-label{margin:.5cqw 0 .35cqw}
#panel-progress .featured-course{padding:.85cqw;gap:1.7cqw}
#panel-progress .featured-copy h3{margin:.4cqw 0 .4cqw;font-size:1.5cqw}
#panel-progress .featured-copy p{font-size:.77cqw;line-height:1.4}
#panel-progress .course-meta{margin:.6cqw 0 .45cqw}
#panel-progress .course-includes{font-size:.63cqw}
#panel-progress .view-course{margin-top:.65cqw;min-height:2.1cqw;padding:.55cqw 1.35cqw}
#panel-progress .course-cover{min-height:0;height:12.9cqw;padding:.8cqw}
#panel-progress .course-cover>.cover-category{margin-top:.6cqw;font-size:.4cqw}
#panel-progress .course-cover>strong{font-size:3cqw;margin-top:.35cqw}
#panel-progress .course-cover>strong span{font-size:.58cqw;margin-top:.3cqw}
#panel-progress .cover-path{height:2.3cqw;margin-top:.2cqw;flex:none}
#panel-progress .cover-bottom{padding-top:.35cqw}
#panel-progress .cover-bottom>b{font-size:1.4cqw}
#panel-progress .cover-bottom>span{font-size:.4cqw}
#panel-progress .cover-bottom>.cover-edition{font-size:.37cqw}
#panel-progress .collection-title{margin:.65cqw 0 .5cqw}
#panel-progress .learning-boundary{margin-top:.6cqw}
#panel-progress .course-cover.course-cover-selected{padding:0;background:#10263c;border-color:#ffffff20;display:grid;place-items:center;box-shadow:0 .25cqw .5cqw #0002;overflow:hidden}
#panel-progress .course-cover-selected .selected-cover-image{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;filter:none}
#panel-progress .certification-control{position:relative;width:max-content;margin-top:.55cqw;z-index:5;font-family:Inter,Arial,sans-serif}
#panel-progress .certification-picker{width:auto;min-width:12.6cqw;height:2.3cqw;margin:0;padding:0 .75cqw;gap:.8cqw;font-family:inherit;font-size:.78cqw;font-weight:400;line-height:1.4;letter-spacing:-.02em;color:#ffffffa6;border-color:#ffffff1a;background:linear-gradient(135deg,#ffffff0d,#ffffff04);border-radius:.55cqw;cursor:pointer;transition:background .2s,border-color .2s}
#panel-progress .certification-picker strong{font-size:.83cqw;font-weight:500;color:#eee9e5;margin-left:auto}
#panel-progress .certification-picker svg{margin-left:.25cqw;transition:transform .2s;width:.85cqw;height:.85cqw}
#panel-progress .certification-picker[aria-expanded=true]{background:#ffffff12;border-color:#ffffff30}
#panel-progress .certification-picker[aria-expanded=true] svg{transform:rotate(180deg)}
#panel-progress .certification-picker:focus{outline:none}
#panel-progress .certification-picker:focus-visible,#panel-progress .certification-options button:focus-visible{outline:1px solid #fff9;outline-offset:3px}
#panel-progress .certification-options{position:absolute;left:0;top:calc(100% + .45cqw);width:25cqw;padding:.4cqw;border:1px solid #ffffff26;border-radius:.75cqw;background:linear-gradient(130deg,#45413adc,#201f1de8);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);box-shadow:inset 0 1px 0 #ffffff0c,0 .8cqw 2.5cqw #0006;animation:certification-reveal .18s ease-out}
#panel-progress .certification-options button{display:flex;align-items:center;justify-content:space-between;gap:1cqw;width:100%;padding:.7cqw .8cqw;border-radius:.4cqw;background:#ffffff06;text-align:left;font-family:Inter,Arial,sans-serif;font-size:.85cqw;color:#eee9e5}
#panel-progress .certification-options button:hover,#panel-progress .certification-options button:focus-visible{background:#ffffff12}
#panel-progress .certification-options strong{display:block;font-weight:500}
#panel-progress .certification-options small{display:block;font:inherit;font-size:.75cqw;color:#ffffffa6;margin-top:.2cqw}
#panel-progress .certification-options svg{width:1cqw;height:1cqw;fill:none;stroke:#e6e1da;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
@keyframes certification-reveal{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
#panel-progress .view-course{margin-top:1.2cqw;min-height:2.4cqw;padding:0 1.5cqw;border:1px solid #fff3f0;border-radius:99px;background:rgba(255,255,255,.8);color:#000;box-shadow:none;font-family:Inter,Arial,sans-serif;font-size:.83cqw;font-weight:400;line-height:1.5;letter-spacing:-.02em;transition:background-color .4s cubic-bezier(.22,1,.36,1)}
#panel-progress .view-course:hover{background:#fff3f0;box-shadow:none;transform:none}
#panel-progress .view-course:focus-visible{outline:1px solid #fffc;outline-offset:3px}
#panel-progress .course-cover.course-cover-selected{width:8.6cqw;height:12.9cqw;min-height:0;align-self:center;border:0;border-radius:.18cqw;background:#0d1b2c;box-shadow:0 .3cqw .8cqw #0004}
#panel-progress .course-cover-selected .selected-cover-image{object-fit:contain;filter:brightness(.92)}
@media(prefers-reduced-motion:reduce){#panel-progress .certification-options{animation:none}
#panel-progress .certification-picker,#panel-progress .certification-picker svg,#panel-progress .view-course{transition:none}}
#panel-progress .featured-copy .course-title{display:flex;align-items:center;flex-wrap:wrap;gap:.65cqw}
#panel-progress .course-pdu{display:inline-flex;align-items:center;white-space:nowrap;padding:.18cqw .5cqw;border:1px solid #ffffff20;border-radius:.35cqw;background:#ffffff08;color:#e4d9ce;font-family:Inter,Arial,sans-serif;font-size:.88cqw;line-height:1.4;font-weight:400;letter-spacing:-.02em}
#panel-progress .featured-copy p{max-width:41cqw}
#panel-progress .collection-resources .learning-card{border:1px solid #ffffff16;background:linear-gradient(145deg,#ffffff07,#ffffff03);border-radius:.7cqw;overflow:hidden}
#panel-progress .collection-resources .mini-art{height:2.25cqw;display:flex;align-items:center;gap:.5cqw;padding:.45cqw .7cqw;background:linear-gradient(120deg,#77705b38,#32343170);border-bottom:1px solid #ffffff09}
#panel-progress .collection-resources .mini-art svg{position:relative;z-index:1;width:1.2cqw;height:1.2cqw;flex:none;fill:none;stroke:#ddd3c5;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
#panel-progress .collection-resources .mini-art>span{font-family:Inter,Arial,sans-serif;font-size:.49cqw;font-weight:400;letter-spacing:.08em;color:#d6cabc}
#panel-progress .collection-resources .mini-art i{opacity:.45;right:.5cqw}
#panel-progress .collection-resources .video .mini-art{background:linear-gradient(120deg,#79685836,#302f3070)}
#panel-progress .collection-resources .audio .mini-art{background:linear-gradient(120deg,#76605c38,#302b2d70)}
#panel-progress .collection-resources .resources .mini-art{background:linear-gradient(120deg,#5e6b6238,#2b302e70)}
#panel-progress .collection-resources .mini-copy{padding:.65cqw .7cqw}
#panel-progress .collection-resources .mini-copy h4{font-family:Inter,Arial,sans-serif;font-size:.92cqw;font-weight:400;line-height:1.3;letter-spacing:-.025em;min-height:0;margin:0 0 .35cqw;color:#eee9e5;white-space:nowrap}
#panel-progress .collection-resources .resource-description{font-size:.66cqw;line-height:1.5;color:#ffffff91;letter-spacing:-.01em;min-height:1.98cqw;margin:0 0 .4cqw}
#panel-progress .collection-resources .mini-meta{font-size:.59cqw;line-height:1.5;color:#c4b6a8;letter-spacing:0}
#panel-progress .collection-resources .upcoming{color:#b8aea6}
#panel-progress .collection-resources .learning-card .mini-art{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border-bottom:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
#panel-progress .collection-resources .learning-card .mini-art svg{width:1.15cqw;height:1.15cqw;stroke:#cec7c0;stroke-width:1.25;opacity:.85}
#panel-progress .collection-resources .learning-card .mini-art>span{color:#c9c3bd;font-size:.49cqw;letter-spacing:.08em;font-weight:400}

/* Matte surface colours sampled from unobstructed strips of the original community reference.
   Sidebar x=11%, y=10..90%; content x=30%, y=10.9..89.1%. */
#panel-progress .gallery-glass-clean{display:none}
#panel-progress .gallery-sidebar{background:linear-gradient(180deg,#3f4042 0%,#2b2a2b 5%,#302e2d 10%,#36312f 15%,#3f3432 20%,#443835 25%,#4e3d39 30%,#543f3a 35%,#543f3a 40%,#523f3b 45%,#443835 50%,#37302e 55%,#292625 60%,#1e1d1b 65%,#191715 70%,#171411 75%,#151310 80%,#151310 85%,#171411 90%,#171411 95%,#19140b 100%);box-shadow:none;backdrop-filter:none}
#panel-progress .learning-content{background:linear-gradient(180deg,#232323 0%,#252525 5%,#272727 10%,#2b2928 15%,#2e2b2a 20%,#322d2b 25%,#352f2d 30%,#37302e 35%,#39302e 40%,#37302e 45%,#352f2d 50%,#2f2b2a 55%,#292827 60%,#272524 65%,#232322 70%,#222120 75%,#211f1e 80%,#211f1d 85%,#211f1d 90%,#211f1d 95%,#211e1d 100%);border-color:#ffffff08;box-shadow:none}
#panel-progress .learning-top{border-bottom-color:#ffffff08}
#panel-progress .featured-course{background:#ffffff03;box-shadow:none;border-color:#ffffff14}
#panel-progress .collection-resources .learning-card{background:#ffffff03;border:1px solid #ffffff16;box-shadow:none}
#panel-progress .collection-resources .learning-card .mini-art{background:transparent;border-bottom:1px solid #ffffff16;box-shadow:none}
#panel-progress .learning-content button{cursor:default;pointer-events:none;opacity:1}
#panel-progress .learning-content{user-select:none}

/* Preserve the original image's top silhouette and rounded join.
   Only paint the interiors that must cover the source's old text. */
#panel-progress .gallery-sidebar{background:transparent;isolation:isolate}
#panel-progress .gallery-sidebar::before{content:"";position:absolute;inset:1cqw 0 .15cqw 0;z-index:-1;background:linear-gradient(180deg,#272829 0%,#2e2c2b 5%,#322f2e 10%,#3a3230 15%,#403734 20%,#473936 25%,#4e3d39 30%,#543f3a 35%,#543f3a 40%,#4e3d39 45%,#443835 50%,#352f2d 55%,#272524 60%,#1d1c1b 65%,#191715 70%,#171411 75%,#151310 80%,#151310 85%,#171411 90%,#171411 95%,#191411 100%);pointer-events:none}
#panel-progress .learning-content{background:transparent;border:0;box-shadow:none;isolation:isolate}
#panel-progress .learning-content::before{content:"";position:absolute;inset:3.3cqw 0 0;z-index:-1;background:linear-gradient(180deg,#272625 0%,#292827 5%,#2c2a29 10%,#2f2b2a 15%,#322d2b 20%,#352f2d 25%,#37302e 30%,#39302e 35%,#37302e 40%,#352f2d 45%,#312c2b 50%,#2b2928 55%,#272625 60%,#252322 65%,#232221 70%,#22201e 75%,#211f1e 80%,#211f1d 85%,#211f1d 90%,#211f1d 95%,#211e1d 100%);pointer-events:none}
#panel-progress .learning-top{border:0;background:transparent;box-shadow:none}
/* Cover source toolbar controls inside the preserved rounded silhouette. */
#panel-progress .learning-top{position:relative;isolation:isolate}
#panel-progress .learning-top::before{content:"";position:absolute;inset:.2cqw .15cqw 0;z-index:-1;background:#232323;pointer-events:none;border-radius:.8cqw .8cqw 0 0}

/* Continuous original-surface colour field: interpolate between unobstructed
   left and right strips rather than stretching the warm left strip across the panel. */
#panel-progress .learning-content{background:linear-gradient(180deg,#1c1d1f 0%,#1e1f1f 5%,#1f2021 10%,#212121 15%,#232323 20%,#252423 25%,#292625 30%,#2b2726 35%,#2d2827 40%,#2f2927 45%,#2d2827 50%,#292625 55%,#252423 60%,#232221 65%,#222120 70%,#211f1e 75%,#211f1d 80%,#1e1d1b 85%,#1d1c1b 90%,#1c1a19 95%,#1c1a19 100%)}
#panel-progress .learning-content::before{inset:0;background:linear-gradient(180deg,#232323 0%,#252525 5%,#272727 10%,#2b2928 15%,#2f2b2a 20%,#322d2b 25%,#352f2d 30%,#372f2d 35%,#39302e 40%,#372f2d 45%,#322d2b 50%,#2f2a28 55%,#292726 60%,#252423 65%,#232120 70%,#211f1e 75%,#211f1d 80%,#201e1c 85%,#211e1d 90%,#211e1d 95%,#211e1d 100%);mask-image:linear-gradient(90deg,#000,transparent);-webkit-mask-image:linear-gradient(90deg,#000,transparent)}
#panel-progress .learning-top{background:transparent;border:0;box-shadow:none}
#panel-progress .learning-top::before{content:none}
/* Source avatar is a 64px circle in a 3200x1800 image. Use axis-specific
   radii; CSS circle(%) uses the diagonal and was clipping the original portrait. */
#panel-progress .original-utilities{object-fit:fill;transform:none;clip-path:ellipse(1% 1.778% at 87.03% 14.3%)}

/* Practice-only assessment illustration; approved frame and typography retained. */
#panel-progress .practice-session-art{width:10.5cqw;height:12.9cqw;flex:none;border:1px solid #ffffff16;border-radius:.6cqw;background:linear-gradient(145deg,#ffffff07,#ffffff02);padding:1cqw;display:flex;flex-direction:column;justify-content:space-between;color:#e5dcd2}
#panel-progress .session-art-label{font-size:.53cqw;letter-spacing:.1em;color:#bdb3a9}
#panel-progress .practice-session-art>strong{font-family:Inter,Arial,sans-serif;font-size:4.5cqw;line-height:1;font-weight:400;letter-spacing:-.06em}
#panel-progress .practice-session-art>strong span{display:block;font-size:.53cqw;letter-spacing:.14em;font-weight:400;margin-top:.55cqw;color:#c5baaf}
#panel-progress .session-art-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff16;padding-top:.65cqw;font-size:.55cqw;color:#c5baaf}

/* Approved Signature card, scaled uniformly from the 224 × 275 review. */
#panel-progress .practice-session-art{position:relative;isolation:isolate;overflow:hidden;width:10.5cqw;height:12.890625cqw;padding:.9375cqw;border:1px solid #ffffff22;border-radius:.609375cqw;background:radial-gradient(ellipse at 100% 0,#a3805030,transparent 65%),linear-gradient(140deg,#343029,#201f1c);box-shadow:0 .5625cqw 1.3125cqw #0002;color:#eee7df;display:flex;flex-direction:column;justify-content:space-between;font-family:Inter,Arial,sans-serif}
#panel-progress .signature-mark{position:absolute;z-index:-1;object-fit:contain;width:8.4375cqw;height:10.3125cqw;right:-1.640625cqw;top:1.453125cqw;opacity:.09;transform:rotate(-8deg);pointer-events:none}
#panel-progress .signature-count{font-size:1.21875cqw;font-weight:920;line-height:.95;letter-spacing:-.0609375cqw}
#panel-progress .signature-count small{display:block;font-size:.328125cqw;letter-spacing:.15em;font-weight:400;margin:.328125cqw 0 0;color:#cbbfaf}
#panel-progress .signature-recommended{display:inline-block;font-size:.328125cqw;font-weight:900;letter-spacing:.0515625cqw;color:#d1b895;border:1px solid #c2a47738;background:#c2a4770a;border-radius:.9375cqw;padding:.1875cqw .328125cqw;margin-top:.46875cqw}
#panel-progress .signature-brand{font-size:.328125cqw;font-weight:900;letter-spacing:.07734375cqw;color:#c3b5a3;position:relative;top:-.1875cqw}
#panel-progress .signature-copy h3{font-size:.796875cqw;font-weight:500;letter-spacing:-.028125cqw;margin:.28125cqw 0 .375cqw;line-height:normal;color:inherit}
#panel-progress .signature-copy p{font-size:.4453125cqw;line-height:1.55;color:#beb3a5;margin:0}

/* Neutral graphite palette for the approved Practice card. */
#panel-progress .practice-session-art{background:radial-gradient(ellipse at 100% 0,#ffffff07,transparent 65%),linear-gradient(140deg,#343434,#252525);border-color:#ffffff22;color:#eee}
#panel-progress .signature-count small,#panel-progress .signature-copy p{color:#bdbdbd}
#panel-progress .signature-brand{color:#c5c5c5}
#panel-progress .signature-recommended{color:#d0d0d0;border-color:#ffffff25;background:#ffffff06}

/* Practice surfaces sampled from the original Courses image, not Community.
   Sample only clear margins, outside source labels and course tiles. */
#panel-progress .gallery-sidebar{background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:1.25cqw 0 0 1.25cqw}
#panel-progress .gallery-sidebar::before{inset:1cqw 0 .15cqw;background:linear-gradient(180deg,#5a5451 0.00%,#5d5551 2.50%,#5d5551 5.00%,#5d5551 7.50%,#605752 10.00%,#605752 12.50%,#6a5a58 15.00%,#64554f 17.50%,#695a3d 20.00%,#64554f 22.50%,#64554f 25.00%,#60504a 27.50%,#60504a 30.00%,#5b4b46 32.50%,#554642 35.00%,#4e413e 37.50%,#443935 40.00%,#3d332f 42.50%,#332e2d 45.00%,#2b2625 47.50%,#282322 50.00%,#22211e 52.50%,#1e1c1b 55.00%,#1c1b19 57.50%,#1b1915 60.00%,#1b1915 62.50%,#1b1915 65.00%,#1b1915 67.50%,#1b1915 70.00%,#1b1915 72.50%,#1e1c15 75.00%,#1e1c15 77.50%,#1e1c15 80.00%,#1e1c15 82.50%,#1b1915 85.00%,#1b1915 87.50%,#181713 90.00%,#151411 92.50%,#151411 95.00%,#13120f 97.50%,#13120f 100.00%);mask-image:none;-webkit-mask-image:none}
#panel-progress .learning-content{left:26.8%;top:10.9%;width:62.6%;height:78.2%;border-radius:1cqw;background:linear-gradient(180deg,#2a2a29 0.00%,#262524 2.50%,#262524 5.00%,#272727 7.50%,#272727 10.00%,#272727 12.50%,#292827 15.00%,#292827 17.50%,#292827 20.00%,#292827 22.50%,#292827 25.00%,#292827 27.50%,#292827 30.00%,#292827 32.50%,#292827 35.00%,#2b2625 37.50%,#282523 40.00%,#282523 42.50%,#282523 45.00%,#2a2423 47.50%,#2a2423 50.00%,#2a2423 52.50%,#2a2423 55.00%,#2a2423 57.50%,#2a2423 60.00%,#2a2423 62.50%,#282322 65.00%,#282322 67.50%,#25221f 70.00%,#25221f 72.50%,#22211e 75.00%,#22211e 77.50%,#201e1c 80.00%,#201e1c 82.50%,#201e1c 85.00%,#201e1c 87.50%,#201e1c 90.00%,#1e1c1b 92.50%,#1e1c1b 95.00%,#1e1c1b 97.50%,#151411 100.00%);border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#panel-progress .learning-content::before{inset:0;background:linear-gradient(180deg,#343332 0.00%,#363433 2.50%,#363433 5.00%,#373534 7.50%,#373534 10.00%,#373534 12.50%,#373534 15.00%,#3b3533 17.50%,#3b3533 20.00%,#3b3533 22.50%,#3b3533 25.00%,#3b3533 27.50%,#3b3533 30.00%,#373331 32.50%,#373331 35.00%,#33302f 37.50%,#332e2d 40.00%,#322c2b 42.50%,#2d2a2a 45.00%,#292827 47.50%,#292827 50.00%,#262524 52.50%,#262321 55.00%,#232221 57.50%,#212120 60.00%,#212120 62.50%,#212120 65.00%,#212120 67.50%,#232221 70.00%,#232221 72.50%,#232221 75.00%,#262321 77.50%,#262321 80.00%,#23221e 82.50%,#22211e 85.00%,#20201e 87.50%,#201e1c 90.00%,#201e1c 92.50%,#1e1c1b 95.00%,#1e1c1b 97.50%,#1e1c1b 100.00%);mask-image:linear-gradient(90deg,#000,transparent);-webkit-mask-image:linear-gradient(90deg,#000,transparent)}
#panel-progress .learning-top{background:transparent;border:0;box-shadow:none}
#panel-progress .learning-top::before{content:none}
#panel-progress .learning-intro>p{max-width:26cqw;font-size:.85cqw;line-height:1.55}
#panel-progress .learning-switch{align-items:center}
#panel-progress .demo-label{margin-left:auto;font-size:.58cqw;color:#bdb7ae;letter-spacing:.04em}
#panel-progress .progress-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.7cqw;margin:.8cqw 0}
#panel-progress .metric-tile,#panel-progress .rhythm-panel,#panel-progress .readiness-panel,#panel-progress .progress-history{border:1px solid #ffffff19;border-radius:.7cqw;background:#ffffff03;padding:.8cqw 1cqw;font-size:.7cqw;line-height:1.4}
#panel-progress .metric-tile>span{display:block;color:#c6c1ba;font-size:.68cqw}
#panel-progress .metric-tile>strong{display:block;font-family:"Inter Display",Inter,sans-serif;font-size:2.05cqw;line-height:1.2;font-weight:500;margin:.3cqw 0;color:#ece8e1;letter-spacing:-.04em}
#panel-progress .metric-tile strong span{font-size:1cqw;margin-left:.15cqw}
#panel-progress .metric-tile small{font-size:.57cqw;color:#aaa59e}
#panel-progress .progress-middle{display:grid;grid-template-columns:1.65fr 1fr;gap:.7cqw}
#panel-progress .progress-card-head{display:flex;justify-content:space-between;align-items:center;gap:1cqw}
#panel-progress h3{font-family:"Inter Display",Inter,sans-serif;font-size:1.05cqw;line-height:1.25;font-weight:500;color:#e2ddd5;margin:0}
#panel-progress .progress-card-head h3{margin:.3cqw 0 0}
#panel-progress .time-total{font-size:1.2cqw;font-weight:500;text-align:right;color:#e2ddd5}
#panel-progress .time-total small{display:block;font-size:.46cqw;font-weight:400;letter-spacing:.07em;color:#aaa59e;margin-top:.25cqw}
#panel-progress .rhythm-chart{display:flex;justify-content:space-between;align-items:flex-end;height:7.1cqw;padding:.6cqw .5cqw 0;margin-top:.5cqw;border-bottom:1px solid #ffffff12}
#panel-progress .chart-column{display:flex;flex-direction:column;align-items:center;gap:.35cqw;width:2.6cqw}
#panel-progress .bar-stack{display:flex;flex-direction:column-reverse;width:1.35cqw;border-radius:.25cqw .25cqw 0 0;overflow:hidden}
#panel-progress .bar-stack i{display:block;max-height:3.7cqw;background:#c1b296}
#panel-progress .bar-stack .activity-1{background:#898675}
#panel-progress .bar-stack .activity-2{background:#535c57}
#panel-progress .chart-column>span{font-size:.5cqw;color:#aaa59e;padding-bottom:.35cqw}
#panel-progress .chart-legend{display:flex;gap:1cqw;margin-top:.6cqw;font-size:.5cqw;color:#c6c1ba}
#panel-progress .chart-legend i{display:inline-block;width:.4cqw;height:.4cqw;border-radius:.1cqw;background:#c1b296;margin-right:.3cqw}
#panel-progress .chart-legend span:nth-child(2) i{background:#898675}#panel-progress .chart-legend span:nth-child(3) i{background:#535c57}
#panel-progress .readiness-panel h3{margin:.3cqw 0 .5cqw}
#panel-progress .readiness-ring{width:6.5cqw;height:6.5cqw;border-radius:50%;background:conic-gradient(#c1b296 0 82%,#ffffff0c 82%);padding:.3cqw;margin:.5cqw auto}
#panel-progress .readiness-ring>div{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:#292927;border-radius:50%}
#panel-progress .readiness-ring strong{font-size:1.9cqw;font-weight:500;line-height:1.15;color:#e5dfd4}
#panel-progress .readiness-ring strong span{font-size:.8cqw}
#panel-progress .readiness-ring small{font-size:.53cqw;letter-spacing:.1em;color:#bcb5a8}
#panel-progress .readiness-panel p{font-size:.55cqw;text-align:center;color:#c6c1ba;margin:.5cqw 0 .2cqw}
#panel-progress .readiness-note{display:block;font-size:.44cqw;color:#96948d;text-align:center}
#panel-progress .progress-history{margin-top:.7cqw;padding:.65cqw 1cqw}
#panel-progress .progress-history .progress-card-head>span{font-size:.57cqw;color:#bdb7ae}
#panel-progress .history-row{display:grid;grid-template-columns:1.5fr 1fr .8fr 1fr;align-items:center;padding:.4cqw 0;border-top:1px solid #ffffff10;font-size:.63cqw;color:#c8c4bc}
#panel-progress .history-labels{font-size:.5cqw;color:#9b9891;margin-top:.55cqw;border:0}
#panel-progress .history-row small{margin-left:.45cqw;font-size:.5cqw;color:#94938c}
#panel-progress .history-row strong{font-weight:500;color:#e0d7c8}
#panel-progress .complete-status{color:#b7c2b6}

#panel-progress .gallery-sidebar::before{inset:0;background:linear-gradient(180deg,#4e4a43 0%,#524d47 5%,#554f49 10%,#524d47 15%,#41413e 20%,#373632 25%,#2f2d2a 30%,#2b2a26 35%,#2f2c26 40%,#34312b 45%,#38342d 50%,#3a342a 55%,#373228 60%,#322d21 65%,#2c271c 70%,#242017 75%,#211f16 80%,#201e15 85%,#201e15 90%,#1f1c14 95%,#1b1913 100%);mask-image:none;-webkit-mask-image:none}
#panel-progress .gallery-sidebar::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#4e4a43 0%,#5c5650 5%,#5c5650 10%,#5c5650 15%,#524d47 20%,#4a413b 25%,#3b3630 30%,#322e28 35%,#322e28 40%,#34312b 45%,#3b3630 50%,#3d382e 55%,#3c362c 60%,#352f24 65%,#2f2a1d 70%,#26231a 75%,#221f17 80%,#201e15 85%,#1f1c14 90%,#1d1b13 95%,#1b1913 100%);mask-image:linear-gradient(90deg,#000,transparent);-webkit-mask-image:linear-gradient(90deg,#000,transparent)}
#panel-progress .learning-content{height:78.4%;background:linear-gradient(180deg,#1d1e1f 0%,#1d1e1f 5%,#1d1e1f 10%,#1d1e1f 15%,#1d1e1f 20%,#1d1d1c 25%,#1d1d1c 30%,#1d1d1c 35%,#1d1d1c 40%,#1f1f1e 45%,#222222 50%,#242423 55%,#242423 60%,#252320 65%,#22211e 70%,#231e1d 75%,#231e1d 80%,#231e1d 85%,#231e1d 90%,#211d1b 95%,#1f1c1b 100%)}
#panel-progress .learning-content::before{background:linear-gradient(180deg,#30302e 0%,#32322f 5%,#353331 10%,#32312f 15%,#2f2d2a 20%,#2a2927 25%,#272523 30%,#242423 35%,#262522 40%,#272622 45%,#282724 50%,#282724 55%,#272622 60%,#252320 65%,#22211e 70%,#21201d 75%,#21201d 80%,#201f1c 85%,#201f1c 90%,#201f1c 95%,#1f1e1d 100%)}
#panel-progress .metric-tile{padding:.6cqw 1cqw}
#panel-progress .metric-tile>strong{font-size:1.8cqw;margin:.18cqw 0}
#panel-progress .rhythm-chart{height:5.4cqw}
#panel-progress .readiness-ring{width:5cqw;height:5cqw;margin:.4cqw auto}
#panel-progress .readiness-ring strong{font-size:1.5cqw}
#panel-progress .history-row{padding:.2cqw 0}
#panel-progress .history-labels{margin-top:.35cqw}
#panel-progress .progress-history{padding:.5cqw 1cqw}