:root{--bg:#f6f7f9;--surface:#fff;--text:#1b1f24;--muted:#4a525c;--border:#c5ccd4;--primary:#0b4f8a;--primary-hover:#083c69;--on-primary:#fff;--focus:#b45309;--error:#a31515;--error-bg:#fdeeee;--success:#1d6b2e;--success-bg:#eaf6ec;--info:#0b4f8a;--info-bg:#e9f1f9;--warning:#7a4a00;--warning-bg:#fff4de;--radius:6px;--space:1rem;--max:72rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Tahoma,Geeza Pro,Noto Sans Arabic,Arial,sans-serif;line-height:1.6}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);overflow-wrap:anywhere;min-block-size:100vh}img,svg{block-size:auto;max-inline-size:100%}h1,h2,h3{margin-block:0 .75rem;line-height:1.3}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.1rem}p{margin-block:0 .75rem}a{color:var(--primary);text-underline-offset:.2em}a:hover{color:var(--primary-hover)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}main:focus,main:focus-visible{outline:none}.ltr{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:10;background:var(--surface);color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius);padding:.5rem 1rem;position:absolute;inset-block-start:-10rem;inset-inline-start:.5rem}.skip-link:focus{inset-block-start:.5rem}.app{flex-direction:column;min-block-size:100vh;display:flex}.app-header{background:var(--surface);border-block-end:1px solid var(--border)}.app-header-inner{max-inline-size:var(--max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-inline:auto;padding:.75rem 1rem;display:flex}.brand{flex-direction:column;min-inline-size:0;display:flex}.brand-name{font-weight:700}.brand-app{color:var(--muted);font-size:.9rem}.header-tools,.account{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.account-name{font-weight:600}.role-badge{border:1px solid var(--border);border-radius:999px;padding-block:.1rem;padding-inline:.75rem;font-size:.9rem}.app-nav{max-inline-size:var(--max);margin-inline:auto;padding-block-end:.5rem;padding-inline:1rem}.app-nav ul{flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;list-style:none;display:flex}.app-nav a{border-block-end:3px solid #0000;padding-block:.35rem;text-decoration:none;display:inline-block}.app-nav a[aria-current=page]{border-block-end-color:var(--primary);font-weight:700}.nav-later{color:var(--muted);padding-block:.35rem;display:inline-block}.app-main{inline-size:100%;max-inline-size:var(--max);flex:1;margin-inline:auto;padding:1.5rem 1rem 3rem}.page-title{margin-block-end:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.narrow{max-inline-size:32rem;margin-inline:auto}.program-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.program-card{flex-direction:column;gap:.5rem;display:flex}.program-card h2{margin:0}.meta{color:var(--muted);margin:0}.status{align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.status:before{content:"";border:2px solid;border-radius:50%;block-size:.6rem;inline-size:.6rem}.status-completed{color:var(--success)}.status-completed:before{background:currentColor}.status-inProgress{color:var(--info)}.status-notStarted{color:var(--muted)}.later-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.later-item{border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface);padding:.75rem 1rem}.later-item .meta{font-size:.9rem}.dl{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0;display:grid}.dl dt{color:var(--muted)}.dl dd{margin:0}.form{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;gap:.3rem;display:flex}.field label{font-weight:600}.field .req{color:var(--error)}.field-hint{color:var(--muted);margin:0;font-size:.9rem}.field-error{color:var(--error);margin:0;font-weight:600}input,select,button{font:inherit}input,select{border-radius:var(--radius);background:var(--surface);min-block-size:2.75rem;inline-size:100%;color:var(--text);border:1px solid #6b7480;padding:.5rem .75rem}.input-row{align-items:stretch;gap:.5rem;display:flex}.input-row input{flex:1;min-inline-size:0}.code-toggle{white-space:nowrap;flex:none}.field-invalid input,.field-invalid select{border-color:var(--error);border-width:2px}.btn{border-radius:var(--radius);border:2px solid var(--primary);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;min-block-size:2.75rem;padding:.5rem 1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);color:var(--on-primary)}.btn-secondary{background:var(--surface);color:var(--primary)}.btn-secondary:hover:not(:disabled){background:var(--info-bg)}.btn-link{color:var(--primary);background:0 0;border-color:#0000;padding-inline:.25rem;text-decoration:underline}.btn:disabled{cursor:not-allowed;opacity:.7}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.alert{border-radius:var(--radius);border:1px solid;border-inline-start-width:6px;align-items:flex-start;gap:.6rem;margin-block-end:1rem;padding:.75rem 1rem;display:flex}.alert p:last-child{margin-block-end:0}.alert .btn{margin-block-start:.5rem}.alert-icon{font-weight:700}.alert-body{min-inline-size:0}.alert-error{color:var(--error);background:var(--error-bg);border-color:var(--error)}.alert-success{color:var(--success);background:var(--success-bg);border-color:var(--success)}.alert-info{color:var(--info);background:var(--info-bg);border-color:var(--info)}.alert-warning{color:var(--warning);background:var(--warning-bg);border-color:var(--warning)}.request-id{font-size:.9rem}.loading{color:var(--muted);align-items:center;gap:.6rem;padding-block:1rem;display:flex}.spinner{border:3px solid var(--border);border-block-start-color:var(--primary);border-radius:50%;block-size:1.1rem;inline-size:1.1rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{gap:.6rem;display:grid}.skeleton-line{border-radius:var(--radius);background:#e3e7ec;block-size:1rem}.skeleton-line:nth-child(3n){inline-size:60%}.empty{border:1px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--muted);background:var(--surface);padding:1.5rem}.page-error{margin-block:1rem}.splash{place-items:center;min-block-size:60vh;display:grid}.offline-banner{text-align:center;color:var(--warning);background:var(--warning-bg);border-block-end:1px solid var(--warning);margin:0;padding:.6rem 1rem;font-weight:600}@media (min-width:48rem){.app-header-inner,.app-main,.app-nav{padding-inline:1.5rem}h1{font-size:1.9rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{animation:none}}.crumbs ol{flex-wrap:wrap;gap:.25rem;margin:0 0 .75rem;padding:0;font-size:.9rem;list-style:none;display:flex}.crumbs li:not(:last-child):after{content:"›";color:var(--muted);margin-inline-start:.4rem}.crumbs [aria-current=page]{color:var(--muted)}.kicker{color:var(--muted);margin:0 0 .25rem;font-weight:600}.unit-progress{margin-block:-.5rem 1rem}.progress-card{margin-block-end:1.5rem}.progress-line{align-items:center;gap:.75rem;margin-block-end:.5rem;display:flex}.progress-pct{min-inline-size:3.5rem;font-weight:700}.bar{block-size:.75rem;inline-size:100%;accent-color:var(--primary)}.progress-line .bar{flex:1}.unit-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.unit-card{flex-direction:column;gap:.4rem;display:flex}.unit-card>p:last-child{margin-block:auto 0}.unit-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.unit-title{margin:0;font-size:1.1rem}.unit-steps{margin:0}.unit-locked{background:#f1f3f6}.unit-status{font-size:.95rem;font-weight:700}.unit-status-completed{color:var(--success)}.unit-status-inProgress{color:var(--info)}.unit-status-notStarted,.unit-status-locked{color:var(--muted)}.lock-reason{margin:0}.steps-nav{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-block-end:1rem}.steps-nav>summary{cursor:pointer;min-block-size:2.75rem;padding:.75rem 1rem;font-weight:600}.steps-nav>p,.steps-nav>ol{margin:0;padding-block:0 .75rem;padding-inline:1rem}.steps-nav ol{gap:.15rem;max-block-size:22rem;padding-inline-start:2.25rem;display:grid;overflow-y:auto}.steps-nav a,.steps-nav-current{padding-block:.3rem;display:inline-block}.steps-nav-current{font-weight:700}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.step-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-block-end:.5rem;display:flex}.chip{border:1px solid var(--border);color:var(--muted);background:var(--bg);border-radius:999px;padding-block:.1rem;padding-inline:.7rem;font-size:.85rem;display:inline-block}.step-title{font-size:1.3rem}.step-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-block:1.25rem .5rem;display:flex}.step-nav .btn{flex:0 auto;min-inline-size:min(100%,13rem)}.nested-error .alert{margin-block:.5rem 0}.content-flow{flex-direction:column;gap:.9rem;max-inline-size:48rem;display:flex}.content-flow>*{margin-block:0}.content-flow,.step-title,.unit-card{overflow-wrap:break-word}.content-flow>.btn{align-self:flex-start}.content-lead{font-size:1.05rem;font-weight:600}.content-subtitle{font-weight:700}.content-list{gap:.5rem;margin:0;padding-inline-start:1.5rem;display:grid}.content-block h3{margin-block-end:.35rem;font-size:1.05rem}.content-block p{margin:0}.content-link{margin-block-start:.5rem!important}.content-quote{border-inline-start:4px solid var(--primary);background:var(--info-bg);border-radius:var(--radius);margin:0;padding-block:.5rem;padding-inline:1rem}.content-quote p{margin:0;font-style:italic}.content-helper{color:var(--muted);border-inline-start:3px solid var(--border);padding-inline-start:.75rem;font-size:.95rem}.related{border-block-start:1px solid var(--border);padding-block-start:.75rem}.related ul{gap:.3rem;margin:0;padding-inline-start:1.25rem;display:grid}.related-label{margin-block-end:.35rem;font-weight:600}.prompt{flex-direction:column;gap:.35rem;display:flex}.prompt-label{color:var(--muted);margin:0;font-weight:600}.answer-field textarea{min-block-size:6rem;inline-size:100%;font:inherit;resize:vertical;border-radius:var(--radius);background:var(--surface);color:var(--text);border:1px solid #6b7480;padding:.6rem .75rem;line-height:1.6}.answer-field label{font-weight:600}.her-answer{white-space:pre-wrap;margin:0}.case-text{margin-block-end:.5rem;font-weight:600}.case-card,.goal-card{flex-direction:column;gap:.5rem;display:flex}.choice-group{border:0;min-inline-size:0;margin:0;padding:0}.choice-group>legend{margin-block-end:.5rem;padding:0;font-weight:600}.choice-options{gap:.5rem;display:grid}.choice{cursor:pointer;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:flex-start;gap:.6rem;min-block-size:2.75rem;padding:.6rem .75rem;display:flex}.choice input{block-size:1.15rem;min-block-size:0;inline-size:1.15rem;accent-color:var(--primary);flex:none;margin:.2rem 0 0}.choice-on{border-color:var(--primary);background:var(--info-bg);border-width:2px}.choice:focus-within{outline:3px solid var(--focus);outline-offset:2px}.choice-text{flex-direction:column;gap:.15rem;display:flex}.choice-col{color:var(--muted);font-size:.85rem}.choice-letter{min-inline-size:1.25rem;display:inline-block}.choice-inline .choice-options{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}.choice-numbers .choice-options{grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr))}.compare-row{border-block-end:1px solid var(--border);padding-block-end:.5rem}@media (min-width:48rem){.compare-row .choice-options{grid-template-columns:1fr 1fr}}.reveal,.recap{border:1px solid var(--border);border-inline-start:4px solid var(--success);border-radius:var(--radius);background:var(--success-bg);padding:.75rem 1rem}.recap{border-inline-start-color:var(--info);background:var(--info-bg)}.reveal-title,.recap-title{margin:0 0 .35rem;font-size:1rem}.reveal p:last-child,.recap p:last-child{margin-block-end:0}.recap-list{gap:.25rem;margin:0;padding-inline-start:1.25rem;display:grid}.reveal-area{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.bank{gap:.2rem;margin:0;display:grid}.bank dt{color:var(--muted);font-size:.9rem;font-weight:600}.bank dd{margin:0 0 .4rem}.slider{flex-direction:column;gap:.4rem;display:flex}.slider input[type=range]{min-block-size:2.75rem;inline-size:100%;accent-color:var(--primary);border:0;padding:0}.track{background:linear-gradient(var(--border), var(--border)) center / 100% 4px no-repeat;border-radius:999px;block-size:2rem;margin-block:.5rem;position:relative}.track-mark{background:var(--primary);block-size:1.7rem;inline-size:1.7rem;color:var(--on-primary);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid;position:absolute;inset-block-start:.15rem;transform:translate(-50%)}[dir=rtl] .track-mark{transform:translate(50%)}.track-ends{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.table-scroll{border:1px solid var(--border);border-radius:var(--radius);max-inline-size:100%;position:relative;overflow-x:auto}.table-scroll:focus-visible{outline:3px solid var(--focus)}.content-table{border-collapse:collapse;inline-size:100%;min-inline-size:32rem;font-size:.95rem}.content-table th,.content-table td{border-block-end:1px solid var(--border);text-align:start;vertical-align:top;padding:.6rem .75rem}.content-table thead th{background:var(--bg)}.content-table tbody th{min-inline-size:7rem;font-weight:600}.next-unit-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.locked-card h2{font-size:1.2rem}.media-placeholder{border:2px dashed var(--border);border-radius:var(--radius);background:var(--bg);margin:0;overflow:hidden}.media-frame{aspect-ratio:16/9;background:repeating-linear-gradient(45deg,#eef1f4,#eef1f4 10px,#e6eaee 10px 20px);place-items:center;max-block-size:14rem;inline-size:100%;display:grid}.media-glyph{border:3px solid #8a939d;border-radius:6px;block-size:2.4rem;inline-size:3rem;position:relative}.media-glyph:after{content:"";clip-path:polygon(0 100%,35% 30%,60% 70%,75% 50%,100% 100%);background:#8a939d;block-size:.9rem;inline-size:1.6rem;position:absolute;inset-block-end:.35rem;inset-inline-start:.4rem}.media-placeholder figcaption{flex-direction:column;gap:.2rem;padding:.75rem 1rem;display:flex}.media-pending{color:var(--muted);font-size:.9rem}.media-review{color:var(--warning);font-size:.85rem;font-weight:600}.save-bad{color:var(--error);font-weight:600}.save-conflict{flex-direction:column;align-items:flex-start}.save .btn-link{min-block-size:0;padding:0}@media (min-width:48rem){.step{padding:1.75rem}}.attempt{gap:1rem;display:grid}.q-overview ol{flex-wrap:wrap;gap:.5rem;margin:0 0 .5rem;padding:0;list-style:none;display:flex}.q-dot{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-block-size:2.75rem;min-inline-size:2.75rem;color:var(--text);font:inherit;cursor:pointer;padding-inline:.5rem;font-weight:600}.q-dot-done{background:var(--info-bg);border-color:var(--primary)}.q-dot-current{border-width:3px;border-color:var(--primary)}.q-count{color:var(--muted);margin:0 0 .5rem;font-size:1rem}.q-stem{max-inline-size:70ch;margin-block-end:.75rem;font-size:1.1rem;font-weight:600;line-height:1.6}.question .choice-group{margin-block-end:.75rem}.save-region{min-block-size:1.75rem}.save{flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.95rem;display:inline-flex}.save-ok{color:var(--success)}.save-saving{color:var(--muted)}.save-bad{color:var(--error)}.review{gap:.75rem;display:grid}.inline-list{flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;list-style:none;display:flex}.confirm{border:2px solid var(--warning);background:var(--warning-bg);border-radius:var(--radius);gap:.75rem;padding:1rem 1.25rem;display:grid}.confirm-title{margin:0;font-size:1.1rem}.confirm-body>:first-child{margin-block-start:0}.confirm-body>:last-child{margin-block-end:0}.result-card{gap:.5rem;margin-block-end:1.5rem;display:grid}.result-card.is-correct{border-inline-start:6px solid var(--success)}.result-card.is-wrong{border-inline-start:6px solid var(--warning)}.score{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0;font-size:1.25rem;display:flex}.score strong{font-size:1.75rem}.result-mark{margin:0}.result-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.result-row{gap:.4rem;display:grid}.result-row.is-correct{border-inline-start:6px solid var(--success)}.result-row.is-correct .result-mark{color:var(--success)}.result-row.is-wrong{border-inline-start:6px solid var(--error)}.result-row.is-wrong .result-mark{color:var(--error)}.result-row .q-stem{margin:0;font-size:1rem}.feedback{max-inline-size:70ch;margin:0}.journey{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.journey-card{flex-direction:column;gap:.4rem;display:flex}.journey-card>p:last-child{margin-block:auto 0}.journey-status{margin:0;font-weight:700}.journey-done .journey-status{color:var(--success)}.journey-open .journey-status{color:var(--info)}.journey-todo .journey-status,.journey-locked .journey-status{color:var(--muted)}.journey-locked{background:#f1f3f6}.journey-card ul.meta{padding-inline-start:1.25rem}.pj-status{margin:-.5rem 0 1rem}.pj-status-SUBMITTED strong{color:var(--success)}.pj-nav{border-block-end:1px solid var(--border);margin-block-end:1rem}.pj-nav ol{flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;list-style:none;display:flex}.pj-nav a{border-block-end:3px solid #0000;flex-wrap:wrap;align-items:center;gap:.35rem;min-block-size:2.75rem;padding-block:.35rem;text-decoration:none;display:inline-flex}.pj-nav a[aria-current=page]{border-block-end-color:var(--primary);font-weight:700}.pj-n{background:var(--info-bg);block-size:1.75rem;min-inline-size:1.75rem;color:var(--primary);border-radius:999px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex}.pj-stages{gap:.75rem;margin:0;padding-inline-start:1.5rem;display:grid}.pj-field textarea,.pj-field input,.pj-criterion textarea{inline-size:100%}.pj-field label{align-items:center;gap:.5rem;display:flex}.pj-criterion{gap:.75rem;margin-block-end:1rem;display:grid}.pj-criterion h3{margin:0;font-size:1.05rem}.pj-helper>summary{cursor:pointer;padding-block:.65rem;font-weight:600;display:list-item}.pj-helper ul{margin-block:.25rem 0}.survey{gap:1.25rem;display:grid}.survey-q{border-block-end:1px solid var(--border);padding-block-end:1rem}.scale.choice-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr))}.survey textarea{inline-size:100%}.field-invalid>.choice-options .choice{border-color:var(--error)}@media (max-width:30rem){.score strong{font-size:1.5rem}.scale.choice-options{grid-template-columns:1fr}}.report{gap:1.25rem;display:grid}.report-summary.is-done{border-inline-start:6px solid var(--success)}.report-status{margin:0 0 .5rem;font-size:1.05rem}.facts{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.5rem 1.5rem;margin:0;display:grid}.facts>div{gap:.1rem;display:grid}.facts dt{color:var(--muted);font-size:.9rem;font-weight:600}.facts dd{margin:0}.remaining{margin-block:.75rem}.remaining h3{margin:0 0 .25rem;font-size:1rem}.remaining ul{margin:0;padding-inline-start:1.25rem}.report-actions{align-items:flex-start;margin-block:.75rem .25rem}.report-units{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.report-unit{gap:.4rem;display:grid}.report-pair{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem;display:grid}.report-pair .card h2{margin-block-start:0;font-size:1.15rem}.levels{gap:.2rem;margin:0;padding-inline-start:1.25rem;display:grid}.dl{justify-items:start;gap:.35rem;display:grid}.dl-status{min-block-size:1.5rem}.cert-card{gap:.75rem;margin-block-end:1rem;display:grid}.cert-card h2{margin:0;font-size:1.2rem}.cert-card.is-issued{border-inline-start:6px solid var(--success)}.cert-card.is-eligible{border-inline-start:6px solid var(--info)}.cert-id{letter-spacing:.02em;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700}.end-panel .journey-card .actions{margin:0}.name-line{display:block}