.certificate-site {
  --certificate-ink: #20282e;
  --certificate-muted: #525d66;
  --certificate-line: #dedad2;
  --certificate-paper: #f7f5f0;
  --certificate-accent: #a72c35;
  margin: 0;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  background: var(--certificate-paper);
  color: var(--certificate-ink);
  font: 1rem/1.55 system-ui, sans-serif;
}
.certificate-site *, .certificate-site *::before, .certificate-site *::after { box-sizing: border-box; }
.certificate-site a { color: inherit; text-underline-offset: .22em; }
.certificate-site :focus-visible, .cert-admin :focus-visible { outline: 3px solid #356e9b; outline-offset: 3px; }
.certificate-skip { position: absolute; top: .5rem; left: 1rem; padding: .5rem; background: white; transform: translateY(-160%); }
.certificate-skip:focus { transform: none; z-index: 2; }
.certificate-masthead, .certificate-site-footer {
  padding: .85rem clamp(1rem, 5vw, 4.5rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.certificate-masthead { background: #fff; border-bottom: 1px solid var(--certificate-line); font-size: .9rem; font-weight: 650; }
.certificate-masthead img { display: block; object-fit: contain; }
.certificate-masthead nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .55rem 1.3rem; }
.certificate-portal { max-width: 42rem; }
.certificate-portal > p { max-width: 46ch; }
.certificate-verify-entry { margin-top: 1.15rem; }
.certificate-notice { background: #edf5ef; border-inline-start: 3px solid #235445; padding: .7rem .85rem; }
.certificate-notice--error { background: #fceeea; border-inline-start-color: #a72c35; }
.certificate-search input[type="email"] { font-family: inherit; }
.certificate-signout { border: 0; background: transparent; color: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: .2em; padding: .25rem 0; font: inherit; font-size: .88rem; }
.certificate-site-footer { border-top: 1px solid var(--certificate-line); font-size: .88rem; color: var(--certificate-muted); }
.certificate-main { width: min(100% - 2rem, 57rem); flex: 1; margin-inline: auto; padding: clamp(2rem, 7vw, 4.5rem) 0; }
.certificate-intro { margin-bottom: 1.8rem; }
.certificate-intro h1 { margin: .15rem 0 .55rem; font: 600 clamp(2.35rem, 6.5vw, 4rem)/1.04 Georgia, serif; letter-spacing: -.04em; }
.certificate-intro p, .certificate-record > p { margin: .4rem 0 1rem; color: var(--certificate-muted); }
.certificate-intro .certificate-kicker {
  color: var(--certificate-accent);
  font-size: .76rem;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .11em;
  margin: .8rem 0 .55rem;
}
.certificate-text-link { font-weight: 650; font-size: .93rem; }
.certificate-record {
  padding: clamp(1.05rem, 4vw, 2.25rem);
  border: 1px solid var(--certificate-line);
  border-top: 4px solid var(--certificate-accent);
  background: #fff;
  overflow-wrap: anywhere;
}
.certificate-record + .certificate-record { margin-top: 1rem; }
.certificate-record--partner { --certificate-accent: #235445; }
.certificate-record--warning { --certificate-accent: #8c532a; }
.certificate-record h2 { font: 600 clamp(1.55rem, 4vw, 2.25rem)/1.15 Georgia, serif; margin: .2rem 0 .6rem; }
.certificate-record h3 { font-size: .96rem; margin: 1.1rem 0 .45rem; }
.certificate-record .certificate-status {
  display: inline-flex; gap: .35rem; align-items: center;
  margin: 0 0 .9rem;
  padding: .25rem .65rem;
  font-size: .83rem; font-weight: 730; border-radius: 99px;
}
.certificate-record .certificate-status--valid { color: #215242; background: #e5f2ea; }
.certificate-record .certificate-status--revoked { color: #812a2e; background: #fae9e7; }
.certificate-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem 1rem; margin: 1.15rem 0; border-block: 1px solid var(--certificate-line); padding: 1rem 0; }
.certificate-facts dt, .certificate-copy-fields dt { color: var(--certificate-muted); font-size: .83rem; }
.certificate-facts dd, .certificate-copy-fields dd { margin: .15rem 0 0; font-weight: 640; }
.certificate-skills { padding-inline-start: 1.3rem; margin: 0 0 1.25rem; }
.certificate-skills li + li { margin-top: .2rem; }
.certificate-search { margin-top: 1.45rem; max-width: 37rem; }
.certificate-search label { display: block; margin-bottom: .35rem; font-size: .91rem; font-weight: 700; }
.certificate-search > div { display: flex; flex-wrap: wrap; gap: .55rem; }
.certificate-search input { flex: 1 1 14rem; min-width: 0; max-width: 100%; font: 1rem monospace; padding: .7rem; border: 1px solid #8f9698; border-radius: .3rem; }
.certificate-site .certificate-button, .certificate-button {
  color: #fff;
  background: #252e36;
  border: 1px solid transparent;
  border-radius: .32rem;
  padding: .65rem .85rem;
  min-height: 2.7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 650 .9rem/1.3 system-ui, sans-serif;
  text-decoration: none;
  cursor: pointer;
}
.certificate-site .certificate-button--linkedin { background: #0a66c2; }
.certificate-site .certificate-button--outline { color: #1f303e; border-color: #77828c; background: #fff; }
.certificate-button:hover { filter: brightness(.88); }
.certificate-actions, .certificate-subactions { display: flex; align-items: center; flex-wrap: wrap; gap: .55rem; }
.certificate-subactions { gap: .85rem; margin-top: .95rem; font-size: .9rem; }
.certificate-linkedin { margin-top: 1.1rem; padding: .8rem 0 0; border-top: 1px solid var(--certificate-line); }
.certificate-linkedin summary { cursor: pointer; font-weight: 650; }
.certificate-copy-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin-bottom: .6rem; }
.certificate-copy-fields > div:last-child { grid-column: 1 / -1; }
.certificate-copy { margin-left: .45rem; color: #193c55; background: #edf2f5; border: 1px solid #b3c6d1; border-radius: .25rem; font: 650 .8rem system-ui, sans-serif; padding: .35rem .5rem; cursor: pointer; }
[data-copy-status] { margin: 0; font-size: .88rem; }
.cert-admin-heading, .cert-admin-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.cert-admin-heading { justify-content: space-between; align-items: center; padding-block: .4rem 1.05rem; }
.cert-admin-actions { align-items: end; margin-bottom: 1rem; }
.cert-admin-revoke { margin-top: .25rem; }
.cert-admin summary { cursor: pointer; }
@media (max-width: 35rem) {
  .certificate-facts, .certificate-copy-fields { grid-template-columns: minmax(0, 1fr); }
  .certificate-actions { align-items: stretch; flex-direction: column; }
}