/* Certification UI v2: compact, course-neutral visual layer.
   Scoped to the certification journey. It must not alter any exam state,
   assessment rules, existing credentials, or the frozen Excel course. */
#view-certification{max-width:1280px;margin:0 auto}
#view-certification>.page-heading{
  width:min(100%,960px);margin:0 auto 12px;display:block;padding:0
}
#view-certification>.page-heading .eyebrow{font-size:10px;letter-spacing:.08em}
#view-certification>.page-heading h1{
  font-size:clamp(21px,2vw,26px);line-height:1.3;
  letter-spacing:-.024em;margin:3px 0 3px
}
#view-certification>.page-heading p{
  max-width:860px;font-size:12px;line-height:1.5;margin:0
}
#certificationRoot{width:100%;max-width:960px;margin:0 auto}
#certificationRoot .knowledge-exam-panel{
  box-sizing:border-box;width:100%;max-width:960px;margin:0 auto 15px;
  border:1px solid #e6e4ea;border-radius:15px;background:#fff;
  box-shadow:0 5px 22px rgba(22,20,27,.045)
}
#certificationRoot .knowledge-exam-panel:not(.checkpoint-wizard-v26){
  position:relative;padding:22px 25px;gap:12px;align-content:start
}
#certificationRoot .knowledge-exam-panel:not(.checkpoint-wizard-v26)>.eyebrow{
  font-size:10px;letter-spacing:.08em;color:var(--pink-dark)
}
#certificationRoot .knowledge-exam-panel:not(.checkpoint-wizard-v26)>h2{
  font-size:clamp(20px,2vw,24px);font-weight:750;line-height:1.32;
  letter-spacing:-.025em;margin:0
}
#certificationRoot .knowledge-exam-panel:not(.checkpoint-wizard-v26)>p{
  max-width:840px;font-size:12.5px!important;line-height:1.65!important;
  color:#57545e!important;margin:0
}
#certificationRoot .knowledge-exam-metrics{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;margin:3px 0;width:min(100%,600px)
}
#certificationRoot .knowledge-exam-metrics span{
  min-width:0;min-height:65px;padding:10px 13px;display:grid;align-content:center;
  gap:4px;font-size:11px;line-height:1.45;border-radius:10px;
  border:1px solid #e8e6eb;background:#fbfbfc;color:#66616a
}
#certificationRoot .knowledge-exam-metrics b{
  color:#25222b;font-size:23px;line-height:1.1;font-weight:800
}
#certificationRoot .knowledge-exam-panel:not(.checkpoint-wizard-v26)>.primary{
  justify-self:start;min-height:40px;padding:9px 17px;border-radius:9px;
  box-shadow:none;font-weight:700
}
#certificationRoot .knowledge-exam-panel:not(.checkpoint-wizard-v26)>.secondary{
  justify-self:start;min-height:38px;border-radius:9px;padding:8px 14px
}
#certificationRoot .knowledge-exam-warning{line-height:1.55;margin:0}
#certificationRoot .knowledge-big-grade{
  font-size:42px;line-height:1.1;font-weight:800;
  letter-spacing:-.04em;color:var(--pink-dark);margin:0
}
#certificationRoot .knowledge-big-grade small{
  font-size:14px;font-weight:600;letter-spacing:normal
}
#certificationRoot .knowledge-attempt-history{max-width:960px;margin:12px auto 18px}
#certificationRoot .knowledge-attempts{gap:8px}
#certificationRoot .knowledge-attempt{
  min-height:0;padding:13px;border-radius:11px;box-shadow:none
}
/* Active attempt — first question and navigation should fit in the
   initial desktop viewport at common laptop/monitor resolutions. */
