

.ct-body .ct-top{display:flex;align-items:center;min-height:64px}
.ct-main{display:flex;flex-direction:column;align-items:center;padding-top:clamp(8px,4vh,40px);
  padding-bottom:48px}

.ct-plate{--pt:var(--a-s);width:100%;max-width:640px;padding:24px 20px 26px;
  box-shadow:var(--o5) var(--o5) 0 -1px var(--pt),var(--drop);min-width:0}
@media (min-width:760px){.ct-plate{padding:30px 32px 32px}}
.ct-void{--pt:var(--take-s)}
.ct-verify{max-width:460px}

.ct-state{display:flex;align-items:flex-start;gap:10px;margin:0 0 22px}
.ct-state p{margin:0}
.ct-ic{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.notice-ok .ct-ic{color:var(--held-d)}
.notice-bad .ct-ic{color:var(--take-d)}

.ct-head{display:flex;align-items:flex-start;gap:16px;justify-content:space-between}
.ct-head-t{min-width:0}
.ct-name{margin:12px 0 0;font-size:clamp(1.625rem,6vw,2.625rem);line-height:1.12;
  letter-spacing:-.034em;font-weight:820;color:var(--ink);overflow-wrap:anywhere;text-wrap:balance}
.ct-what{margin-top:10px}
.ct-seal{width:76px;height:76px;flex:0 0 auto;fill:var(--a-t);stroke:var(--a-d);stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
.ct-seal path+path{fill:none}
@media (max-width:420px){.ct-seal{width:52px;height:52px}}

.ct-facts{display:grid;grid-template-columns:1fr;gap:14px 24px;margin:26px 0 0;padding:18px 0 0;
  border-top:var(--bw) solid var(--hair)}
@media (min-width:520px){.ct-facts{grid-template-columns:1fr 1fr}}
.ct-f{min-width:0;margin:0}
.ct-v{margin:0;color:var(--ink);font-weight:600;overflow-wrap:anywhere;display:flex;
  align-items:center;flex-wrap:wrap;gap:4px 10px}
.ct-mono,.ct-id{font-family:var(--mo);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.ct-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mo);
  font-size:.875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.ct-badge .ct-ic{width:18px;height:18px;margin:0}
.ct-ok{color:var(--held-d)}
.ct-no{color:var(--take-d)}

.ct-acts{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}

.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.ct-grid>.btn{width:100%;min-width:0;padding-inline:10px;white-space:nowrap}
.ct-grid>.ct-li{grid-column:1/-1;margin:0}

@media (max-width:420px){.ct-grid>.btn{font-size:.875rem;padding-inline:6px}}

.ct-pic{display:block;margin:0 0 22px;border:var(--bw) solid var(--hair);border-radius:var(--r-s);
  overflow:hidden}
.ct-pic img{display:block;width:100%;height:auto}

.ct-wide{max-width:960px}
.ct-void .ct-name{color:var(--ink3)}
.ct-acts .btn{flex:1 1 auto}
@media (min-width:520px){.ct-acts .btn{flex:0 0 auto}}
.ct-signed{margin:18px 0 0}
.ct-more{margin:22px 0 0;text-align:center}

.ct-mini{display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  min-width:76px;flex:none;padding:0 12px;border:var(--bw) solid var(--edge);border-radius:var(--r-s);
  background:var(--near);color:var(--ink);font:inherit;font-family:var(--sa);font-size:.8125rem;
  font-weight:700;letter-spacing:0;text-transform:none;cursor:pointer}
.ct-mini:hover{background:var(--a-t);border-color:var(--a-e)}
.is-copied{border-color:var(--held-d);color:var(--held-d)}
.btn.is-copied{background:var(--near);border-color:var(--held-d);color:var(--held-d)}

.ct-vh{margin-top:12px}
.ct-vform{margin-top:18px}
.ct-in{font-size:1.0625rem;letter-spacing:.08em;text-indent:0;text-align:left}
.ct-in::placeholder{font-size:1.0625rem;letter-spacing:.08em}
.ct-verify .ct-state{margin:18px 0 0}

.ct-learner{max-width:720px}
.ct-learner .lede{margin-top:12px}
.ct-own{margin-top:22px}
.ct-own+.ct-own{margin-top:34px;padding-top:26px;border-top:var(--bw) solid var(--hair)}
.ct-own-h{margin:0 0 12px;font-size:1.0625rem;letter-spacing:-.025em}

.ct-mini-cert{position:relative;display:grid;gap:6px;padding:18px;border:var(--bw) solid var(--edge);
  border-radius:var(--r);background:var(--near);
  color:var(--ink);text-decoration:none;box-shadow:var(--o3) var(--o3) 0 -1px var(--a-s);
  margin-right:var(--o3);min-width:0}

.ct-mini-cert{transition:transform .12s var(--ease),box-shadow .12s var(--ease),
  background .2s,border-color .2s;cursor:pointer}
.ct-mini-cert:hover{background:var(--a-t);border-color:var(--a-e)}
.ct-mini-cert:active{transform:translate3d(3px,3px,0);box-shadow:5px 5px 0 -1px var(--a-s)}
.ct-mini-cert:focus-visible{outline:3px solid var(--a);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.ct-mini-cert{transition:none}
  .ct-mini-cert:active{transform:none}}

.ct-shot{padding:12px;gap:4px}
.ct-shot img{display:block;width:100%;height:auto;border-radius:var(--r-s)}
.ct-mc-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.ct-mc-top svg{height:18px;width:auto;flex:none}
.ct-mc-k{font-family:var(--mo);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink3)}
.ct-mc-name{font-size:clamp(1.25rem,5vw,1.625rem);font-weight:800;letter-spacing:-.03em;
  line-height:1.15;overflow-wrap:anywhere}
.ct-mc-course{color:var(--a-d);font-size:1.0625rem;font-weight:750;letter-spacing:-.02em;
  overflow-wrap:anywhere}
.ct-mc-id{font-family:var(--mo);font-size:.8125rem;color:var(--ink2);letter-spacing:.04em;
  margin-top:4px}

.ct-li{margin-top:12px}
.ct-li-s{list-style:none;width:100%;gap:10px}
.ct-li-s::-webkit-details-marker{display:none}

.ct-cv{width:13px;height:9px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.ct-li[open] .ct-cv{transform:rotate(180deg)}
.ct-li-b{margin-top:14px;padding:16px;border:var(--bw) solid var(--hair);border-radius:var(--r-s);
  background:var(--far)}
.ct-li-i{margin:0;color:var(--ink2)}
.ct-li-l{margin:14px 0 0;display:grid;gap:10px}
.ct-li-r{min-width:0}
.ct-li-v{margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-width:0;color:var(--ink);font-weight:600}
.ct-li-v span{min-width:0;overflow-wrap:anywhere}
.ct-li-go{margin-top:16px;width:100%}
@media (min-width:520px){.ct-li-go{width:auto}}

.ct-logo{width:20px;height:20px;flex:none}

.ct-sh{position:relative;min-width:0}
.ct-sh-s{list-style:none;width:100%;padding-inline:10px;white-space:nowrap}
.ct-sh-s::-webkit-details-marker{display:none}
.ct-sh-i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
.ct-sh[open] .ct-cv{transform:rotate(180deg)}

.ct-sh-b .ct-cv{display:none}
.ct-sh-m{position:absolute;z-index:5;top:calc(100% + 8px);right:0;width:max(100%,220px);
  margin:0;padding:6px;list-style:none;border:var(--bw) solid var(--edge);border-radius:var(--r-s);
  background:var(--near);box-shadow:var(--o2) var(--o2) 0 -1px var(--edge)}
.ct-sh-a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;
  border-radius:var(--r-s);color:var(--ink);font-weight:650;text-decoration:none}
.ct-sh-a:hover{background:var(--a-t)}
.ct-sh-a:focus-visible{outline:3px solid var(--a);outline-offset:-3px}
@media (max-width:420px){.ct-sh-s{font-size:.875rem;padding-inline:6px}}

@media (forced-colors:active){
  .ct-badge,.ct-state{forced-color-adjust:auto}
  .ct-mini:focus-visible{outline:3px solid Highlight}
}
@media print{
  .ct-top,.ct-acts,.ct-more,.skip{display:none}
  .ct-plate{box-shadow:none}
}
