@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Urbanist:wght@400;600;700&display=swap";
.diagnostic-box{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);margin-bottom:var(--spacing-3xl)}.diagnostic-box:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.diagnostic-box__content{align-items:center;gap:var(--spacing-3xl);flex-direction:row;display:flex}.diagnostic-box__left-group{align-items:flex-start;gap:var(--spacing-md);flex:1;display:flex}.diagnostic-box__text-group{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.diagnostic-box--not-attempted{background:linear-gradient(135deg, var(--color-warning-light) 0%, var(--color-amber-600) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff1a inset;padding:var(--spacing-xl);position:relative;overflow:hidden}.diagnostic-box--not-attempted:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 60%);border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;right:-20%}.diagnostic-box--not-attempted:hover{box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff26 inset;transform:translateY(-4px)}.diagnostic-box--not-attempted:focus-visible{outline-color:var(--color-slate-900)}.diagnostic-box__icon-container{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.diagnostic-box__icon-container svg{width:20px;height:20px}.diagnostic-box--not-attempted .diagnostic-box__icon-container{background:var(--background);color:var(--color-amber-600);box-shadow:var(--shadow-sm)}.diagnostic-box--not-attempted .diagnostic-box__title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-slate-900);line-height:var(--line-height-tight);margin:0}.diagnostic-box--not-attempted .diagnostic-box__description{font-size:var(--font-size-sm);color:var(--text-primary);line-height:var(--line-height-normal);margin:0}.diagnostic-box--not-attempted .diagnostic-box__description strong{color:var(--color-slate-900);font-weight:var(--font-weight-semibold)}.diagnostic-box__emphasis{text-underline-offset:2px;text-decoration:underline}.diagnostic-box__meta{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.diagnostic-box--not-attempted .diagnostic-box__chip,.diagnostic-box--in-progress .diagnostic-box__chip{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-slate-700);border-radius:var(--radius-sm);white-space:nowrap;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);cursor:pointer;background:#fff6;display:inline-flex}.diagnostic-box--not-attempted .diagnostic-box__chip:hover,.diagnostic-box--in-progress .diagnostic-box__chip:hover{color:var(--color-slate-800);background:#fff9}.diagnostic-box__chip svg{flex-shrink:0}.diagnostic-box__cta{justify-content:center;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg, var(--color-slate-900) 0%, var(--color-slate-700) 100%);color:var(--text-inverse);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);width:auto;min-width:180px;box-shadow:var(--shadow-md);border:none;flex-shrink:0;text-decoration:none;animation:2s ease-in-out infinite diagnostic-box-cta-pulse;display:inline-flex;position:relative;overflow:hidden}.diagnostic-box__cta:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);width:100%;height:100%;animation:2.5s ease-in-out infinite diagnostic-box-cta-shimmer;position:absolute;top:0;left:-100%}@keyframes diagnostic-box-cta-pulse{0%,to{box-shadow:var(--shadow-md)}50%{box-shadow:var(--shadow-lg), 0 0 30px #d9770626}}@keyframes diagnostic-box-cta-shimmer{0%{left:-100%}50%,to{left:100%}}.diagnostic-box__cta:hover{background:linear-gradient(135deg, var(--color-slate-700) 0%, var(--color-slate-600) 100%);box-shadow:var(--shadow-lg);animation:none;transform:translateY(-2px)}.diagnostic-box__cta:hover:after{animation:none}.diagnostic-box__cta:focus-visible{outline:2px solid var(--text-inverse);outline-offset:2px}.diagnostic-box--in-progress{background:linear-gradient(135deg, var(--color-amber-100) 0%, var(--color-amber-100) 100%);border-radius:var(--radius-xl);border:2px solid color-mix(in srgb, var(--color-amber-500) 25%, transparent);box-shadow:var(--shadow-md), 0 0 0 1px #ffffff80 inset;padding:var(--spacing-xl);position:relative;overflow:hidden}.diagnostic-box--in-progress:before{content:"";pointer-events:none;background:radial-gradient(circle,#fff6 0%,#0000 60%);border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;right:-20%}.diagnostic-box--in-progress:hover{border-color:color-mix(in srgb, var(--color-amber-500) 40%, transparent);box-shadow:var(--shadow-lg), 0 0 0 1px #fff9 inset;transform:translateY(-4px)}.diagnostic-box--in-progress .diagnostic-box__icon-container{background:var(--background);color:var(--color-amber-600);box-shadow:var(--shadow-sm)}.diagnostic-box__title--amber{color:var(--color-amber-700)!important}.diagnostic-box--in-progress .diagnostic-box__title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-amber-700);line-height:var(--line-height-tight);margin:0}.diagnostic-box--in-progress .diagnostic-box__description{font-size:var(--font-size-sm);color:var(--color-slate-900);line-height:var(--line-height-normal);margin:0}.diagnostic-box__progress-container{margin-top:var(--spacing-lg)}.diagnostic-box__progress-track{width:100%;height:var(--spacing-sm);background:var(--background);border-radius:var(--radius-full);overflow:hidden}.diagnostic-box__progress-fill{background:linear-gradient(90deg, var(--color-warning) 0%, var(--color-amber-600) 100%);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal) ease}.diagnostic-box__cta--amber{background:linear-gradient(90deg, var(--color-amber-600) 0%, var(--color-amber-700) 100%)}.diagnostic-box__cta--amber:hover{background:linear-gradient(90deg, var(--color-amber-700) 0%, color-mix(in srgb, var(--color-amber-700) 80%, black) 100%)}.diagnostic-box--completed{border-radius:var(--radius-xl);cursor:pointer;filter:drop-shadow(0 1px 3px #0000000a);box-shadow:none;transition:transform var(--transition-normal), filter var(--transition-normal), box-shadow var(--transition-normal);background:#ffffffb3;margin-bottom:0;overflow:hidden}.diagnostic-box--completed:hover{filter:drop-shadow(0 2px 6px #0000000f);transform:translateY(-1px);box-shadow:0 4px 12px #006fee14}.diagnostic-box--completed:focus-visible{outline:none}.diagnostic-box__completed-row{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);border:none;flex-direction:row;display:flex}.diagnostic-box__completed-left{align-items:center;gap:var(--spacing-sm);display:flex}.diagnostic-box__icon-container--completed{background:color-mix(in srgb, var(--color-success) 10%, transparent);color:var(--color-success)}.diagnostic-box__completed-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-slate-900)}.diagnostic-box__stats{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.diagnostic-box__stat{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-slate-600)}.diagnostic-box__grade-badge{width:var(--spacing-xl);height:var(--spacing-xl);background:var(--color-success);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:inline-flex}.diagnostic-box__grade-badge--a{background:var(--color-success)}.diagnostic-box__grade-badge--b{background:var(--color-amber-500)}.diagnostic-box__grade-badge--c,.diagnostic-box__grade-badge--d,.diagnostic-box__grade-badge--f{background:var(--color-red-500)}.diagnostic-box__stat-divider{width:1px;height:var(--spacing-xl);background:var(--color-slate-200)}.diagnostic-box__view-results-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);display:none}.diagnostic-box__completed-chevron{color:var(--color-slate-400);transition:transform var(--transition-fast);flex-shrink:0}.diagnostic-box--completed:hover .diagnostic-box__completed-chevron{color:var(--color-slate-600);transform:translate(2px)}@media (min-width:1024px){.diagnostic-box--not-attempted .diagnostic-box__title,.diagnostic-box--in-progress .diagnostic-box__title{font-size:var(--font-size-2xl)}.diagnostic-box--not-attempted .diagnostic-box__description,.diagnostic-box--in-progress .diagnostic-box__description{font-size:var(--font-size-base)}.diagnostic-box__view-results-label{display:inline}.diagnostic-box--completed:hover .diagnostic-box__view-results-label{color:var(--color-primary-dark,var(--color-primary))}}@media (max-width:767px){.diagnostic-box--not-attempted,.diagnostic-box--in-progress{padding:var(--spacing-2xl)}.diagnostic-box__content{align-items:stretch;gap:var(--spacing-xl);flex-direction:column}.diagnostic-box__left-group{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.diagnostic-box--not-attempted .diagnostic-box__title,.diagnostic-box--in-progress .diagnostic-box__title{font-size:var(--font-size-2xl)}.diagnostic-box__cta{width:100%;min-width:unset}.diagnostic-box__completed-row{flex-flow:row;justify-content:space-between;align-items:center}.diagnostic-box__stats{flex-wrap:nowrap}.diagnostic-box__stat,.diagnostic-box__stat-divider{display:none}.diagnostic-box__grade-badge{display:flex}}@media (prefers-reduced-motion:reduce){.diagnostic-box{transition:none}.diagnostic-box--not-attempted:hover,.diagnostic-box--in-progress:hover{transform:none}.diagnostic-box__cta{animation:none}.diagnostic-box__cta:after{animation:none;display:none}.diagnostic-box__cta:hover{transform:none}.diagnostic-box__progress-fill,.diagnostic-box__completed-chevron{transition:none}}
.dimmed-tooltip-anchor{border-radius:var(--radius-md);z-index:1;position:relative;background:color-mix(in srgb, var(--color-success) 8%, transparent)!important;opacity:.85!important;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-success) 30%, transparent)!important}.dimmed-tooltip{z-index:1000;background:var(--background);border-radius:var(--radius-xl);width:480px;box-shadow:var(--shadow-lg);animation:tooltipEnterRight var(--transition-normal) ease-out;position:fixed;overflow:visible}@keyframes tooltipEnterRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes tooltipEnterBelow{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dimmed-tooltip--below{animation:tooltipEnterBelow var(--transition-normal) ease-out}.dimmed-tooltip--right .dimmed-tooltip__arrow{border-top:10px solid #0000;border-bottom:10px solid #0000;border-right:10px solid var(--background);width:0;height:0;filter:drop-shadow(-2px 0 2px color-mix(in srgb, var(--color-slate-900) 8%, transparent));position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.dimmed-tooltip--below .dimmed-tooltip__arrow{border-left:10px solid #0000;border-right:10px solid #0000;border-bottom:10px solid var(--background);width:0;height:0;filter:drop-shadow(0 -2px 2px color-mix(in srgb, var(--color-slate-900) 8%, transparent));position:absolute;top:-8px;left:50%;transform:translate(-50%)}.dimmed-tooltip__header{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:1px solid var(--color-slate-100);display:flex}.dimmed-tooltip__icon{width:var(--spacing-3xl);height:var(--spacing-3xl);background:var(--color-slate-100);border-radius:var(--radius-lg);color:var(--color-slate-500);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dimmed-tooltip__header-text{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.dimmed-tooltip__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-slate-900);letter-spacing:-.01em}.dimmed-tooltip__subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-slate-400)}.dimmed-tooltip__close{width:var(--spacing-2xl);height:var(--spacing-2xl);border-radius:var(--radius-md);color:var(--color-slate-400);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dimmed-tooltip__close:hover{background:var(--color-slate-100);color:var(--color-slate-600)}.dimmed-tooltip__close:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.dimmed-tooltip__content{padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:1px solid var(--color-slate-100)}.dimmed-tooltip__text{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-slate-600);line-height:var(--line-height-relaxed);margin:0}.dimmed-tooltip__action-section{padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-2xl);background:var(--color-slate-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.dimmed-tooltip__action-heading{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-slate-800);margin:0 0 var(--spacing-sm) 0}.dimmed-tooltip__action-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-slate-500);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-xl) 0}.dimmed-tooltip__actions{gap:var(--spacing-md);display:flex}.dimmed-tooltip__btn{padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:var(--spacing-3xl);flex:1;display:flex}.dimmed-tooltip__btn--primary{background:linear-gradient(135deg, var(--color-success) 0%, var(--color-success-dark) 100%);color:var(--text-inverse);box-shadow:0 2px 8px color-mix(in srgb, var(--color-success-dark) 25%, transparent);border:none}.dimmed-tooltip__btn--primary:hover{box-shadow:0 4px 16px color-mix(in srgb, var(--color-success-dark) 35%, transparent);transform:translateY(-1px)}.dimmed-tooltip__btn--primary:active{transform:translateY(0)}.dimmed-tooltip__btn--primary:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.dimmed-tooltip__btn--secondary{background:var(--background);color:var(--color-success-dark);border:2px solid var(--color-success)}.dimmed-tooltip__btn--secondary:hover{background:color-mix(in srgb, var(--color-success) 5%, transparent);border-color:var(--color-success-dark)}.dimmed-tooltip__btn--secondary:active{background:color-mix(in srgb, var(--color-success) 10%, transparent)}.dimmed-tooltip__btn--secondary:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.dimmed-tooltip__btn--secondary svg{flex-shrink:0}.dimmed-tooltip__pace-logo{color:var(--color-success)}@media (max-width:767px){.dimmed-tooltip-backdrop{background:color-mix(in srgb, var(--color-slate-900) 40%, transparent);z-index:999;animation:fadeIn var(--transition-normal) ease-out;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dimmed-tooltip{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:80vh;box-shadow:0 -10px 40px color-mix(in srgb, var(--color-slate-900) 20%, transparent);animation:.3s ease-out tooltipSlideUp;position:fixed;overflow-y:auto;width:100%!important;max-width:100%!important;inset:auto 0 0!important}@keyframes tooltipSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.dimmed-tooltip .dimmed-tooltip__arrow{display:none}.dimmed-tooltip:before{content:"";width:calc(var(--spacing-3xl) - var(--spacing-sm));height:var(--spacing-xs);background:var(--color-slate-300);border-radius:var(--radius-sm);margin:var(--spacing-md) auto var(--spacing-sm);display:block}.dimmed-tooltip__header{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);gap:var(--spacing-md)}.dimmed-tooltip__icon{width:calc(var(--spacing-3xl) - var(--spacing-xs));height:calc(var(--spacing-3xl) - var(--spacing-xs))}.dimmed-tooltip__content{padding:var(--spacing-lg)}.dimmed-tooltip__action-section{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-2xl);border-radius:0}.dimmed-tooltip__actions{gap:var(--spacing-sm);flex-direction:column}.dimmed-tooltip__btn{padding:var(--spacing-md) var(--spacing-lg);min-height:calc(var(--spacing-3xl) + var(--spacing-xs));width:100%}}@media (min-width:768px) and (max-width:1023px){.dimmed-tooltip{width:420px}.dimmed-tooltip__header,.dimmed-tooltip__content{padding:var(--spacing-lg) var(--spacing-xl)}.dimmed-tooltip__action-section{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl)}}@media (prefers-reduced-motion:reduce){.dimmed-tooltip,.dimmed-tooltip-backdrop{animation:none}.dimmed-tooltip__btn--primary:hover{transform:none}}
.hero-pace-island{border-radius:var(--radius-lg);display:inline-block;overflow:hidden}.hero-pace-island--whoosh .hero-pace-island__content{position:relative;overflow:hidden}.hero-pace-island--whoosh .hero-pace-island__content:after{content:"";pointer-events:none;z-index:10;border-radius:inherit;background:linear-gradient(90deg,#0000,#22c55e4d,#0000);width:100%;height:100%;animation:.6s ease-out forwards hero-pace-island-whoosh;position:absolute;top:0;left:-100%}@keyframes hero-pace-island-whoosh{0%{left:-100%}to{left:100%}}.hero-pace-island__content{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--background);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-normal) ease;display:flex}.hero-pace-island__content:hover{box-shadow:var(--shadow-lg)}.hero-pace-island__logo{color:var(--color-success-dark);align-items:center;display:flex}.hero-pace-island--off .hero-pace-island__logo{filter:grayscale();opacity:.5}.hero-pace-island__toggle{background:var(--color-slate-300);border-radius:var(--radius-full);cursor:pointer;width:52px;height:28px;transition:background var(--transition-normal) ease;border:none;flex-shrink:0;padding:0;position:relative}.hero-pace-island__toggle--on{background:var(--color-success)}.hero-pace-island__toggle:hover{transform:scale(1.02)}.hero-pace-island__toggle:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.hero-pace-island__toggle-knob{background:var(--background);width:24px;height:24px;transition:transform var(--transition-normal) cubic-bezier(.4, 0, .2, 1);box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;top:2px;left:2px}.hero-pace-island__toggle--on .hero-pace-island__toggle-knob{transform:translate(24px)}.hero-pace-island__divider{background:var(--color-slate-200);flex-shrink:0;width:1px;height:32px}.hero-pace-island__view-section{align-items:center;gap:var(--spacing-sm);display:flex}.hero-pace-island__view-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-slate-700);min-width:36px}.hero-pace-island__view-switcher{background:var(--color-slate-100);padding:var(--spacing-xs);border-radius:20px;display:flex}.hero-pace-island__view-btn{width:32px;height:32px;color:var(--color-slate-400);cursor:pointer;transition:all var(--transition-normal) ease;background:0 0;border:none;border-radius:20px;justify-content:center;align-items:center;padding:0;display:flex}.hero-pace-island__view-btn:hover{color:var(--color-slate-600)}.hero-pace-island__view-btn--active{background:var(--background);color:var(--color-primary);box-shadow:var(--shadow-sm)}.hero-pace-island__view-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.hero-pace-island--view-only .hero-pace-island__content{padding:var(--spacing-sm) var(--spacing-lg);gap:var(--spacing-sm)}.hero-pace-island--view-only .hero-pace-island__view-label{font-weight:var(--font-weight-medium);color:var(--color-slate-600)}.hero-pace-island__stats-bar{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-xs) var(--spacing-lg);background:linear-gradient(135deg, var(--color-success) 0%, var(--color-success-dark) 100%);color:#fff;animation:.3s ease-out stats-bar-slide-in;display:flex}@keyframes stats-bar-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hero-pace-island__stats-bar svg{color:#fff;flex-shrink:0}.hero-pace-island__stats-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff}.hero-pace-island__stats-text strong{font-weight:var(--font-weight-bold)}.hero-pace-island__stats-dot{margin:0 var(--spacing-xs);opacity:.7}@media (max-width:767px){.hero-pace-island{width:100%}.hero-pace-island__content{width:100%;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm);justify-content:center}.hero-pace-island__logo svg{width:40px;height:auto}.hero-pace-island__toggle{width:40px;height:22px}.hero-pace-island__toggle-knob{width:18px;height:18px}.hero-pace-island__toggle--on .hero-pace-island__toggle-knob{transform:translate(18px)}.hero-pace-island__divider{height:20px}.hero-pace-island__view-label{font-size:var(--font-size-xs);min-width:unset}.hero-pace-island__view-switcher{padding:2px}.hero-pace-island__view-btn{width:26px;height:26px}.hero-pace-island__stats-bar{padding:var(--spacing-xs) var(--spacing-md)}.hero-pace-island__stats-text{font-size:var(--font-size-xs)}}
.journey-chips-container{border-radius:var(--radius-full);background:#ffffff8c;align-items:center;padding:3px 4px;display:inline-flex}.journey-chips-row{align-items:center;gap:2px;display:flex}.journey-chip{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family-heading);letter-spacing:.02em;white-space:nowrap;cursor:default;align-items:center;gap:6px;padding:5px 14px;line-height:1;display:inline-flex}.journey-chip.completed{color:var(--color-slate-600);font-weight:var(--font-weight-semibold)}.journey-chip.completed svg{color:#22c55e;flex-shrink:0;width:12px;height:12px}.journey-chip.current{color:var(--color-slate-800);font-weight:var(--font-weight-bold);background:#fff;box-shadow:0 1px 4px #0000001a}.journey-chip.current svg{flex-shrink:0;width:12px;height:12px}.journey-chip.current .journey-chip-count{color:var(--color-slate-500)}.journey-chip.not-started{color:var(--color-slate-400)}.journey-chip.not-started .journey-chip-dot{border:1.5px solid var(--color-slate-300);border-radius:50%;flex-shrink:0;width:7px;height:7px}.journey-chip-count{font-weight:var(--font-weight-bold);font-size:var(--font-size-xs,12px);opacity:.85}@media (max-width:767px){.journey-chip{padding:4px 10px}}
.next-up-section{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-2xl);animation:.4s ease-out fadeUp;overflow:visible}.next-up-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.next-up-title-container{align-items:center;gap:var(--spacing-md);display:flex}.next-up-title-group{flex-direction:column;gap:2px;display:flex}.next-up-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);color:var(--color-slate-900)}.next-up-descriptor{font-size:var(--font-size-base);color:var(--color-slate-500);font-weight:var(--font-weight-normal)}.scroll-progress-track{background:var(--color-slate-200);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;width:120px;height:6px;transition:background .2s;position:relative}.scroll-progress-track:hover{background:var(--color-slate-300)}.scroll-progress-pill{border-radius:var(--radius-full);cursor:grab;background:#22c55e;min-width:20px;height:100%;transition:background .2s,box-shadow .2s;position:absolute;top:0}.scroll-progress-pill:hover{background:#16a34a;box-shadow:0 0 0 3px #22c55e33}.scroll-progress-pill.dragging{cursor:grabbing;background:#15803d;box-shadow:0 0 0 4px #22c55e40}.diagnostic-card .activity-card-top.diagnostic{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)!important}.diagnostic-card .diagnostic-badge,.diagnostic-card.current-card .diagnostic-badge,.diagnostic-card.current-card .activity-card-number.diagnostic-badge{color:#fff!important;box-shadow:var(--shadow-warning)!important;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important}.diagnostic-card .activity-card-type-chip.diagnostic{color:var(--color-slate-900);background:0 0}.diagnostic-card .activity-card-cta.diagnostic-cta,.diagnostic-card.current-card .activity-card-cta.diagnostic-cta{color:#fff!important;box-shadow:var(--shadow-warning)!important;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important}@media (max-width:767px){.next-up-section{padding-bottom:var(--spacing-lg);position:relative}.next-up-header .scroll-progress-track{z-index:1;position:absolute;bottom:0;left:50%;transform:translate(-50%)}}
.pace-island{bottom:var(--spacing-xl);z-index:1000;opacity:0;pointer-events:none;transition:transform var(--transition-normal) ease, opacity var(--transition-normal) ease;position:fixed;left:50%;transform:translate(-50%)translateY(100%)}.pace-island--visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.pace-island--whoosh .pace-island__content{position:relative;overflow:hidden}.pace-island--whoosh .pace-island__content:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-success) 30%, transparent), transparent);pointer-events:none;z-index:10;border-radius:inherit;width:100%;height:100%;animation:.6s ease-out forwards pace-island-whoosh;position:absolute;top:0;left:-100%}@keyframes pace-island-whoosh{0%{left:-100%}to{left:100%}}.pace-island__content{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--background);border-radius:var(--radius-full);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-normal) ease;display:flex}.pace-island__content:hover{box-shadow:var(--shadow-lg)}.pace-island__logo{transition:all var(--transition-normal) ease;color:var(--color-success-dark);align-items:center;display:flex}.pace-island--off .pace-island__logo{filter:grayscale();opacity:.5}.pace-island__toggle{background:var(--color-slate-300);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:background var(--transition-normal) ease;border:none;flex-shrink:0;padding:0;position:relative}.pace-island__toggle--on{background:var(--color-success)}.pace-island__toggle:hover{transform:scale(1.02)}.pace-island__toggle:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.pace-island__toggle-knob{background:var(--background);width:20px;height:20px;transition:transform var(--transition-normal) cubic-bezier(.4, 0, .2, 1);box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;top:2px;left:2px}.pace-island__toggle--on .pace-island__toggle-knob{transform:translate(20px)}.pace-island__divider{background:var(--color-slate-200);flex-shrink:0;width:1px;height:24px}.pace-island__view-section{align-items:center;gap:var(--spacing-sm);display:flex}.pace-island__view-switcher{background:var(--color-slate-100);border-radius:var(--radius-full);padding:var(--spacing-xs);display:flex}.pace-island__view-btn{width:28px;height:28px;color:var(--color-slate-400);cursor:pointer;transition:all var(--transition-normal) ease;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.pace-island__view-btn:hover{color:var(--color-slate-600)}.pace-island__view-btn--active{background:var(--background);color:var(--color-primary);box-shadow:var(--shadow-sm)}.pace-island__view-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.pace-island__view-label{font-size:var(--font-size-sm);color:var(--color-slate-600);white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:600}.pace-island--view-only .pace-island__content{padding:var(--spacing-xs) var(--spacing-md);gap:var(--spacing-sm)}@media (min-width:768px) and (max-width:1023px){.pace-island__content{box-shadow:var(--shadow-lg)}.pace-island__divider{height:22px}}@media (max-width:767px){.pace-island{display:none!important}}@media (prefers-reduced-motion:reduce){.pace-island{transition:none}.pace-island--whoosh .pace-island__content:after{animation:none;display:none}.pace-island__toggle:hover{transform:none}.pace-island__toggle-knob,.pace-island__content{transition:none}}
.pace-onboarding__backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;padding:var(--spacing-xl);animation:pace-onboarding-fade-in var(--transition-normal) ease-out;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes pace-onboarding-fade-in{0%{opacity:0}to{opacity:1}}.pace-onboarding__modal{background:var(--background);border-radius:var(--radius-xl);width:100%;max-width:720px;box-shadow:var(--shadow-lg);animation:.3s ease-out pace-onboarding-slide-up;position:relative;overflow:visible}@keyframes pace-onboarding-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pace-onboarding__close{background:var(--background);cursor:pointer;color:var(--color-slate-400);border-radius:var(--radius-full);transition:all var(--transition-fast);z-index:10;width:36px;height:36px;box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-12px;right:-12px}.pace-onboarding__close:hover{color:var(--color-slate-600);transform:scale(1.05)}.pace-onboarding__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pace-onboarding__header{padding:var(--spacing-3xl) var(--spacing-3xl) var(--spacing-2xl);text-align:center;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:linear-gradient(150deg,#eff6ff 0%,#dbeafe 100%)}.pace-onboarding__emoji{font-size:var(--spacing-3xl);margin-bottom:var(--spacing-md);line-height:1;display:inline-block}.pace-onboarding__emoji--waving{transform-origin:70% 70%;animation:2.5s ease-in-out infinite pace-onboarding-wave}@keyframes pace-onboarding-wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.pace-onboarding__title{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-slate-800);line-height:var(--line-height-tight);margin:0}.pace-onboarding__content{padding:var(--spacing-3xl);gap:var(--spacing-xl);flex-direction:column;display:flex}.pace-onboarding__pointer{gap:var(--spacing-md);max-width:600px;display:flex}.pace-onboarding__pointer-bullet{color:var(--color-primary);font-size:var(--font-size-sm);flex-shrink:0;line-height:1.4}.pace-onboarding__pointer-content{flex:1}.pace-onboarding__pointer-text{font-size:var(--font-size-base);color:var(--color-slate-700);margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-normal)}.pace-onboarding__legend{background:var(--color-slate-50);border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex}.pace-onboarding__legend-row{align-items:center;gap:var(--spacing-lg);display:flex}.pace-onboarding__badge{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px var(--spacing-md);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.3px;justify-content:center;min-width:90px;display:inline-flex}.pace-onboarding__badge-icon{font-size:var(--font-size-xs)}.pace-onboarding__badge--skipped{background:var(--background);color:var(--color-slate-500);border:1px dashed #d1d5db;border-radius:6px;text-decoration:line-through}.pace-onboarding__badge--normal{color:var(--color-slate-900);background:#dbeafe}.pace-onboarding__legend-label{font-size:var(--font-size-sm);color:var(--color-slate-600)}.pace-onboarding__toggle-visual{background:var(--color-slate-50);border-radius:var(--radius-lg);padding:var(--spacing-lg);align-items:center;gap:var(--spacing-lg);display:flex}.pace-onboarding__toggle-demo{align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg, var(--color-success) 0%, var(--color-success-dark) 100%);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);display:flex}.pace-onboarding__toggle-logo{color:var(--text-inverse);flex-shrink:0}.pace-onboarding__toggle-switch{align-items:center;display:flex}.pace-onboarding__toggle-track{border-radius:var(--radius-full);background:#ffffff4d;width:36px;height:20px;position:relative}.pace-onboarding__toggle-thumb{background:var(--background);border-radius:var(--radius-full);width:16px;height:16px;box-shadow:var(--shadow-sm);position:absolute;top:2px;right:2px}.pace-onboarding__toggle-hint{font-size:var(--font-size-sm);color:var(--color-slate-600)}.pace-onboarding__actions{align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-3xl) var(--spacing-3xl);background:var(--color-slate-50);border-top:1px solid var(--color-slate-100);border-radius:0 0 var(--radius-xl) var(--radius-xl);display:flex}.pace-onboarding__action-wrapper{align-items:center;gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.pace-onboarding__action-subtext{font-size:var(--font-size-xs);color:var(--color-slate-400);font-style:italic}.pace-onboarding__btn{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;display:inline-flex}.pace-onboarding__btn--primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-blue-600) 100%);color:var(--text-inverse);box-shadow:var(--shadow-md)}.pace-onboarding__btn--primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pace-onboarding__btn--primary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pace-onboarding__btn--secondary{background:var(--background);color:var(--color-slate-700);border:1px solid var(--color-slate-200)}.pace-onboarding__btn--secondary:hover{background:var(--color-slate-50);border-color:var(--color-slate-300)}.pace-onboarding__btn--secondary:focus-visible{outline:2px solid var(--color-slate-400);outline-offset:2px}.pace-onboarding__video-modal{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-blue-600) 100%);border-radius:var(--radius-xl);width:100%;max-width:900px;box-shadow:var(--shadow-lg);animation:.3s ease-out pace-onboarding-slide-up;position:relative;overflow:visible}.pace-onboarding__video-modal .pace-onboarding__close{width:40px;height:40px;top:-16px;right:-16px}.pace-onboarding__video-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid #ffffff1a;display:flex}.pace-onboarding__back-btn{border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;padding:var(--spacing-xs);width:28px;height:28px;transition:background var(--transition-fast);background:#ffffff26;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pace-onboarding__back-btn:hover{background:#ffffff40}.pace-onboarding__video-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-inverse);align-items:center;gap:var(--spacing-sm);margin:0;display:flex}.pace-onboarding__video-container{background:var(--color-slate-900);border-radius:0 0 var(--radius-xl) var(--radius-xl);width:100%;padding-top:56.25%;position:relative;overflow:hidden}.pace-onboarding__video-container iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:767px){.pace-onboarding__backdrop{padding:var(--spacing-md);align-items:center}.pace-onboarding__modal{max-width:100%;max-height:90vh;overflow-y:auto}.pace-onboarding__close{top:var(--spacing-lg);right:var(--spacing-lg);width:32px;height:32px}.pace-onboarding__header{padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-xl);text-align:left}.pace-onboarding__emoji{font-size:var(--spacing-2xl)}.pace-onboarding__title{font-size:var(--font-size-h4)}.pace-onboarding__content{padding:var(--spacing-xl);gap:var(--spacing-lg)}.pace-onboarding__legend,.pace-onboarding__toggle-visual{padding:var(--spacing-md)}.pace-onboarding__legend-row{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.pace-onboarding__badge{min-width:auto}.pace-onboarding__toggle-visual{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.pace-onboarding__actions{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-2xl);gap:var(--spacing-md);flex-direction:column-reverse}.pace-onboarding__action-wrapper{width:100%}.pace-onboarding__btn{padding:var(--spacing-md) var(--spacing-lg)}.pace-onboarding__video-modal{max-width:100%;margin:var(--spacing-md);border-radius:var(--radius-lg)}.pace-onboarding__video-modal .pace-onboarding__close{width:36px;height:36px;top:-12px;right:-12px}.pace-onboarding__video-container{border-radius:0 0 var(--radius-lg) var(--radius-lg)}}@media (prefers-reduced-motion:reduce){.pace-onboarding__emoji--waving,.pace-onboarding__backdrop,.pace-onboarding__modal,.pace-onboarding__video-modal{animation:none}.pace-onboarding__btn:hover,.pace-onboarding__close:hover{transform:none}}
.sat-lms-demo{--color-primary:#006fee;--color-primary-dark:#0050b3;--color-primary-light:#2088ff;--color-primary-50:#eff6ff;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-success:#22c55e;--color-success-dark:#16a34a;--color-success-light:#4ade80;--color-success-50:#dcfce7;--color-green-100:#d1fae5;--color-green-400:#4ade80;--color-green-500:#22c55e;--color-green-600:#16a34a;--color-green-700:#15803d;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-warning-light:#fbbf24;--color-amber-50:#fffbeb;--color-amber-100:#fef3c7;--color-amber-400:#fbbf24;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--color-amber-700:#b45309;--color-red:#f31260;--color-red-dark:#be123c;--color-red-light:#ff4d8d;--color-red-50:#fee2e2;--color-red-500:#ef4444;--color-purple:#8b5cf6;--color-purple-dark:#7c3aed;--color-purple-light:#a78bfa;--color-purple-100:#ede9fe;--color-purple-400:#a78bfa;--color-purple-500:#8b5cf6;--color-purple-600:#7c3aed;--color-purple-700:#6d28d9;--color-cyan:#0ea5e9;--color-cyan-dark:#0284c7;--color-cyan-light:#38bdf8;--color-cyan-100:#cffafe;--color-cyan-500:#06b6d4;--color-cyan-600:#0891b2;--color-cyan-700:#0e7490;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--text-primary:#11181c;--text-secondary:#71717a;--text-muted:#a1a1aa;--text-tertiary:#9ca3af;--text-inverse:#fff;--background:#fff;--background-card:#fff;--border:#e4e4e7;--border-default:#e4e4e7;--border-medium:#d1d5db;--overlay-light:#0000000a;--primary-alpha-10:#006fee1a;--primary-alpha-20:#006fee33;--gradient-primary:linear-gradient(90deg, #006fee 0%, #2088ff 100%);--gradient-success:linear-gradient(90deg, #22c55e 0%, #16a34a 100%);--gradient-warning:linear-gradient(90deg, #f59e0b 0%, #d97706 100%);--gradient-purple:linear-gradient(90deg, #8b5cf6 0%, #7c3aed 100%);--gradient-red:linear-gradient(90deg, #f31260 0%, #ff4d8d 100%);--gradient-cyan:linear-gradient(90deg, #0ea5e9 0%, #38bdf8 100%);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--max-content-width:100%;--page-padding-x:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 8px 32px #00000026;--shadow-card:0 1px 3px #0000001a;--shadow-card-hover:0 4px 12px #00000014;--shadow-dropdown:0 4px 16px #0000001a;--shadow-subtle:0 2px 8px #0000000f;--shadow-medium:0 2px 8px #0000001a;--shadow-strong:0 2px 8px #00000026;--shadow-primary-sm:0 2px 8px #006fee4d;--shadow-primary-md:0 4px 12px #006fee66;--shadow-primary-lg:0 6px 16px #006fee66;--shadow-success-sm:0 4px 12px #22c55e40;--shadow-success:0 4px 12px #22c55e4d;--shadow-success-md:0 4px 14px #22c55e66;--shadow-success-lg:0 6px 20px #22c55e80;--shadow-warning:0 4px 12px #f59e0b4d;--shadow-warning-md:0 6px 16px #f59e0b66;--shadow-error-sm:0 2px 4px #dc26264d;--shadow-error:0 4px 12px #dc26264d;--shadow-error-md:0 4px 14px #dc262666;--shadow-purple:0 4px 12px #7c3aed4d;--shadow-purple-md:0 6px 16px #7c3aed66;--transition-fast:.15s ease;--transition-normal:.2s ease;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-base:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-2xs:10px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-display-48:48px;--font-size-display-60:60px;--font-size-h3:28px;--font-size-h4:22px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7}@media (min-width:768px) and (max-width:1023px){.sat-lms-demo{--page-padding-x:20px}}@media (max-width:767px){.sat-lms-demo{--page-padding-x:16px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.view-animate{animation:.4s ease-out fadeUp}.page-home{background:var(--color-slate-50);min-height:100vh;font-family:var(--font-family);color:var(--color-slate-800)}.sat-lms-demo__scroll{scrollbar-width:thin;scrollbar-color:#64748b73 transparent}.sat-lms-demo__scroll::-webkit-scrollbar{width:6px}.sat-lms-demo__scroll::-webkit-scrollbar-track{background:0 0}.sat-lms-demo__scroll::-webkit-scrollbar-thumb{background:#64748b6b;border-radius:999px}.sat-lms-demo__scroll::-webkit-scrollbar-thumb:hover{background:#4755698f}.secondary-nav{background:var(--color-slate-50);top:var(--header-top-offset,72px);z-index:90;border-bottom:1px solid #006fee0f;transition:transform .3s,opacity .3s,top .3s;position:sticky}.secondary-nav.nav-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.secondary-nav-container{padding:0 var(--page-padding-x);margin:0 auto;position:relative}.scroll-fade{z-index:10;pointer-events:none;align-items:center;width:80px;display:flex;position:absolute;top:0;bottom:0}.scroll-fade-left{left:var(--page-padding-x);background:linear-gradient(to right, var(--color-slate-50) 0%, var(--color-slate-50) 30%, transparent 100%);justify-content:flex-start;padding-left:0}.scroll-fade-right{right:var(--page-padding-x);background:linear-gradient(to left, var(--color-slate-50) 0%, var(--color-slate-50) 30%, transparent 100%);justify-content:flex-end;padding-right:0}.scroll-arrow{border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;color:var(--color-slate-500);box-shadow:var(--shadow-subtle);transition:all var(--transition-fast);pointer-events:auto;background:#fff;border:1px solid #00000014;justify-content:center;align-items:center;display:flex}.scroll-arrow:hover{color:var(--color-primary);box-shadow:var(--shadow-primary-subtle);background:#fff;border-color:#006fee33}.secondary-nav-tabs{scrollbar-width:none;-ms-overflow-style:none;justify-content:space-around;gap:10px;padding:12px 0;display:flex;overflow-x:auto}.secondary-nav-tabs::-webkit-scrollbar{display:none}.secondary-nav-tab{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium);color:var(--color-slate-500);white-space:nowrap;transition:all var(--transition-fast);box-shadow:var(--shadow-subtle);background:#fff;border:1px solid #0000000f;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:flex}.secondary-nav-tab:hover{color:var(--color-slate-700);box-shadow:var(--shadow-primary-subtle);background:#fff;border-color:#006fee26}.secondary-nav-tab.active{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-blue-500) 100%);color:#fff;box-shadow:var(--shadow-primary-glow);border-color:#0000}.secondary-nav-tab .tab-label{font-weight:inherit}.secondary-nav-tab.active .tab-label{font-weight:var(--font-weight-semibold);color:#fff}.tab-progress-chip{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);color:var(--color-primary);background:#006fee1a;padding:2px 8px}.secondary-nav-tab.active .tab-progress-chip{color:var(--color-primary);background:#fff}.secondary-nav-tab.completed .tab-progress-chip{color:var(--color-success-dark);background:#22c55e1f}.secondary-nav-tab.completed:hover{box-shadow:var(--shadow-success-sm);border-color:#22c55e33}.secondary-nav-tab.active.completed{background:linear-gradient(135deg, var(--color-success) 0%, var(--color-success-dark) 100%);box-shadow:var(--shadow-success)}.secondary-nav-tab.active.completed .tab-progress-chip{color:var(--color-success-dark);background:#fff}.tab-progress-chip.pace-progress{align-items:center;gap:3px;display:inline-flex}.tab-pace-icon{flex-shrink:0}.tab-progress-chip .tab-pace-icon,.secondary-nav-tab.active .tab-progress-chip .tab-pace-icon{color:#f59e0b}.confetti-container{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.confetti-piece{opacity:0;width:10px;height:10px;animation:4s ease-out forwards confetti-fall;position:absolute;top:-20px}.confetti-piece:nth-child(odd){border-radius:50%}.confetti-piece:nth-child(2n){border-radius:2px;transform:rotate(45deg)}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.course-hero-wrapper{padding:0;position:relative}.course-hero-banner{padding:var(--spacing-2xl) 0;border-radius:0;position:relative;overflow:hidden}.course-hero-banner:before{content:"";pointer-events:none;background:radial-gradient(at 20% 0,#ffffff26 0%,#0000 50%),radial-gradient(at 80% 100%,#0000001a 0%,#0000 50%);position:absolute;inset:0}.course-hero-banner:after{content:"";bottom:10px;right:var(--page-padding-x);pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23ffffff'%3E%3Cpath d='m22.922 1.7a3.017 3.017 0 0 0 -2.516-.636l-4.122 1a4 4 0 0 0 -3.284 3.936v14.8l-1 .181-1-.181v-14.8a3.979 3.979 0 0 0 -3.227-3.923l-4.237-1.028a3 3 0 0 0 -3.536 2.951v16.834l12 2.183 12-2.183v-16.834a2.992 2.992 0 0 0 -1.078-2.3z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:180px;height:180px;position:absolute}.course-hero-banner.focus-mode:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23ffffff'%3E%3Cpath d='M1.327,12.4,4.887,15,3.535,19.187A3.178,3.178,0,0,0,4.719,22.8a3.177,3.177,0,0,0,3.8-.019L12,20.219l3.482,2.559a3.227,3.227,0,0,0,4.983-3.591L19.113,15l3.56-2.6a3.227,3.227,0,0,0-1.9-5.832H16.4L15.073,2.432a3.227,3.227,0,0,0-6.146,0L7.6,6.568H3.231a3.227,3.227,0,0,0-1.9,5.832Z'/%3E%3C/svg%3E")}.course-hero-content{z-index:1;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);max-width:var(--max-content-width);padding:0 var(--page-padding-x);margin:0 auto;display:flex;position:relative}.course-hero-left{flex:1}.course-hero-category{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-bold);text-transform:uppercase;color:#ffffffd9;margin-bottom:var(--spacing-md);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;padding:6px 12px;display:inline-block}.course-hero-title{font-size:var(--font-size-3xl,32px);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--spacing-md) 0;letter-spacing:-.5px;text-shadow:0 2px 4px #0000001a}.course-hero-completion-section{margin-top:var(--spacing-md)}.course-hero-completion-status{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.course-hero-next-course{margin-top:var(--spacing-md)}.next-course-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003!important}.course-complete-cta-section{border-top:1px solid var(--color-slate-200);margin-top:60px;padding-top:40px}.course-complete-card{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#22c55e0f 0%,#16a34a05 100%);border:1px solid #22c55e26;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.course-complete-card:before{content:"";background:linear-gradient(90deg,#22c55e 0%,#16a34a 50%,#22c55e 100%);height:4px;position:absolute;top:0;left:0;right:0}.completion-status-side{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.completion-badge-circle{background:linear-gradient(135deg,#22c55e26 0%,#16a34a14 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.completion-badge-icon{color:#22c55e}.completion-message{flex-direction:column;align-items:center;gap:4px;display:flex}.completion-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-success-dark);margin:0}.completion-subtitle{font-size:var(--font-size-base);color:var(--color-slate-600);margin:0}.completion-divider{background:var(--color-slate-200);width:60px;height:1px;margin:var(--spacing-lg) 0}.next-course-side{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border:1px solid var(--color-slate-200);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-card-hover);background:#fff;flex-direction:column;display:flex}.next-course-label-chip{color:#fff;font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-bold);letter-spacing:.5px;border-radius:var(--radius-full);text-transform:uppercase;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);padding:4px 12px;display:inline-flex}.next-course-details{flex-direction:column;align-items:center;gap:4px;display:flex}.next-course-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-slate-900)}.next-course-meta{font-size:var(--font-size-sm);color:var(--color-slate-500)}.next-course-start-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);color:#fff;border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--shadow-success-md);transition:all var(--transition-fast);background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;justify-content:center;width:100%;display:inline-flex}.next-course-start-btn:hover{box-shadow:var(--shadow-success-lg);transform:translateY(-2px)}.all-courses-complete-side{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fbbf241a 0%,#f59e0b0d 100%);border:1px solid #fbbf244d;flex-direction:column;display:flex}.star-badge{color:#f59e0b;filter:drop-shadow(0 2px 4px #f59e0b4d)}.all-complete-message{flex-direction:column;align-items:center;gap:4px;display:flex}.all-complete-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#d97706}.all-complete-desc{font-size:var(--font-size-sm);color:var(--color-slate-500)}@media (max-width:767px){.course-complete-card{padding:var(--spacing-xl) var(--spacing-lg)}.completion-badge-circle{width:64px;height:64px}.next-course-side{max-width:100%}}.course-hero-estimated-time{font-size:var(--font-size-sm);color:#ffffffd9;margin-bottom:var(--spacing-lg);align-items:center;gap:6px;display:flex}.course-hero-estimated-time svg{flex-shrink:0}.course-hero-banner.full-view-mode .course-hero-estimated-time{color:var(--color-slate-500)}.course-hero-progress{align-items:center;gap:var(--spacing-lg);display:flex}.course-hero-progress-bar{border-radius:var(--radius-full);background:#ffffff40;width:180px;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.course-hero-progress-fill{border-radius:var(--radius-full);background:#fff;height:100%;transition:width .6s ease-out;box-shadow:0 0 8px #ffffff80}.course-hero-progress-row{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.course-hero-progress-text{font-size:var(--font-size-sm,14px);color:#fffffff2;font-weight:var(--font-weight-medium)}.course-hero-dot-separator{color:var(--color-slate-400);font-size:var(--font-size-base,16px);-webkit-user-select:none;user-select:none;line-height:1}.course-hero-stats-toggle{color:var(--color-primary);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;padding:0;display:inline-flex}.course-hero-stats-toggle:hover,.course-hero-stats-toggle.expanded{color:var(--color-primary-dark,#0051a8)}.course-hero-stats-toggle svg{width:14px;height:14px;transition:transform var(--transition-fast);flex-shrink:0}.course-hero-stats-toggle.expanded svg{transform:rotate(180deg)}@media (max-width:1023px){.course-hero-stats-toggle{display:none}}.course-hero-stage-chip{border-radius:var(--radius-full);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);white-space:nowrap;align-items:center;padding:4px 12px;display:inline-flex}.course-hero-banner.focus-mode .course-hero-stage-chip{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3}.course-hero-stage-chip.stage-diagnostic{color:#b45309;background:#f59e0b26}.course-hero-stage-chip.stage-learning{color:var(--color-primary);background:#006fee1f}.course-hero-stage-chip.stage-cementing{color:#16a34a;background:#16a34a1f}.course-hero-stage-chip.stage-final{color:#7c3aed;background:#8b5cf61f}.course-hero-stage-chip.stage-revision{color:#0891b2;background:#06b6d41f}.course-hero-stage-chip.stage-completed{color:#16a34a;background:#22c55e26}.course-hero-right{flex-shrink:0}.course-hero-banner .view-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);background:#fff3;border:1px solid #ffffff4d;padding:5px}.course-hero-banner .view-toggle-btn{color:#ffffffe6;font-weight:var(--font-weight-semibold);align-items:center;gap:8px;padding:10px 20px;display:flex}.course-hero-banner .view-toggle-btn svg{flex-shrink:0}.course-hero-banner .view-toggle-btn:hover:not(.active){color:#fff;background:#ffffff26}.course-hero-banner .view-toggle-btn.active{color:var(--color-slate-800);box-shadow:var(--shadow-strong);background:#fff}.course-hero-banner .view-toggle-btn.active svg{color:var(--color-primary)}.course-hero-banner.full-view-mode{box-shadow:none;background:#d8eafc}.course-hero-banner.full-view-mode:before{background:0 0}.course-hero-banner.full-view-mode:after{opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%2364748b'%3E%3Cpath d='m22.922 1.7a3.017 3.017 0 0 0 -2.516-.636l-4.122 1a4 4 0 0 0 -3.284 3.936v14.8l-1 .181-1-.181v-14.8a3.979 3.979 0 0 0 -3.227-3.923l-4.237-1.028a3 3 0 0 0 -3.536 2.951v16.834l12 2.183 12-2.183v-16.834a2.992 2.992 0 0 0 -1.078-2.3z'/%3E%3C/svg%3E")}.course-hero-banner.full-view-mode .course-hero-category{color:var(--color-slate-600);-webkit-backdrop-filter:none;backdrop-filter:none;background:#64748b1f}.course-hero-banner.full-view-mode .course-hero-title{color:var(--color-slate-900);text-shadow:none}.course-hero-banner.full-view-mode .course-hero-progress-bar{display:none}@media (max-width:1023px){.course-hero-banner.full-view-mode .course-hero-progress-bar{display:block}}.course-hero-banner.full-view-mode .course-hero-progress-fill{background:var(--color-primary);box-shadow:0 0 8px #006fee4d}.course-hero-banner.full-view-mode .course-hero-progress-text{color:var(--color-slate-600)}.course-hero-banner.full-view-mode .view-toggle{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow-subtle);background:#fff;border:1px solid #64748b26}.course-hero-banner.full-view-mode .view-toggle-btn{color:var(--color-slate-600)}.course-hero-banner.full-view-mode .view-toggle-btn:hover:not(.active){color:var(--color-slate-800);background:#64748b14}.course-hero-banner.full-view-mode .view-toggle-btn.active{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-blue-500) 100%);color:#fff;box-shadow:var(--shadow-primary-sm)}.course-hero-banner.full-view-mode .view-toggle-btn.active svg{color:#fff}.course-hero-banner.full-view-mode.course-completed{background:#dcfce7}.course-hero-banner.full-view-mode.course-completed .course-hero-category{color:var(--color-success-dark);background:#22c55e26}.course-hero-banner.full-view-mode.course-completed .view-toggle-btn.active{background:linear-gradient(135deg, var(--color-success) 0%, var(--color-success-dark) 100%);box-shadow:var(--shadow-success-sm)}.course-hero-banner.focus-mode.course-completed .view-toggle-btn.active svg{color:var(--color-success-dark)}.course-hero-banner.course-completed:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M5.166 2.621v.858c-1.035.148-2.059.33-3.071.543a.75.75 0 0 0-.584.859 6.753 6.753 0 0 0 6.138 5.6 6.73 6.73 0 0 0 2.743 1.346A6.707 6.707 0 0 1 9.279 15H8.54c-1.036 0-1.875.84-1.875 1.875V19.5h-.75a2.25 2.25 0 0 0-2.25 2.25c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-2.25-2.25h-.75v-2.625c0-1.036-.84-1.875-1.875-1.875h-.739a6.706 6.706 0 0 1-1.112-3.173 6.73 6.73 0 0 0 2.743-1.347 6.753 6.753 0 0 0 6.139-5.6.75.75 0 0 0-.585-.858 47.077 47.077 0 0 0-3.07-.543V2.62a.75.75 0 0 0-.658-.744 49.22 49.22 0 0 0-6.093-.377c-2.063 0-4.096.128-6.093.377a.75.75 0 0 0-.657.744Zm0 2.629c0 1.196.312 2.32.857 3.294A5.266 5.266 0 0 1 3.16 5.337a45.6 45.6 0 0 1 2.006-.343v.256Zm13.5 0v-.256c.674.1 1.343.214 2.006.343a5.265 5.265 0 0 1-2.863 3.207 6.72 6.72 0 0 0 .857-3.294Z' clip-rule='evenodd'/%3E%3C/svg%3E")}.course-hero-wrapper.with-stats-bar{padding-bottom:0;transition:filter .3s}.stats-toggle-bar-wrapper{z-index:2;max-width:var(--max-content-width);padding:32px var(--page-padding-x) 0;margin:0 auto;position:relative}.stats-toggle-bar{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-subtle);font-family:var(--font-family);font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-medium);color:var(--color-slate-600);cursor:pointer;transition:all var(--transition-fast);background:#fff;border:none;padding:16px 24px;display:flex}.stats-toggle-bar:hover{background:var(--color-slate-50);color:var(--color-slate-700)}.stats-toggle-bar.expanded{background:var(--color-primary);color:#fff}.stats-toggle-bar.expanded:hover{background:var(--color-primary-dark)}.stats-toggle-bar svg{flex-shrink:0}.stats-panel-container{background:#fff;max-height:0;transition:max-height .4s ease-out;overflow:hidden}.stats-panel-container.expanded{max-height:400px}.stats-panel-content{max-width:var(--max-content-width);padding:var(--spacing-xl) var(--page-padding-x);margin:0 auto}.journey-track-hero-wrapper{z-index:20;max-width:var(--max-content-width);padding:var(--spacing-xl) var(--page-padding-x) var(--spacing-lg);margin:0 auto;position:relative}.journey-track-hero-wrapper .course-journey-track{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-xl);box-shadow:var(--shadow-dropdown);background:#fffffff2;border:1px solid #fffc}.journey-track-hero-wrapper .stats-cards-grid{margin-top:0}.journey-track-hero-wrapper .stats-fresh-message{margin-bottom:var(--spacing-md)}.compact-journey-track-wrapper{z-index:20;max-width:var(--max-content-width);margin:0 auto;margin-top:var(--spacing-lg);padding:0 var(--page-padding-x) var(--spacing-lg);position:relative}.stats-cards-grid{border-radius:var(--radius-xl);border:1px solid var(--color-slate-200);background:#fff;grid-template-columns:1fr 1fr 1fr;align-items:stretch;gap:0;display:grid;overflow:hidden}.stats-fresh-message{text-align:center;padding:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-md)}.stats-fresh-text{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium);color:var(--color-slate-500);font-style:italic}.stats-cards-grid.fresh-state{opacity:.5;filter:grayscale(.6);pointer-events:none}.stats-cards-grid .stat-card{padding:var(--spacing-xl);border:none;border-right:1px dashed var(--color-slate-200);min-height:140px;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;transition:none;display:flex;position:relative}.stats-cards-grid .stat-card:hover{box-shadow:none;transform:none}.stats-cards-grid .stat-card:last-child{border-right:none}.stat-card-label{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md);text-align:center;display:block}.stat-card-subtitle{font-size:var(--font-size-xs);color:var(--color-slate-400);text-align:center;margin-top:calc(-1 * var(--spacing-sm));margin-bottom:var(--spacing-sm);display:block}.stat-prominent-value{font-size:var(--font-size-xl,20px);font-weight:var(--font-weight-bold);color:var(--color-slate-800);line-height:1.2}.stat-secondary-label{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium);color:var(--color-slate-500)}.stat-card-body{align-items:center;gap:var(--spacing-lg);flex:1;display:flex}.progress-donut{flex-shrink:0;width:110px;height:110px;position:relative}.donut-chart{width:100%;height:100%;transform:rotate(-90deg)}.donut-bg{fill:none;stroke:#22c55e26;stroke-width:12px}.donut-fill{fill:none;stroke:#22c55e;stroke-width:12px;stroke-linecap:round;transition:stroke-dasharray .6s}.donut-end-circle{fill:#22c55e;stroke:#fff;stroke-width:3px}.donut-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-percentage{font-size:var(--font-size-xl,20px);color:var(--color-slate-800);font-weight:700}.modules-list{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.stat-list-item{align-items:center;gap:var(--spacing-sm);display:flex}.list-icon{flex-shrink:0;width:18px;height:18px}.list-icon.completed{color:#22c55e}.list-icon.in-progress{color:var(--color-primary)}.list-icon.not-started{color:var(--color-slate-300)}.stat-fraction{font-size:var(--font-size-base,16px);color:var(--color-slate-700);min-width:36px;font-weight:700}.stat-list-label{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium);color:var(--color-slate-500)}.stat-grades{justify-content:center;align-items:center;gap:var(--spacing-3xl);flex-wrap:wrap;flex:1;display:flex}.grade-item{align-items:center;gap:var(--spacing-xs);cursor:pointer;flex-direction:column;display:flex}.grade-count{font-size:var(--font-size-xl,20px);color:var(--color-slate-800);font-weight:700}.stat-time-rows{row-gap:var(--spacing-md);column-gap:var(--spacing-xl);flex:1;grid-template-columns:1fr auto;align-items:center;display:grid}.time-row{grid-template-columns:subgrid;grid-column:1/-1;align-items:center;display:grid}.time-row-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-slate-600)}.time-row-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-slate-800);white-space:nowrap;text-align:right}.time-row-pace-savings{background:var(--color-success-50);border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-md);margin:0 calc(-1 * var(--spacing-md))}.time-row-pace-savings .time-row-label,.time-row-pace-savings .time-row-value{color:var(--color-success-dark);font-weight:var(--font-weight-semibold)}.time-row-pace-logo{vertical-align:middle;color:var(--color-slate-600)}.time-row-pace-savings .time-row-pace-logo{color:var(--color-success-dark)}@media (max-width:900px){.stats-cards-grid{grid-template-columns:1fr}.stats-panel-content{padding:var(--spacing-lg) var(--spacing-md)}.stat-card-body{justify-content:center}.stat-grades{justify-content:space-around}}.pace-progress-footnote{font-size:var(--font-size-xs);color:var(--color-slate-400);text-align:right;margin-top:var(--spacing-xl);padding:var(--spacing-md) 0;font-style:italic}.activity-search-filter-bar{gap:var(--spacing-md);padding:var(--spacing-xs) 0 0 0;flex-direction:column;display:flex}.activity-search-box{border-radius:var(--radius-lg);border:1px solid var(--color-slate-200);width:100%;transition:all var(--transition-fast);background:#fff;align-items:center;display:flex;position:relative;overflow:hidden}.search-box-compact{flex-shrink:0;width:240px}.search-box-compact .activity-search-input{font-size:var(--font-size-xs,12px);padding:8px 12px}.search-box-compact .search-action-btn{border-radius:var(--radius-md);width:32px;height:32px;margin:3px}.activity-search-box:focus-within{border-color:var(--color-primary)}.activity-search-input{font-family:var(--font-family);font-size:var(--font-size-sm,14px);color:var(--color-slate-800);background:0 0;border:none;flex:1;padding:16px 20px}.activity-search-input:focus{outline:none}.activity-search-input::placeholder{color:var(--color-slate-400)}.search-action-btn{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;margin:4px;display:flex}.search-action-btn:hover{background:var(--color-primary-dark)}.search-action-btn.clear{background:var(--color-slate-200);color:var(--color-slate-600)}.search-action-btn.clear:hover{background:var(--color-slate-300);color:var(--color-slate-800)}.header-controls{align-items:center;gap:var(--spacing-sm);display:flex}.search-icon-trigger{border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);width:36px;height:36px;color:var(--color-slate-600);cursor:pointer;transition:all var(--transition-fast);background:#fff;flex-shrink:0;justify-content:center;align-items:center;display:none}.search-icon-trigger:hover,.search-icon-trigger.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.mobile-search-expanded{width:100%;display:none}.mobile-search-expanded .activity-search-box{width:100%}.mobile-search-expanded .activity-search-input{font-size:var(--font-size-sm,14px);padding:10px 14px}.filter-toggle-btn{border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium);color:var(--color-slate-600);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#fff;align-items:center;gap:6px;padding:8px 14px;display:flex;position:relative}.filter-toggle-btn svg{flex-shrink:0;width:16px;height:16px}.filter-toggle-btn:hover{background:var(--color-slate-50);border-color:var(--color-slate-300)}.filter-toggle-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:#eff6ff}.filter-badge{background:var(--color-primary);color:#fff;min-width:18px;height:18px;font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;padding:0 5px;display:flex;position:absolute;top:-6px;right:-6px}.filter-dropdown-wrapper{position:relative}.filter-dropdown{border:1px solid var(--color-slate-150,var(--color-slate-200));border-radius:var(--radius-xl);z-index:100;background:#fff;flex-direction:column;gap:20px;min-width:340px;padding:16px 18px;animation:.15s ease-out filterDropdownIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 24px #00000014,0 1px 4px #0000000a}@keyframes filterDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.filter-dropdown-section{flex-direction:column;gap:8px;display:flex}.filter-dropdown-label{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}.filter-dropdown-pills{flex-wrap:wrap;gap:8px;display:flex}.filter-pill{border-radius:var(--radius-md,8px);background:var(--color-slate-100,#f1f5f9);font-family:var(--font-family);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium);color:var(--color-slate-600);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:6px 14px;transition:all .15s}.filter-pill:hover{background:var(--color-slate-200,#e2e8f0);box-shadow:0 1px 3px #0000000f}.filter-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 1px 4px #3b82f64d}.filter-pill.active:hover{filter:brightness(1.05)}.filter-dropdown-footer{justify-content:space-between;align-items:center;padding-top:6px;display:flex}.filter-match-count{font-size:var(--font-size-xs,12px);color:var(--color-slate-400)}.filter-match-count strong{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.filter-clear-btn{font-family:var(--font-family);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:4px 0;transition:opacity .15s}.filter-clear-btn:hover{opacity:.8;text-decoration:underline}.hide-skipped-toggle{border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium);color:var(--color-slate-600);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#fff;align-items:center;gap:6px;padding:8px 14px;display:flex}.hide-skipped-toggle svg{flex-shrink:0;width:16px;height:16px}.hide-skipped-toggle:hover{background:var(--color-slate-50);border-color:var(--color-slate-300)}.hide-skipped-toggle.active{color:#b45309;background:#fffbeb;border-color:#f59e0b}.expand-mode-switcher{background:var(--color-slate-100);border-radius:var(--radius-md);border:1px solid var(--color-slate-200);flex-shrink:0;align-items:center;padding:3px;display:flex}.expand-mode-btn{font-family:var(--font-family);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium);color:var(--color-slate-500);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;display:flex}.expand-mode-btn svg{flex-shrink:0;width:13px;height:13px}.expand-mode-btn:hover:not(.expand-mode-btn--active){color:var(--color-slate-700);background:#ffffff80}.expand-mode-btn--active{color:var(--color-slate-900);box-shadow:var(--shadow-sm);cursor:default;background:#fff}.expand-mode-dropdown-wrapper{flex-shrink:0;display:none;position:relative}.expand-mode-dropdown-btn{border:1px solid var(--color-slate-200);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium);color:var(--color-slate-700);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#fff;align-items:center;gap:6px;padding:6px 12px;display:flex}.expand-mode-dropdown-btn:hover,.expand-mode-dropdown-btn.active{background:var(--color-slate-50);border-color:var(--color-slate-300)}.expand-mode-dropdown-btn svg:last-child{color:var(--color-slate-400);transition:transform var(--transition-fast);margin-left:2px}.expand-mode-dropdown-btn.active svg:last-child{transform:rotate(180deg)}.expand-mode-dropdown-menu{border:1px solid var(--color-slate-200);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-dropdown);z-index:90;background:#fff;padding:4px;position:absolute;top:calc(100% + 4px);right:0}.expand-mode-dropdown-item{width:100%;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-slate-600);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.expand-mode-dropdown-item:hover{background:var(--color-slate-50);color:var(--color-slate-900)}.expand-mode-dropdown-item.active{color:var(--color-primary);font-weight:var(--font-weight-medium)}.filter-label{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);color:var(--color-slate-500);flex-shrink:0}.type-filter-btn{border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium);color:var(--color-slate-600);cursor:pointer;transition:all var(--transition-fast);background:#fff;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 16px;display:inline-flex}.type-filter-btn svg{flex-shrink:0}.type-filter-btn:hover{border-color:var(--color-slate-300);background:var(--color-slate-50)}.type-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.type-filter-btn.concept.active{background:var(--color-primary);border-color:var(--color-primary)}.type-filter-btn.skill.active{background:#d97706;border-color:#d97706}.type-filter-btn.uqe.active{background:#16a34a;border-color:#16a34a}.type-filter-btn.mock.active{background:#d97706;border-color:#d97706}.type-filter-btn.remedial.active{background:#dc2626;border-color:#dc2626}.type-filter-btn.cementing.active{background:#0891b2;border-color:#0891b2}.type-filter-btn.revision.active{background:#ea580c;border-color:#ea580c}@media (max-width:767px){.activity-search-filter-bar{gap:var(--spacing-md)}.activity-search-input{padding:14px 16px}.search-action-btn{width:40px;height:40px}.activity-type-filters{gap:var(--spacing-xs);flex-wrap:wrap}.filter-label{width:100%;margin-bottom:var(--spacing-xs)}.type-filter-btn{flex:0 auto;padding:10px 14px}}.page-layout{min-height:100vh;transition:all .3s;display:flex}.page-main-area{flex:1;min-width:0;transition:all .3s}.page-home-content{max-width:var(--max-content-width);padding:var(--spacing-2xl) var(--page-padding-x) 60px;margin:0 auto}.page-home-content.full-view-mode{margin-top:0}@media (max-width:1023px){.journey-track-hero-wrapper,.compact-journey-track-wrapper,.course-hero-banner.full-view-mode .course-hero-dot-separator,.course-hero-banner.full-view-mode .journey-chips-container,.course-hero-banner.full-view-mode .course-hero-stats-toggle{display:none}}.course-hero-banner.no-pace-panel{padding-bottom:var(--spacing-2xl)}.page-home-content.no-pace-panel{margin-top:0}@media (max-width:767px){.course-hero-banner.no-pace-panel{padding-bottom:var(--spacing-2xl)}.page-home-content.no-pace-panel,.page-home-content.full-view-mode.no-pace-panel{margin-top:0}}@media (min-width:768px) and (max-width:1023px){.course-hero-banner.no-pace-panel{padding-bottom:var(--spacing-2xl)}.page-home-content.no-pace-panel,.page-home-content.full-view-mode.no-pace-panel{margin-top:0}}.view-toggle{border-radius:var(--radius-lg);background:#0000000a;align-items:center;padding:4px;display:flex}.view-toggle-btn{border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-medium);color:var(--color-slate-500);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;padding:8px 20px}.view-toggle-btn:hover:not(.active){color:var(--color-slate-700)}.view-toggle-btn.active{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-blue-500) 100%);color:#fff;box-shadow:var(--shadow-primary-sm)}.full-view-section{gap:var(--spacing-lg);flex-direction:column;animation:.4s ease-out fadeUp;display:flex}.full-view-modules{gap:var(--spacing-xl);flex-direction:column;display:flex}.full-view-modules>.diagnostic-box{margin-bottom:0}.full-view-modules>:first-child{animation:.4s ease-out 50ms both fadeUp}.full-view-modules>:nth-child(2){animation:.4s ease-out .1s both fadeUp}.full-view-modules>:nth-child(3){animation:.4s ease-out .15s both fadeUp}.full-view-modules>:nth-child(4){animation:.4s ease-out .2s both fadeUp}.full-view-modules>:nth-child(5){animation:.4s ease-out .25s both fadeUp}.full-view-modules>:nth-child(6){animation:.4s ease-out .3s both fadeUp}.full-view-modules>:nth-child(7){animation:.4s ease-out .35s both fadeUp}.full-view-modules>:nth-child(8){animation:.4s ease-out .4s both fadeUp}.full-view-modules>:nth-child(n+9){animation:.4s ease-out .45s both fadeUp}.block-section-separator{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;display:flex}.block-section-label{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-slate-400);white-space:nowrap}.block-section-line{background:var(--color-slate-200);flex:1;height:1px}.dev-panel{z-index:9999;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.dev-panel-toggle{cursor:pointer;color:#fff;width:44px;height:44px;box-shadow:var(--shadow-xl);background:#000000d9;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background .2s;display:flex}.dev-panel-toggle:hover{background:#000000f2;transform:scale(1.05)}.dev-panel.expanded .dev-panel-toggle{background:var(--color-primary)}.dev-panel-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#000000d9;flex-direction:column;gap:8px;padding:12px 16px;display:none}.dev-panel.expanded .dev-panel-content{display:flex}.dev-panel-header{color:#fff9;font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-family);border-bottom:1px solid #ffffff1a;margin-bottom:4px;padding-bottom:4px}.dev-toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.dev-toggle-label input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary)}.dev-toggle-text{color:#fff;font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium);font-family:var(--font-family)}.activity-row.highlighted{padding:var(--spacing-lg) var(--spacing-lg);border-radius:var(--radius-xl);background:var(--gradient-primary-subtle)}.unit-container{margin-bottom:var(--spacing-lg)}.unit-status-icon{width:var(--spacing-xl);height:var(--spacing-xl);border-radius:var(--radius-full);font-size:var(--font-size-xs);justify-content:center;align-items:center;display:flex}.unit-status-icon svg{width:14px;height:14px}.unit-activity-row{padding:10px var(--spacing-lg);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast);align-items:center;display:flex}.unit-activity-row:hover{background:var(--overlay-light)}.unit-activity-row.next-activity{padding:var(--spacing-md) var(--spacing-lg);background:var(--gradient-primary-subtle);margin:var(--spacing-xs) 0}.unit-activity-icon{font-size:var(--font-size-sm);margin-right:var(--spacing-md);font-weight:var(--font-weight-semibold);align-items:center;display:flex}.unit-activity-icon svg{width:16px;height:16px}.unit-activity-name{font-size:var(--font-size-sm);flex:1}.unit-activity-type{font-size:var(--font-size-xs);margin-right:20px}.unit-activity-score{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);padding:2px 10px}.page-home-loading,.page-home-error{background:linear-gradient(180deg, var(--color-slate-50) 0%, #eef2ff 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.error-box{background:var(--background);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg);padding:40px}.error-icon{font-size:var(--font-size-h1,40px);margin-bottom:var(--spacing-lg);display:block}.error-icon svg{width:48px;height:48px;color:var(--color-warning)}.error-box h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-slate-900);margin-bottom:var(--spacing-sm)}.error-box p{font-size:var(--font-size-base);color:var(--color-slate-500)}.activity-listing-section{gap:var(--spacing-lg);margin-top:var(--spacing-lg);padding-top:var(--spacing-xl);border-top:1px solid var(--color-slate-200);flex-direction:column;display:flex}.activity-listing-header{margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:center;display:flex}.full-view-section .activity-listing-header,.activity-listing-section .activity-listing-header{top:var(--header-top-offset,72px);z-index:80;background:var(--color-slate-50);padding:var(--spacing-md) 0;transition:all var(--transition-fast), top .3s ease;margin-bottom:0;position:sticky}.activity-listing-header.is-stuck{margin-left:calc(-1 * var(--page-padding-x));margin-right:calc(-1 * var(--page-padding-x));padding-left:var(--page-padding-x);padding-right:var(--page-padding-x);width:calc(100% + 2 * var(--page-padding-x));-webkit-backdrop-filter:blur(12px);background:#f8fafcd9;border-bottom:1px solid #0000000f}.activity-listing-header.is-stuck .activity-listing-title{font-size:var(--font-size-lg)}.activity-listing-header.is-stuck .activity-listing-descriptor,.activity-listing-header.is-stuck .personalized-badge{display:none}.activity-listing-title-container{align-items:center;gap:var(--spacing-md);display:flex}.activity-listing-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-blue-500) 100%);width:40px;height:40px;box-shadow:var(--shadow-primary-glow);color:var(--text-inverse);justify-content:center;align-items:center;display:flex}.activity-listing-icon svg{width:20px;height:20px}.activity-listing-title-group{flex-direction:column;gap:2px;display:flex}.activity-listing-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);color:var(--color-slate-900)}.activity-listing-descriptor{font-size:var(--font-size-base);color:var(--color-slate-500);font-weight:var(--font-weight-normal)}.activity-listing-actions{align-items:center;display:flex}.show-all-modules-btn{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);background:0 0}.show-all-modules-btn:hover{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-primary-glow)}@media (max-width:767px){.course-hero-banner{padding:var(--spacing-lg) 0}.course-hero-banner:after{display:none}.course-hero-content{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.course-hero-left{width:100%}.course-hero-right{width:100%;margin-top:var(--spacing-lg);justify-content:center;display:flex}.course-hero-title{white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-2xl,24px);margin-bottom:var(--spacing-sm);overflow:hidden}.course-hero-category{margin-bottom:var(--spacing-sm)}.course-hero-banner.focus-mode .course-hero-content{gap:var(--spacing-sm);flex-direction:column}.course-hero-banner.focus-mode .course-hero-right{order:4}.course-hero-banner.focus-mode .course-hero-left{display:contents}.course-hero-banner.focus-mode .course-hero-category{order:1;width:fit-content}.course-hero-banner.focus-mode .course-hero-title{order:2}.course-hero-banner.focus-mode .course-hero-completion-section,.course-hero-banner.focus-mode .course-hero-progress{order:3}.course-hero-completion-section{margin-top:var(--spacing-sm)}.course-hero-completion-status{font-size:var(--font-size-sm,14px)}.next-course-cta{justify-content:center;width:100%}.course-hero-banner.focus-mode .course-hero-progress{align-items:center;gap:var(--spacing-md);flex-direction:row}.course-hero-banner.focus-mode .course-hero-progress-row{order:-1}.course-hero-banner.focus-mode .course-hero-progress-bar{flex:1;min-width:0}.course-hero-banner.focus-mode .course-hero-progress-text{font-size:var(--font-size-xs,12px);white-space:nowrap}.course-hero-banner.focus-mode .course-hero-stage-chip{font-size:var(--font-size-xs,12px);margin-left:var(--spacing-lg);padding:3px 10px;position:relative}.course-hero-banner.focus-mode .course-hero-stage-chip:before{content:"·";color:#ffffffd9;font-weight:var(--font-weight-bold);font-size:var(--font-size-base,16px);position:absolute;left:-14px}.course-hero-banner.full-view-mode .course-hero-left{display:contents}.course-hero-banner.full-view-mode .course-hero-category{order:1;width:fit-content}.course-hero-banner.full-view-mode .course-hero-title{order:2}.course-hero-banner.full-view-mode .course-hero-progress{order:3}.course-hero-banner.full-view-mode .course-hero-right{order:4}.course-hero-banner.full-view-mode .course-hero-progress{align-items:center;gap:var(--spacing-md);flex-direction:row}.course-hero-banner.full-view-mode .course-hero-progress-row{order:-1}.course-hero-banner.full-view-mode .course-hero-progress-bar{flex:1;min-width:0}.course-hero-banner.full-view-mode .course-hero-progress-text{font-size:var(--font-size-xs,12px);white-space:nowrap}.full-view-modules{gap:var(--spacing-xl)}.full-view-section{gap:var(--spacing-sm)}.activity-listing-icon{flex-shrink:0}.full-view-section .activity-listing-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-direction:row}.full-view-section .activity-listing-descriptor{display:none}.full-view-section .header-controls{gap:var(--spacing-xs);flex-wrap:nowrap;flex-shrink:0}.full-view-section .filter-toggle-btn>span:not(.filter-badge),.full-view-section .hide-skipped-toggle>span,.full-view-section .expand-mode-dropdown-btn>span{display:none}.full-view-section .filter-toggle-btn,.full-view-section .hide-skipped-toggle{padding:8px 10px}.full-view-section .expand-mode-dropdown-btn{padding:6px 10px}.full-view-section .header-controls .search-desktop{display:none}.search-icon-trigger{display:flex}.mobile-search-expanded{display:block}.activity-listing-section .activity-listing-header{position:static}.show-all-modules-btn,.expand-mode-switcher{display:none}.expand-mode-dropdown-wrapper{display:block}.full-view-section .activity-listing-header.is-stuck{align-items:center;gap:var(--spacing-sm);flex-direction:row}.full-view-section .activity-listing-header.is-stuck .search-box-compact,.full-view-section .activity-listing-header.is-stuck .activity-listing-descriptor,.full-view-section .activity-listing-header.is-stuck .activity-listing-title,.filter-label,.type-filter-btn svg{display:none}.activity-type-filters{gap:var(--spacing-xs);flex-wrap:wrap}}@media (min-width:768px) and (max-width:1023px){.course-hero-banner.focus-mode .course-hero-progress{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.course-hero-banner.focus-mode .course-hero-progress-row{justify-content:flex-start;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.course-hero-banner.focus-mode .course-hero-stage-chip{margin-left:var(--spacing-lg);position:relative}.course-hero-banner.focus-mode .course-hero-stage-chip:before{content:"·";color:#ffffffd9;font-weight:var(--font-weight-bold);font-size:var(--font-size-base,16px);position:absolute;left:-14px}.course-hero-banner.full-view-mode .course-hero-progress{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.full-view-section .activity-listing-header{align-items:stretch;gap:var(--spacing-md);flex-direction:column}.full-view-section{gap:var(--spacing-xl)}.full-view-section .header-controls{flex-wrap:wrap}.full-view-section .header-controls .search-box-compact{flex:1;min-width:0}.full-view-section .activity-listing-header.is-stuck{align-items:center;gap:var(--spacing-sm);flex-direction:row}.full-view-section .activity-listing-header.is-stuck .search-box-compact,.expand-mode-switcher{display:none}.expand-mode-dropdown-wrapper{display:block}}.activity-listing-title-row{align-items:center;gap:12px;display:flex}.personalized-badge{border:1px solid var(--color-success);border-radius:var(--radius-full);color:var(--color-success);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-bold);white-space:nowrap;background:0 0;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.personalized-badge svg{flex-shrink:0}@media (max-width:767px){.personalized-badge{display:none!important}}.course-hero-banner .course-hero-category{display:none!important}.secondary-nav{display:none}.journey-pace-row{display:none!important}.diagnostic-box{margin-top:var(--spacing-xl)}.pace-toggle-toast{z-index:9999;align-items:center;gap:var(--spacing-md);min-width:320px;max-width:90vw;padding:var(--spacing-md) var(--spacing-lg);background:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), 0 0 0 1px #0000000d;animation:.3s pace-toggle-toast-slide-down;display:flex;position:fixed;top:92px;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes pace-toggle-toast-slide-down{0%{opacity:0;transform:translate(-50%)translateY(-16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.pace-toggle-toast--exiting{animation:.2s forwards pace-toggle-toast-fade-up}@keyframes pace-toggle-toast-fade-up{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-8px)}}.pace-toggle-toast__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.pace-toggle-toast--on .pace-toggle-toast__icon{background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.pace-toggle-toast--on .pace-toggle-toast__icon{background:color-mix(in srgb, var(--color-success) 15%, transparent)}}.pace-toggle-toast--on .pace-toggle-toast__icon{color:var(--color-success-dark)}.pace-toggle-toast--off .pace-toggle-toast__icon{background:var(--color-slate-500)}@supports (color:color-mix(in lab, red, red)){.pace-toggle-toast--off .pace-toggle-toast__icon{background:color-mix(in srgb, var(--color-slate-500) 15%, transparent)}}.pace-toggle-toast--off .pace-toggle-toast__icon{color:var(--color-slate-500)}.pace-toggle-toast__message{align-items:center;gap:var(--spacing-xs);color:var(--color-slate-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);flex-wrap:wrap;flex:1;display:flex}.pace-toggle-toast__time-saved{align-items:center;gap:var(--spacing-xs);color:var(--color-success-dark);font-weight:var(--font-weight-semibold);display:inline-flex}.pace-toggle-toast__time-saved:before{content:"·";color:var(--color-slate-400);margin-right:var(--spacing-xs)}.pace-toggle-toast__progress{height:3px;animation:linear forwards pace-toggle-toast-countdown;position:absolute;bottom:0;left:0}.pace-toggle-toast--on .pace-toggle-toast__progress{background:var(--color-success)}.pace-toggle-toast--off .pace-toggle-toast__progress{background:var(--color-slate-400)}@keyframes pace-toggle-toast-countdown{0%{width:100%}to{width:0%}}@media (max-width:767px){.pace-toggle-toast{width:calc(100vw - 24px);min-width:unset;max-width:calc(100vw - 24px);padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm);top:84px}}
.pc7-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;padding:var(--spacing-xl);opacity:0;transition:opacity var(--transition-normal) ease-out;background:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pc7-backdrop--visible{opacity:1}.pc7-confetti-container{pointer-events:none;z-index:1001;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.pc7-confetti-particle{top:40%;left:var(--left);width:var(--size);height:var(--size);background:var(--color);border-radius:var(--radius-sm);transform:rotate(var(--rotation));animation:1.8s cubic-bezier(.25,.46,.45,.94) forwards pc7-confetti-burst;animation-delay:var(--delay);opacity:0;position:absolute}@keyframes pc7-confetti-burst{0%{opacity:1;transform:translateY(0) rotate(var(--rotation)) scale(1)}20%{opacity:1}to{opacity:0;transform:translateY(calc(60vh + 100px)) rotate(calc(var(--rotation) + 720deg)) scale(.5)}}.pc7-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg, var(--color-success) 0%, var(--color-success-dark) 100%);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase;border-radius:var(--radius-full);z-index:10;box-shadow:var(--shadow-md), 0 4px 20px #22c55e66;opacity:0;transition:transform var(--transition-normal) ease-out .1s, opacity var(--transition-normal) ease-out .1s;margin-bottom:-18px;display:inline-flex;transform:translateY(20px)}.pc7-backdrop--visible .pc7-badge{opacity:1;transform:translateY(0)}.pc7-badge svg{flex-shrink:0}.pc7-modal{background:var(--background);border-radius:var(--radius-xl);width:100%;max-width:800px;box-shadow:var(--shadow-lg);z-index:5;opacity:0;transition:transform var(--transition-normal) ease-out, opacity var(--transition-normal) ease-out;position:relative;overflow:visible;transform:translateY(20px)}.pc7-backdrop--visible .pc7-modal{opacity:1;transform:translateY(0)}.pc7-close{background:var(--background);cursor:pointer;color:var(--color-slate-400);border-radius:var(--radius-full);transition:all var(--transition-fast);z-index:10;width:36px;height:36px;box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-12px;right:-12px}.pc7-close:hover{background:var(--color-slate-50);color:var(--color-slate-600);transform:scale(1.05)}.pc7-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pc7-header{padding:var(--spacing-3xl) var(--spacing-3xl) var(--spacing-xl);text-align:center}.pc7-title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-slate-800);line-height:var(--line-height-tight);margin:0 0 var(--spacing-sm) 0}.pc7-subtitle{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-slate-500);margin:0}.pc7-choices{padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-3xl);flex-direction:column;align-items:center;display:flex}.pc7-choices>*{width:100%;max-width:600px}.pc7-choice{border-radius:var(--radius-lg);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background:var(--background);border:2px solid #0000;align-items:stretch;display:flex;overflow:visible}.pc7-choice:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pc7-choice:hover .pc7-choice__chevron{width:48px;margin-right:-16px}.pc7-choice:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pc7-choice__main{align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);flex:1;display:flex}.pc7-choice__icon-box{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pc7-choice__icon-box--primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-blue-600) 100%);color:var(--text-inverse);box-shadow:var(--shadow-md)}.pc7-choice__icon-box--secondary{background:var(--color-slate-100);color:var(--color-slate-500)}.pc7-choice__content{gap:var(--spacing-sm);flex-direction:column;flex:1;min-width:0;display:flex}.pc7-choice__title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-slate-800);line-height:var(--line-height-tight)}.pc7-choice__desc{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-slate-500);line-height:var(--line-height-normal)}.pc7-choice__chevron{width:32px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pc7-choice__chevron--primary{background:linear-gradient(180deg, var(--color-blue-600) 0%, var(--color-blue-700) 100%);color:var(--text-inverse);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.pc7-choice__chevron--secondary{background:var(--color-slate-100);color:var(--color-slate-400);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.pc7-choice:hover .pc7-choice__chevron--secondary{color:var(--color-slate-600);transform:translate(2px)}.pc7-choice--primary{background:linear-gradient(135deg, var(--color-blue-50) 0%, var(--color-blue-100) 100%);border-color:var(--color-blue-200)}.pc7-choice--secondary{background:var(--background);border-color:var(--color-slate-200)}.pc7-choice--secondary:hover{background:var(--color-slate-50)}.pc7-activity-row{justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);background:#ffffffe6;display:flex}.pc7-activity-row__info{align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;display:flex}.pc7-activity-row__icon{color:var(--color-primary);flex-shrink:0}.pc7-activity-row__number{color:var(--color-slate-500);font-weight:var(--font-weight-medium);flex-shrink:0}.pc7-activity-row__name{color:var(--color-slate-700);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pc7-activity-row__duration{color:var(--color-slate-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.pc7-separator{padding:var(--spacing-md) 0;justify-content:center;align-items:center;display:flex}.pc7-separator span{color:var(--color-slate-400);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pc7-stats{align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-slate-200);display:flex}.pc7-stats__item{align-items:center;gap:var(--spacing-xs);color:var(--color-primary);display:inline-flex}.pc7-stats__icon{flex-shrink:0}.pc7-stats__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.pc7-stats__label{font-size:var(--font-size-sm);color:var(--color-slate-500)}.pc7-stats__divider{color:var(--color-slate-300);font-size:var(--font-size-base)}@media (min-width:768px) and (max-width:1023px){.pc7-modal{max-width:580px}.pc7-close{top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;box-shadow:var(--shadow-sm);background:#ffffffe6}.pc7-header{padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-lg)}.pc7-title{font-size:var(--font-size-h4)}.pc7-choices{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-2xl)}.pc7-choice__main{padding:var(--spacing-lg);gap:var(--spacing-md)}.pc7-choice__icon-box{width:42px;height:42px}}@media (max-width:767px){.pc7-backdrop{padding:var(--spacing-md);align-items:center}.pc7-badge{padding:var(--spacing-sm) var(--spacing-lg);align-self:center}.pc7-modal{max-width:100%;max-height:90vh;overflow-y:auto}.pc7-close{width:32px;height:32px;top:12px;right:12px}.pc7-header{padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-lg)}.pc7-title{font-size:var(--font-size-h4)}.pc7-choices{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-2xl)}.pc7-choice__main{padding:var(--spacing-lg);gap:var(--spacing-md)}.pc7-choice__icon-box{width:40px;height:40px}.pc7-choice__chevron{display:none}.pc7-activity-row{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.pc7-activity-row__info{flex-direction:row}.pc7-activity-row__name{white-space:normal}.pc7-activity-row__number{display:none}.pc7-stats{gap:var(--spacing-md)}.pc7-stats__item{flex-direction:column;align-items:flex-start;gap:2px}.pc7-stats__icon,.pc7-stats__label-detail{display:none}}@media (prefers-reduced-motion:reduce){.pc7-backdrop,.pc7-modal,.pc7-badge,.pc7-choice{transition:none}.pc7-confetti-particle{animation:none}.pc7-choice:hover,.pc7-close:hover{transform:none}}
.remedial-created-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;padding:var(--spacing-xl);animation:remedialCreatedModalFadeIn var(--transition-normal) ease-out;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes remedialCreatedModalFadeIn{0%{opacity:0}to{opacity:1}}.remedial-created-modal{background:var(--background);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-lg);animation:remedialCreatedModalSlideUp var(--transition-normal) ease-out;position:relative;overflow:visible}@keyframes remedialCreatedModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.remedial-created-modal-close{background:var(--background);cursor:pointer;color:var(--color-slate-400);border-radius:var(--radius-full);transition:all var(--transition-fast);z-index:10;width:36px;height:36px;box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-12px;right:-12px}.remedial-created-modal-close:hover{background:var(--color-slate-50);color:var(--color-slate-600);transform:scale(1.05)}.remedial-created-modal-close:focus-visible{outline-offset:2px;outline:2px solid #dc2626}.remedial-created-modal-header{padding:var(--spacing-3xl) var(--spacing-3xl) var(--spacing-xl);text-align:center;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:linear-gradient(150deg,#fee2e2 0%,#fecaca 50%,#fca5a5 100%)}.remedial-created-modal-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-lg);background:var(--background);color:#dc2626;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;border-radius:var(--radius-full);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);display:inline-flex}.remedial-created-modal-badge-dot{border-radius:var(--radius-full);background:#ef4444;width:8px;height:8px;animation:2s ease-in-out infinite remedialCreatedModalPulse}@keyframes remedialCreatedModalPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.remedial-created-modal-title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-slate-800);line-height:var(--line-height-tight);margin:0}.remedial-created-modal-content{padding:var(--spacing-xl) var(--spacing-3xl) var(--spacing-3xl);flex-direction:column;align-items:center;display:flex}.remedial-created-modal-description{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-slate-600);text-align:center;line-height:var(--line-height-relaxed);margin:var(--spacing-xl) 0;max-width:340px}.remedial-created-modal-highlight{color:#dc2626;font-weight:var(--font-weight-semibold)}.remedial-created-modal-activity-preview{justify-content:space-between;align-items:center;gap:var(--spacing-lg);width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fecaca;display:flex}.remedial-created-modal-activity-preview__info{align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;display:flex}.remedial-created-modal-rem-badge{padding:3px var(--spacing-sm);color:var(--text-inverse);font-size:var(--font-size-2xs,10px);font-weight:var(--font-weight-bold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.3px;background:#dc2626;flex-shrink:0;align-items:center;gap:3px;display:inline-flex}.remedial-created-modal-rem-badge svg{flex-shrink:0}.remedial-created-modal-activity-preview__name{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-slate-800);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.remedial-created-modal-activity-preview__meta{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.remedial-created-modal-activity-preview__stat{padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#dc2626;background:#ffffff73;align-items:center;gap:4px;display:flex}.remedial-created-modal-activity-preview__stat svg{color:#dc2626}.remedial-created-modal-benefits{justify-content:center;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl);width:100%;display:flex}.remedial-created-modal-benefit-item{align-items:center;gap:var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-slate-600);display:flex}.remedial-created-modal-benefit-check{background:var(--color-success);width:20px;height:20px;color:var(--text-inverse);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;display:flex}.remedial-created-modal-button{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;max-width:320px;padding:var(--spacing-lg) var(--spacing-xl);color:var(--text-inverse);border-radius:var(--radius-lg);font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-error-md);background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border:none;animation:2s ease-in-out infinite remedialCreatedModalPulseGlow;display:inline-flex;position:relative;overflow:hidden}.remedial-created-modal-button:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);width:100%;height:100%;animation:2.5s ease-in-out infinite remedialCreatedModalButtonShimmer;position:absolute;top:0;left:-100%}@keyframes remedialCreatedModalPulseGlow{0%,to{box-shadow:0 4px 14px #dc262666}50%{box-shadow:0 4px 20px #dc262699,0 0 30px #dc262633}}@keyframes remedialCreatedModalButtonShimmer{0%{left:-100%}50%,to{left:100%}}.remedial-created-modal-button:hover{box-shadow:var(--shadow-error-md);background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);animation:none;transform:translateY(-2px)}.remedial-created-modal-button:hover:after{animation:none}.remedial-created-modal-button:active{transform:translateY(0)}.remedial-created-modal-button:focus-visible{outline-offset:2px;outline:2px solid #dc2626}.remedial-created-modal-button-text{z-index:1;position:relative}.remedial-created-modal-button-arrow{transition:transform var(--transition-fast);z-index:1;flex-shrink:0;position:relative}.remedial-created-modal-button:hover .remedial-created-modal-button-arrow{transform:translate(4px)}@media (max-width:767px){.remedial-created-modal-backdrop{padding:var(--spacing-lg);align-items:center}.remedial-created-modal{max-width:calc(100% - var(--spacing-md));max-height:90vh;margin:var(--spacing-sm);overflow-y:auto}.remedial-created-modal-close{top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;box-shadow:var(--shadow-sm);background:#ffffffe6}.remedial-created-modal-header{padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-lg)}.remedial-created-modal-badge{padding:var(--spacing-xs) var(--spacing-md)}.remedial-created-modal-content{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl)}.remedial-created-modal-description{margin-bottom:var(--spacing-lg)}.remedial-created-modal-activity-preview{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);flex-direction:column}.remedial-created-modal-activity-preview__info{width:100%}.remedial-created-modal-activity-preview__name{white-space:normal}.remedial-created-modal-activity-preview__meta{justify-content:flex-start;width:100%}.remedial-created-modal-benefits{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-direction:column}.remedial-created-modal-benefit-check{width:18px;height:18px}.remedial-created-modal-button{max-width:100%;padding:var(--spacing-md) var(--spacing-lg)}}@media (prefers-reduced-motion:reduce){.remedial-created-modal-backdrop,.remedial-created-modal,.remedial-created-modal-badge-dot,.remedial-created-modal-button,.remedial-created-modal-button:after{animation:none}.remedial-created-modal-button:hover,.remedial-created-modal-close:hover,.remedial-created-modal-button:hover .remedial-created-modal-button-arrow{transform:none}}