#certificationRoot .knowledge-exam-panel.checkpoint-wizard-v26{
  padding:16px 19px 14px;gap:9px;align-content:start
}
#certificationRoot .knowledge-exam-heading{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;border-bottom:1px solid #eeedf0;
  padding:0 0 10px;margin:0
}
#certificationRoot .knowledge-exam-heading .eyebrow{
  font-size:10px;letter-spacing:.08em
}
#certificationRoot .knowledge-exam-heading h2{
  font-size:20px;line-height:1.24;letter-spacing:-.024em;
  margin:3px 0 4px;font-weight:750
}
#certificationRoot .knowledge-exam-heading p{
  font-size:11.5px;line-height:1.45;color:#65616c;margin:0
}
#certificationRoot .knowledge-exam-heading .knowledge-grade-requirement{
  flex:0 0 auto;min-width:72px;min-height:55px;
  padding:7px 10px;border:1px solid #f1c7dc;
  border-radius:10px;background:#fff5fa;display:grid;
  align-content:center;justify-items:center;text-align:center
}
#certificationRoot .knowledge-grade-requirement b{
  font-size:20px;line-height:1.15;font-weight:800;color:var(--pink)
}
#certificationRoot .knowledge-grade-requirement small{
  font-size:9px;line-height:1.25;margin-top:2px
}
#certificationRoot .checkpoint-compact-status{
  display:flex;justify-content:space-between;align-items:center;
  gap:10px;font-size:11px;line-height:1.4;margin:0;
  color:#5d5963
}
#certificationRoot .checkpoint-compact-status b{
  font-size:11px;white-space:nowrap;color:#302c35
}
#certificationRoot .knowledge-progress-track-v4{
  height:4px;width:100%;border-radius:999px;background:#f0eaf0;
  overflow:hidden;margin:0
}
#certificationRoot .knowledge-progress-track-v4>span{
  display:block;height:100%;border-radius:999px;
  background:var(--pink);transition:width .18s ease
}
#certificationRoot .knowledge-exam-panel .checkpoint-stepper{
  display:flex;flex-wrap:nowrap;gap:5px;
  margin:2px 0 4px;padding:0 0 4px;max-height:none;
  overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
  scrollbar-width:thin;scrollbar-color:#d4ccd2 transparent
}
#certificationRoot .knowledge-exam-panel .checkpoint-step{
  flex:0 0 30px;width:30px;min-width:30px;height:30px;
  padding:0;border-radius:7px;font-size:10px;font-weight:700;
  background:#fff;color:#5b5660;border:1px solid #e2dfe5
}
#certificationRoot .knowledge-exam-panel .checkpoint-step:hover{
  border-color:#ea95c0;background:#fff6fa
}
#certificationRoot .knowledge-exam-panel .checkpoint-step.answered{
  background:#edf8f2;border-color:#aed9c4;color:#187253
}
#certificationRoot .knowledge-exam-panel .checkpoint-step.current{
  background:var(--pink);border-color:var(--pink);color:#fff;
  box-shadow:none
}
#certificationRoot .knowledge-exam-panel .checkpoint-step:focus-visible,
#certificationRoot .knowledge-exam-panel .checkpoint-answer:focus-visible{
  outline:3px solid #9a4b7e;outline-offset:2px
}
#certificationRoot .knowledge-exam-panel .checkpoint-question-card{
  padding:14px 16px 10px;margin:0;border:1px solid #e6e3e9;
  border-radius:12px;background:#fff
}
#certificationRoot .knowledge-exam-panel .checkpoint-question-card h2{
  font-size:17px;line-height:1.43;letter-spacing:-.009em;
  margin:0 0 11px;font-weight:740
}
#certificationRoot .knowledge-exam-panel .checkpoint-answers{gap:7px}
#certificationRoot .knowledge-exam-panel .checkpoint-answer{
  display:grid;grid-template-columns:25px minmax(0,1fr);
  gap:9px;align-items:center;min-height:41px;
  padding:7px 9px;border:1px solid #e2dfe6;
  border-radius:9px;background:#fff;box-shadow:none
}
#certificationRoot .knowledge-exam-panel .checkpoint-answer>b{
  display:grid;place-items:center;width:23px;height:23px;
  border-radius:6px;background:#f4f3f5;color:#34313b;
  font-size:11px;font-weight:750
}
#certificationRoot .knowledge-exam-panel .checkpoint-answer span{
  font-size:12.5px;line-height:1.42;color:#33303a
}
#certificationRoot .knowledge-exam-panel .checkpoint-answer:hover{
  border-color:#e89bc3;background:#fff9fc
}
#certificationRoot .knowledge-exam-panel .checkpoint-answer.selected{
  border-color:var(--pink);background:#fff2f9;
  box-shadow:inset 0 0 0 1px rgba(230,0,126,.1)
}
#certificationRoot .knowledge-exam-panel .checkpoint-answer.selected>b{
  background:var(--pink);color:#fff
}
#certificationRoot .knowledge-exam-panel .checkpoint-nav{
  display:flex;justify-content:space-between;align-items:center;
  gap:10px;padding:9px 0 0;margin-top:10px;border-top:1px solid #eeedf0
}
#certificationRoot .knowledge-exam-panel .checkpoint-nav button{
  min-height:36px;padding:7px 13px;border-radius:8px;
  font-size:12px;font-weight:700
}
#certificationRoot .checkpoint-final-note{
  font-size:10px!important;line-height:1.35!important;
  margin:0 1px!important;color:#77717d
}
@media(max-width:720px){
  #view-certification>.page-heading{margin-bottom:11px}
  #view-certification>.page-heading h1{font-size:21px}
  #certificationRoot .knowledge-exam-panel:not(.checkpoint-wizard-v26){
    padding:17px;gap:11px
  }
  #certificationRoot .knowledge-exam-metrics{gap:7px}
  #certificationRoot .knowledge-exam-metrics span{
    min-height:60px;padding:9px;gap:3px;font-size:10px
  }
  #certificationRoot .knowledge-exam-metrics b{font-size:20px}
  #certificationRoot .knowledge-exam-panel.checkpoint-wizard-v26{
    padding:14px;gap:9px
  }
  #certificationRoot .knowledge-exam-heading{
    display:flex;gap:10px;align-items:center;flex-wrap:nowrap
  }
  #certificationRoot .knowledge-exam-heading h2{font-size:18px}
  #certificationRoot .knowledge-exam-heading p{font-size:10.5px}
  #certificationRoot .knowledge-exam-heading .knowledge-grade-requirement{
    min-width:66px;min-height:50px;padding:6px
  }
  #certificationRoot .knowledge-grade-requirement b{font-size:19px}
  #certificationRoot .knowledge-exam-panel .checkpoint-question-card{
    padding:13px 12px 10px;scroll-margin-top:84px
  }
  #certificationRoot .knowledge-exam-panel .checkpoint-question-card h2{
    font-size:16px;line-height:1.4
  }
  #certificationRoot .knowledge-exam-panel .checkpoint-answer span{
    font-size:12px
  }
  #certificationRoot .knowledge-exam-panel .checkpoint-nav{
    display:grid;grid-template-columns:1fr 1fr
  }
  #certificationRoot .knowledge-exam-panel .checkpoint-nav button{
    min-width:0;padding:9px 6px
  }
}
@media(max-width:520px){
  #certificationRoot .knowledge-exam-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  #certificationRoot .checkpoint-compact-status{
    flex-wrap:wrap;gap:3px;font-size:10px
  }
  #certificationRoot .checkpoint-compact-status b{font-size:10px}
  #certificationRoot .knowledge-exam-panel .checkpoint-stepper{
    margin:3px 0;padding-bottom:6px
  }
  #certificationRoot .knowledge-exam-panel .checkpoint-step{
    flex-basis:32px;width:32px;min-width:32px;height:32px
  }
}
@media(max-height:780px) and (min-width:721px){
  #view-certification>.page-heading{margin-bottom:8px}
  #certificationRoot .knowledge-exam-panel.checkpoint-wizard-v26{
    padding-top:12px;padding-bottom:10px;gap:7px
  }
  #certificationRoot .knowledge-exam-panel .checkpoint-question-card{
    padding-top:11px;padding-bottom:8px
  }
  #certificationRoot .knowledge-exam-panel .checkpoint-answer{
    min-height:37px;padding:5px 8px
  }
  #certificationRoot .knowledge-exam-panel .checkpoint-question-card h2{
    margin-bottom:8px
  }
}
@media(prefers-reduced-motion:reduce){
  #certificationRoot .knowledge-progress-track-v4>span{transition:none}
}

