/* Certificate registry: one continuous editorial grid, without floating cards. */
html .certificate-route .certificate-page-main{
  padding-right:clamp(14px,2vw,30px);
  padding-left:clamp(14px,2vw,30px);
}

html .certificate-route .certificate-page-hero{
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.62fr);
  align-items:end;
  gap:clamp(36px,6vw,110px);
  padding:58px 0 46px;
  border-bottom:1px solid var(--certificate-line);
}

html .certificate-route .certificate-page-hero h1{
  max-width:760px;
  font-size:clamp(44px,4.4vw,72px);
  font-weight:300;
  line-height:.96;
  letter-spacing:-.05em;
}

html .certificate-route .certificate-page-hero p{
  max-width:590px;
  padding:0 0 2px 24px;
  border-left:1px solid var(--certificate-line);
  font-size:16px;
  line-height:1.55;
}

html .certificate-route .certificate-page-verifier{
  grid-template-columns:minmax(320px,.72fr) minmax(520px,1.28fr);
  gap:0;
  border-bottom:1px solid var(--certificate-line);
  background:transparent;
}

html .certificate-route .certificate-page-verifier-copy{
  justify-content:flex-start;
  padding:44px 38px 46px 0;
  border-right:1px solid var(--certificate-line);
  background:transparent;
}

html .certificate-route .certificate-page-verifier-copy h2{
  max-width:440px;
  font-size:clamp(30px,2.5vw,42px);
  font-weight:300;
  line-height:1.03;
  letter-spacing:-.04em;
}

html .certificate-route .certificate-page-verifier-copy p{
  max-width:520px;
  margin-top:auto;
  padding-top:34px;
  border-top:0;
  color:var(--certificate-muted);
  font-size:15px;
  line-height:1.58;
}

html .certificate-route .certificate-page-verifier .certificate-verify{
  justify-content:center;
  margin:0;
  padding:44px 0 46px 42px;
  border:0;
  background:transparent;
}

html .certificate-route .certificate-page-verifier .certificate-verify h3{
  position:relative;
  padding-top:19px;
  font-size:25px;
  font-weight:300;
}

html .certificate-route .certificate-page-verifier .certificate-verify h3::before{
  position:absolute;
  top:0;
  left:0;
  width:42px;
  height:2px;
  background:var(--certificate-acid);
  content:"";
}

html .certificate-route .certificate-page-verifier .certificate-verify>p{
  margin:12px 0 25px;
  font-size:15px;
}

html .certificate-route .certificate-verify-form{
  margin:0;
  grid-template-columns:minmax(0,1fr) 156px;
  background:var(--certificate-panel);
}

html .certificate-route .certificate-verify-form button{
  min-height:68px;
}

html .certificate-route .certificate-page-notes{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  padding:0;
  border-left:1px solid var(--certificate-line);
}

html .certificate-route .certificate-page-notes article{
  min-height:230px;
  padding:28px 26px 30px;
  border-right:1px solid var(--certificate-line);
  border-bottom:1px solid var(--certificate-line);
  background:transparent;
}

html .certificate-route .certificate-page-notes article::before{
  margin-bottom:auto;
  color:var(--certificate-muted);
  font-size:14px;
}

html .certificate-route .certificate-page-notes h2{
  margin-top:34px;
  font-size:21px;
  font-weight:300;
  line-height:1.15;
}

html .certificate-route .certificate-page-notes p{
  margin-top:18px;
  padding-top:17px;
  border-top:1px solid var(--certificate-line);
  color:var(--certificate-muted);
  font-size:14px;
  line-height:1.52;
}

html[data-site-theme="dark"] .certificate-route .certificate-page-verifier,
html[data-site-theme="dark"] .certificate-route .certificate-page-verifier-copy,
html[data-site-theme="dark"] .certificate-route .certificate-page-verifier .certificate-verify,
html[data-site-theme="dark"] .certificate-route .certificate-page-notes article{
  background:transparent;
}

@media(max-width:1100px){
  html .certificate-route .certificate-page-hero{
    grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);
    gap:40px;
  }

  html .certificate-route .certificate-page-verifier{
    grid-template-columns:minmax(280px,.68fr) minmax(420px,1.32fr);
  }

  html .certificate-route .certificate-page-verifier-copy{
    padding-right:28px;
  }

  html .certificate-route .certificate-page-verifier .certificate-verify{
    padding-left:28px;
  }
}

@media(max-width:900px){
  html .certificate-route .certificate-page-hero{
    grid-template-columns:1fr;
    gap:24px;
    padding:42px 0 34px;
  }

  html .certificate-route .certificate-page-hero p{
    max-width:680px;
    padding:18px 0 0;
    border-top:1px solid var(--certificate-line);
    border-left:0;
  }

  html .certificate-route .certificate-page-verifier{
    grid-template-columns:1fr;
  }

  html .certificate-route .certificate-page-verifier-copy{
    padding:32px 0 30px;
    border-right:0;
    border-bottom:1px solid var(--certificate-line);
  }

  html .certificate-route .certificate-page-verifier-copy p{
    max-width:680px;
    margin-top:22px;
    padding-top:0;
  }

  html .certificate-route .certificate-page-verifier .certificate-verify{
    padding:32px 0 36px;
  }

  html .certificate-route .certificate-page-notes{
    grid-template-columns:1fr;
  }

  html .certificate-route .certificate-page-notes article{
    display:grid;
    grid-template-columns:46px minmax(180px,.55fr) minmax(0,1fr);
    align-items:start;
    gap:20px;
    min-height:0;
    padding:24px 20px;
  }

  html .certificate-route .certificate-page-notes article::before{
    margin:0;
  }

  html .certificate-route .certificate-page-notes h2{
    margin:0;
  }

  html .certificate-route .certificate-page-notes p{
    margin:0;
    padding:0;
    border-top:0;
  }
}

@media(max-width:600px){
  html .certificate-route .certificate-page-hero h1{
    font-size:38px;
    line-height:1;
  }

  html .certificate-route .certificate-page-verifier-copy h2{
    font-size:29px;
  }

  html .certificate-route .certificate-verify-form{
    grid-template-columns:1fr;
    grid-template-rows:auto auto 54px;
    grid-template-areas:"label" "input" "button";
  }

  html .certificate-route .certificate-verify-form button{
    min-height:54px;
    border-top:1px solid var(--certificate-line);
    border-left:0;
  }

  html .certificate-route .certificate-page-notes article{
    grid-template-columns:34px minmax(0,1fr);
    gap:7px 12px;
    padding:20px 16px 22px;
  }

  html .certificate-route .certificate-page-notes h2{
    font-size:19px;
  }

  html .certificate-route .certificate-page-notes p{
    grid-column:2;
    margin-top:7px;
    font-size:13px;
  }
}
