@layer components{.cert-set{--doc-w:11rem;--doc-gap:2rem}.certs{flex-direction:column;display:flex}.cert{border-block-start:1px solid var(--color-border);column-gap:var(--doc-gap);grid-template-columns:minmax(0,1fr);align-items:start;padding-block:2.25rem;display:grid;position:relative}.cert-body{grid-area:1/1;min-inline-size:0}.cert-doc{grid-column:1}@media (min-width:34rem){.cert{grid-template-columns:minmax(0, 1fr) var(--doc-w)}.cert-doc{grid-area:1/2}}.cert-doc{max-inline-size:24rem;margin-block-end:1.5rem}@media (min-width:34rem){.cert-doc{max-inline-size:none;margin-block-end:0}}.cert-doc-link{border-radius:var(--radius-sm);outline-offset:3px;display:block;position:relative}.cert-doc-thumb{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);block-size:auto;inline-size:100%;transition:border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);display:block}.cert-doc-link:hover .cert-doc-thumb,.cert-doc-link:focus-visible .cert-doc-thumb{border-color:var(--color-accent);transform:translateY(-2px)}.cert-doc-zoom{z-index:var(--z-raised);border-radius:var(--radius-sm);background:var(--color-surface);inline-size:min(30rem,62vw);box-shadow:var(--shadow-overlay);opacity:0;transform-origin:100% 0;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);pointer-events:none;padding:.5rem;position:absolute;inset-block-start:calc(100% + .625rem);inset-inline-end:0;transform:scale(.97)}.cert-doc-zoom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform-origin:0 0}.cert-doc-zoom img{border:1px solid var(--color-border);block-size:auto;inline-size:100%;display:block}.cert-doc-link:hover .cert-doc-zoom,.cert-doc-link:focus-visible .cert-doc-zoom{opacity:1;transform:scale(1)}@media (hover:none){.cert{grid-template-columns:minmax(0,1fr)}.cert-doc{grid-area:auto/1;max-inline-size:none;margin-block-end:1.5rem}.cert-doc-zoom{display:none}}@media (prefers-reduced-motion:reduce){.cert-doc-thumb,.cert-doc-zoom{transition-duration:1ms}.cert-doc-link:hover .cert-doc-thumb,.cert-doc-link:focus-visible .cert-doc-thumb{transform:none}}.cert-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 1.5rem;display:flex}.cert-authority{font-size:var(--text-meta);line-height:var(--text-meta--line-height);letter-spacing:var(--text-meta--letter-spacing);font-weight:var(--font-weight-semibold);color:var(--color-accent);text-transform:uppercase}.cert-authority:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-transform:none}.cert-chip{border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);white-space:nowrap;align-items:center;gap:.5rem;padding-block:.3rem;padding-inline:.75rem;display:inline-flex}.cert-chip:before{content:"";border-radius:var(--radius-full);background:currentColor;block-size:.4375rem;inline-size:.4375rem}.cert[data-state=renewing] .cert-chip{background:var(--color-warning-tint);color:var(--color-warning)}.cert[data-state=valid] .cert-chip,.cert[data-state=active] .cert-chip{background:var(--color-success-tint);color:var(--color-success)}.cert-title{font-size:var(--text-xl);line-height:var(--text-xl--line-height);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-wrap:balance;margin-block-start:.625rem}.cert-numlabel{font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-text-muted);margin-block-start:1.25rem}.cert-number{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height);letter-spacing:var(--text-4xl--letter-spacing);font-weight:var(--font-weight-semibold);font-variant-numeric:var(--numeric-tabular);color:var(--color-text-primary);margin-block-start:.25rem}.cert-number[data-long=true]{font-size:clamp(var(--text-2xl), 4.5vw, var(--text-3xl));line-height:var(--text-3xl--line-height);letter-spacing:var(--text-3xl--letter-spacing)}.cert-dates{font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-text-muted);flex-wrap:wrap;gap:.25rem 1.25rem;margin-block-start:.875rem;display:flex}.cert-dates time,.cert-dates .cert-open{font-weight:var(--font-weight-semibold);font-variant-numeric:var(--numeric-tabular);color:var(--color-text-primary)}.cert-facts{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1.25rem 2rem;margin-block-start:1.75rem;display:grid}.cert-facts dt{font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-text-muted)}.cert-facts dd{font-size:var(--text-base);line-height:var(--leading-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-block-start:.25rem}.cert-verify{font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-text-secondary);margin-block-start:1.5rem}.cert-verify a{color:var(--color-accent);text-underline-offset:4px}.cert-verify a:hover{text-decoration:underline}.cert-board-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.cert-board-name{font-size:var(--text-sm);line-height:var(--leading-body);color:var(--color-text-on-dark)}.cert-chip-dark{border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);white-space:nowrap;background:color-mix(in srgb, var(--color-warning-100) 16%, transparent);color:var(--color-warning-100);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-warning-100) 34%, transparent);align-items:center;gap:.5rem;padding-block:.3rem;padding-inline:.75rem;display:inline-flex}.cert-chip-dark[data-state=valid],.cert-chip-dark[data-state=active]{background:color-mix(in srgb, var(--color-azure-300) 16%, transparent);color:var(--color-azure-300);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-azure-300) 34%, transparent)}.cert-chip-dark:before{content:"";border-radius:var(--radius-full);background:currentColor;block-size:.4375rem;inline-size:.4375rem}}