#session-completion[hidden], #completion-back[hidden] { display: none; }
.session-completion-page .page-content-wrapper > .container { max-width: 960px; }
.session-completion-page #progress-box,
.session-completion-page #progress-options { display: none; }
.completion-summary, .completion-next {
  text-align: center;
  border-radius: 24px;
  padding: 32px 24px;
  margin-bottom: 24px;
}
.completion-summary {
  background: var(--clarity-surface-white);
  border: 1px solid rgba(var(--clarity-success-green-rgb), .25);
}
.completion-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: rgba(var(--clarity-success-green-rgb), .1);
  color: var(--clarity-success-green);
  font-size: 36px;
  font-weight: bold;
}
.completion-summary h1 { color: var(--clarity-brand-navy); font-size: clamp(22px, 2.6vw, 30px); margin: 0 0 8px; }
.completion-summary p { color: var(--clarity-text-primary); font-size: 18px; margin: 0; }
.completion-next { background: var(--clarity-brand-navy); color: var(--clarity-surface-white); padding: 30px 20px; }
.completion-next p { color: inherit; margin: 0; font-size: 18px; }
#completion-countdown { font-size: clamp(28px, 5vw, 40px); font-weight: bold; font-variant-numeric: tabular-nums; margin-top: 12px; }
.completion-back { display: block; padding: 16px; margin-bottom: 28px; border-radius: 14px; text-align: center; background: var(--clarity-surface-light); color: var(--clarity-brand-navy); font-size: 18px; font-weight: bold; }
.completion-back:hover { color: var(--clarity-brand-navy); background: var(--clarity-surface-white); }
.completion-back:focus-visible { outline: 3px solid var(--clarity-focus-accent); outline-offset: 3px; }
@media (max-width: 480px) {
  .completion-summary, .completion-next { padding: 24px 16px; border-radius: 18px; }
  .completion-summary p, .completion-next p { font-size: 16px; }
}