/* Knowledge certification integrity: visible on-return modal, not an inline note. */
#certificationRoot .knowledge-integrity-backdrop{
  position:fixed;inset:0;z-index:10020;display:flex;align-items:center;
  justify-content:center;box-sizing:border-box;
  overflow-y:auto;overscroll-behavior:contain;
  padding:24px;background:rgba(23,19,28,.52)
}
#certificationRoot .knowledge-integrity-alert{
  box-sizing:border-box;width:min(100%,510px);max-height:calc(100dvh - 48px);
  overflow-y:auto;display:flex;flex-direction:column;gap:15px;
  padding:26px;border-radius:17px;border:1px solid #eed2df;
  background:#fff;color:#302a33;
  box-shadow:0 18px 70px rgba(28,15,25,.24)
}
#certificationRoot .knowledge-integrity-heading{
  display:flex;align-items:center;gap:12px
}
#certificationRoot .knowledge-integrity-heading .eyebrow{
  color:#8b5070;font-size:10px;letter-spacing:.06em
}
#certificationRoot .knowledge-integrity-symbol{
  display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;
  border-radius:50%;background:#fff0f7;color:#a32262;
  font-size:22px;font-weight:750
}
#certificationRoot .knowledge-integrity-heading h2{
  margin:3px 0 0;font-size:20px;font-weight:750;line-height:1.24;
  color:#302a33
}
#certificationRoot .knowledge-integrity-copy{
  display:flex;flex-direction:column;gap:11px
}
#certificationRoot .knowledge-integrity-copy p{
  margin:0;color:#514954;font-size:13px;line-height:1.65
}
#certificationRoot .knowledge-integrity-copy strong{
  color:#33272e;font-weight:750
}
#certificationRoot .knowledge-integrity-alert button{
  align-self:stretch;min-height:44px;margin-top:3px;
  font-size:13px;border-radius:9px
}
@media(max-width:720px){
  #certificationRoot .knowledge-integrity-backdrop{
    padding:16px;align-items:center
  }
  #certificationRoot .knowledge-integrity-alert{
    padding:19px;gap:13px;max-height:calc(100dvh - 32px);border-radius:14px
  }
  #certificationRoot .knowledge-integrity-heading h2{font-size:18px}
  #certificationRoot .knowledge-integrity-copy p{font-size:12.5px;line-height:1.6}
}
@media(max-height:560px){
  #certificationRoot .knowledge-integrity-backdrop{align-items:flex-start;padding:10px}
  #certificationRoot .knowledge-integrity-alert{max-height:calc(100dvh - 20px)}
}