/* Al-Saeed unified interface: public pages, learning, assessment, account and administration. */
:root{--sa-ink:#15374a;--sa-muted:#536b7a;--sa-accent:#dc6b2c;--sa-line:#dce6eb;--sa-surface:#fff;--sa-canvas:#f2f6f8;--sa-radius:18px;--sa-shadow:0 10px 32px #17384d09;--navy:#15374a;--ink:#15374a;--txt:#263e4b;--dim:#536b7a;--paper:#f2f6f8;--line:#dce6eb;--rx-paper:#f2f6f8}
body{background:var(--sa-canvas);color:var(--sa-ink);-webkit-font-smoothing:antialiased}
body #app{line-height:1.8;min-height:65vh}body #app :is(h1,h2,h3,h4){letter-spacing:0;line-height:1.5;text-wrap:balance;color:var(--sa-ink)}
body #app h1{font-size:clamp(1.8rem,3.3vw,2.8rem)}body #app h2{font-size:clamp(1.3rem,2.2vw,1.8rem)}body #app p{line-height:1.9}
body #app :is(.card,.cons-c,.acad-c,.sys-c,.lib-c,.course-vcard,.learner-course-tile,.apanel){border:1px solid var(--sa-line);border-radius:var(--sa-radius);box-shadow:var(--sa-shadow);background:var(--sa-surface);min-width:0}
body #app .card.pad,body #app .apanel{padding:clamp(18px,2.4vw,30px)}
body :is(.btn,button.nb){min-height:44px;border-radius:10px;font-weight:700;line-height:1.5;transition:background .18s,box-shadow .18s}
body .btn.p{background:var(--sa-accent);color:#fff;border-color:var(--sa-accent);box-shadow:0 4px 12px #dc6b2c18}body .btn.p:hover{background:#bc5520;border-color:#bc5520}
body .btn.o{background:#fff;color:var(--sa-ink);border:1px solid #cbdce5}body .btn.o:hover{background:#edf4f7;border-color:#9cb4c2}
body :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #167c9a;outline-offset:3px}
body #app :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea),body .mdl :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid #c8d8e1;border-radius:10px;background:#fff;color:#203e50;min-height:46px;font:inherit;padding:10px 13px;max-width:100%}
body #app textarea{line-height:1.9;resize:vertical}body #app :is(input[type=checkbox],input[type=radio]){accent-color:#1b6876}
body #app :is(.pg-hero,.dash-hd){background:linear-gradient(115deg,#e6eff3,#f8fbfc);border-bottom:1px solid var(--sa-line);padding-block:42px}
body #app :is(.pg-hero,.dash-hd) p{color:var(--sa-muted);max-width:760px}body #app .pg-hero .crumb{margin-bottom:16px}
.sa-context-nav{max-width:1240px;width:calc(100% - 48px);margin:22px auto 0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 18px;border:1px solid var(--sa-line);background:#fff;border-radius:13px;box-sizing:border-box}
.sa-context-label{font-size:.78rem;color:var(--sa-muted)}.sa-context-label strong{display:block;font-size:.95rem;color:var(--sa-ink)}.sa-context-links{display:flex;gap:7px;flex-wrap:wrap}.sa-context-links a{padding:8px 13px;border-radius:8px;font-size:.8rem;color:#31566c;background:#f0f5f7;text-decoration:none;min-height:42px;box-sizing:border-box;display:flex;align-items:center}.sa-context-links a[aria-current=page]{background:#15374a;color:#fff}
/* External discovery and course details. */
body .renew-home{background:#fff}body .renew-hero{background:linear-gradient(120deg,#edf4f7 0%,#fff 70%);border-bottom:1px solid var(--sa-line)}body #app .renew-hero h1{font-size:clamp(2.5rem,4.6vw,4.6rem);line-height:1.35}
body .renew-fields{gap:12px;border:0!important}body .renew-fields>a{background:#f6f9fa;border:1px solid var(--sa-line);border-radius:14px;padding:24px!important}body .renew-fields>a:hover{background:#eaf2f5}
body #publicCatalogMount .public-catalog-tools{border-radius:18px!important;padding:26px!important;background:#fff!important;box-shadow:var(--sa-shadow)!important}
body #publicCatalogMount .public-filter-grid{gap:14px}body #publicCatalogMount .public-course-body{padding:22px}body #publicCatalogMount .public-course-facts{background:#f5f8fa;border-radius:10px;padding:12px}
body #publicCatalogMount .public-course-art{border-radius:0!important}body #publicCatalogMount .public-course-tracks button[aria-pressed=true]{background:#15374a;color:#fff;border-color:#15374a}
body #app :is(.course-design-tabs,.course-tabs-v8,.journey-format-tabs){gap:7px;flex-wrap:wrap}body #app :is(.course-design-tabs,.course-tabs-v8)>button{min-height:46px;border-radius:9px}
body #app .course-design-hero{border-bottom:1px solid var(--sa-line)}body #app .cd-hero-art{border-radius:20px;overflow:hidden}
body #app .journey-option-group{background:#fff;border:1px solid var(--sa-line);padding:24px;border-radius:18px;margin-block:22px}
.v42-cert-mark:has(img[src*="lssgb"]){width:84px!important;height:84px!important}
/* Learner space: one frame, a top destination bar and clear content cards. */
body #app .package-shell{background:var(--sa-canvas);padding-top:24px}body #app .package-shell>.wrap{max-width:1240px;width:calc(100% - 48px)}
body #app .package-heading{border-bottom:1px solid #d4e2e9;margin-bottom:18px;padding-bottom:18px;align-items:center}body #app .journey-course-name{font-size:1.12rem;font-weight:750;color:var(--sa-ink)}
body #app .journey-top-navigation{background:#fff;border:1px solid var(--sa-line);border-radius:14px;padding:8px;gap:8px;box-shadow:var(--sa-shadow)}body #app .journey-top-navigation button{border-radius:9px;min-height:52px;color:#486574}body #app .journey-top-navigation button[aria-current=page]{background:#15374a;color:#fff;box-shadow:inset 0 -3px #ed8a42}
body #app .learning-content-frame{border-radius:18px;min-width:0}body #app .learning-section-strip{background:#fff;border:1px solid var(--sa-line);border-radius:14px;padding:18px 22px;margin-bottom:20px}
body #app .learning-course-card{border-radius:20px;border:1px solid var(--sa-line);box-shadow:var(--sa-shadow)}body #app .learning-course-copy{padding:30px}body #app .learning-choice{border-radius:15px;border:1px solid var(--sa-line);box-shadow:none}body #app .learning-choice-copy{padding:20px}
body #app .learning-video-grid{gap:18px;padding:18px}body #app .learning-lesson{border-radius:14px!important}body #app .lesson-action-watch{border-radius:12px;background:linear-gradient(135deg,#1d5367,#16384d)}
body #app .ch-h{padding:20px;background:#fff}body #app details[open]>.ch-h{background:#eaf3f7;color:#15374a}body #app .learner-study-preferences{background:#fff;border:1px solid var(--sa-line);border-radius:14px;padding:20px;margin-block:24px}
body #app .v32-dash-actions{padding:18px;background:#fff;border:1px solid var(--sa-line);border-radius:14px;gap:10px}
/* Assessment selection and live exam. Answer state colours remain distinct. */
body #app .assessment-overview{border:1px solid var(--sa-line);border-radius:18px;background:#fff;padding:24px}body #app .assessment-stat{background:#edf4f7;border:0;border-radius:12px;padding:18px}body #app .assessment-jump-nav{gap:8px;flex-wrap:wrap;margin-block:22px}
body #app .pmp-six-paths{gap:14px}body #app .pmp-path{background:#fff;border:1px solid var(--sa-line);border-radius:14px;padding:20px;min-height:115px}body #app .pmp-path[aria-pressed=true]{background:#e9f3f6;border-color:#3c8797;box-shadow:inset 0 -3px #dc6b2c}body #app .pmp-path-panel{border:1px solid var(--sa-line);border-radius:18px;padding:24px;background:#fff}
body #app .assessment-card{border-radius:15px;box-shadow:none;border:1px solid var(--sa-line);overflow:hidden}body #app .assessment-section-intro{margin-bottom:20px}
body .ux-shell{background:#edf3f6}body .ux-head{background:#15374a;padding:15px 24px;box-shadow:0 3px 18px #15374a18}body .ux-main{gap:22px;margin-top:22px}body .ux-card{border-radius:18px;padding:clamp(20px,3vw,36px);box-shadow:var(--sa-shadow)}body .ux-q{font-size:1.2rem;line-height:1.95;font-weight:750;color:#15374a}body .ux-opt{border-radius:12px;padding:16px;line-height:1.9;margin-block:12px}body .ux-opt.sel{background:#fff4e9;border-color:#d77737}body .ux-nav{border-radius:16px;padding:18px}body .ux-case-pane{background:#f8fbfc;border:1px solid #d6e3ea;border-radius:14px;padding:22px}body .ux-case-text{font-size:1rem;line-height:1.95}body .ux-tools button{min-height:44px}body .ux-actions{gap:10px;flex-wrap:wrap}body .ux-before-start{line-height:1.9}
/* Administration and trainer: roomy forms and horizontal navigation. */
body[data-page=admin] #app .renew-admin-layout{gap:22px;max-width:1440px;margin:auto;padding-block:26px}body[data-page=admin] #app .renew-admin-nav{background:#fff;border:1px solid var(--sa-line);border-radius:14px;padding:10px;gap:7px}body[data-page=admin] #app .renew-admin-nav button{min-height:47px;border-radius:9px;padding:11px 15px;font-size:.84rem}body[data-page=admin] #app .akpi{background:#fff;border:1px solid var(--sa-line);border-top:3px solid #287187;border-radius:14px;box-shadow:var(--sa-shadow)}body[data-page=admin] #app .akpi .num{color:#15374a;font-size:2rem}body[data-page=admin] #app .student-quick{padding:18px 0;gap:18px}body[data-page=admin] #app table,body[data-page=trainer] #app table{border-collapse:separate;border-spacing:0;width:100%;font-size:.88rem}body[data-page=admin] #app th,body[data-page=trainer] #app th{background:#edf4f7;color:#31556a;padding:15px;text-align:start}body[data-page=admin] #app td,body[data-page=trainer] #app td{padding:15px;border-bottom:1px solid #e1eaf0;vertical-align:middle}body[data-page=admin] #app tr:hover td,body[data-page=trainer] #app tr:hover td{background:#f8fbfc}
body .mdl{border-radius:20px;border:1px solid var(--sa-line);box-shadow:0 24px 80px #15374a30}body .mdl :is(h2,h3){line-height:1.6}body .mdl label{line-height:1.7}
@media(max-width:900px){body #app .sec{padding-block:36px}.sa-context-nav{align-items:flex-start;flex-direction:column;gap:10px}body #app .learning-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .ux-case-layout{grid-template-columns:1fr}body .ux-case-pane{max-height:45vh;overflow:auto}}
@media(max-width:620px){.sa-context-nav,body #app .package-shell>.wrap{width:calc(100% - 24px)}body #app :is(.pg-hero,.dash-hd){padding-block:28px}body #app .journey-top-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}body #app .journey-top-navigation button{font-size:.77rem;padding:9px 4px;white-space:normal}body #app .pmp-six-paths{grid-template-columns:repeat(2,minmax(0,1fr))}body #app .pmp-path{padding:15px;min-height:110px}body #app .pmp-path-panel,body #app .assessment-overview{padding:16px}body .ux-main{padding-inline:10px;grid-template-columns:1fr}body .ux-head{padding:12px;gap:8px;flex-wrap:wrap}body .ux-title b{font-size:.94rem}.sa-context-links{width:100%}.sa-context-links a{flex:1;justify-content:center}body #app .journey-option-group{padding:16px}}
@media(prefers-reduced-motion:reduce){body *,body *:before,body *:after{scroll-behavior:auto!important;transition:none!important}}


.v39-issuer.sa-issuer-card {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  padding: 8px 10px;
}
.v39-issuer.sa-issuer-card .sa-issuer-logo {
  width: 80px;
  height: 48px;
  padding: 4px;
  margin: 0;
  flex: none;
  object-fit: contain;
  background: #fff;
  border-radius: 6px;
}
.sa-issuer-symbol {
  display: grid;
  place-items: center;
  width: 48px;
  height: 42px;
  flex: none;
  border: 1px solid #cfdeea;
  border-radius: 7px;
  background: #eef5fb;
  color: #1a4f74;
}
.sa-issuer-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.sa-issuer-copy > b {
  text-align: start;
  overflow-wrap: anywhere;
}
.sa-public-lessons {
  margin: 8px 0 12px;
  padding-inline-start: 24px;
  list-style: decimal;
}
.sa-public-lessons > li {
  padding-block: 5px;
  line-height: 1.55;
}

.v42-cert-mark.sa-program-mark { width: 108px; }
.v42-cert-mark.sa-program-mark img { width: 100%; height: auto; object-fit: contain; }