.cert-wrap {
    width: min(1024px, calc(100% - 24px));
    margin: 0 auto;
}

.cert-sheet {
    position: relative;
    width: 100%;
    aspect-ratio: 1024 / 768;
    background: #efe6d0;
    box-shadow: 0 24px 60px rgba(0, 8, 72, 0.16);
}

.cert-canvas {
    display: block;
    width: 100%;
    height: 100%;
}

.cert-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-top: 22px;
}

.cert-meta {
    margin: 18px auto 0;
    max-width: 42em;
    text-align: center;
    color: var(--ink-soft);
    font-size: 15px;
}

.cert-meta code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-weight: 700;
    color: var(--navy);
}

@media print {
    body {
        background: #fff !important;
    }

    .site-header,
    .site-footer,
    .cert-actions,
    .verify-panel,
    .no-print {
        display: none !important;
    }

    .cert-wrap {
        width: 100%;
        margin: 0;
    }

    .cert-sheet {
        box-shadow: none;
        max-width: none;
        width: 100%;
        break-inside: avoid;
    }
}