/* Printed / saved-as-PDF version of the free website check report. Linked with media="print". */
@page {
    size: A4;
    margin: 12mm;
}

html,
body {
    background: #fff !important;
}

body * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

/* only the report */
body > *:not(main),
main > *:not(.check-section),
.check-form,
.print-hide,
.check-cta,
.check-more {
    display: none !important;
}

main,
.check-section,
.check-section .section-inner {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
}

.check-results {
    max-width: none;
    margin: 0;
}

/* header band with the same logo and name as the website */
.print-head[hidden] {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 18px;
    padding: 14px 18px;
    border-radius: 14px;
    background: linear-gradient(120deg, #080412, #250e40 55%, #080412);
    color: #f5f3fb;
}

.print-head .logo {
    width: 52px;
    height: 52px;
    box-shadow: none;
}

.print-head .page-logo-mark {
    width: 100%;
    height: 100%;
    margin: 0;
}

.print-head-title {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: right;
    font-size: 0.85rem;
    color: #c7c2d6;
}

.print-head-title strong {
    font-size: 1.05rem;
    color: #fff;
}

/* contact block at the end */
.print-foot[hidden] {
    display: block !important;
    margin-top: 22px;
    padding: 18px 22px;
    border-radius: 14px;
    background: linear-gradient(135deg, #2a1148, #120a24);
    color: #f5f3fb;
}

.print-foot h3 {
    margin: 0 0 6px;
    color: #fff;
}

.print-foot p {
    margin: 0 0 12px;
    color: #c7c2d6;
}

.print-contact {
    margin: 0 !important;
    line-height: 1.6;
    color: #fff !important;
}

.print-contact strong {
    color: #d4af37;
}

/* keep blocks whole and use the paper sensibly */
.check-title,
.check-verdict,
.check-verdict-note,
.check-issues-block h3 {
    break-after: avoid;
}

.check-score,
.check-metric,
.check-issues li,
.check-issues-block,
.print-foot {
    break-inside: avoid;
}

.check-scores {
    gap: 10px;
}

.check-score svg {
    width: 72px;
    height: 72px;
}

.check-score-num {
    top: 18px;
    height: 72px;
    font-size: 1.4rem;
}

.check-note {
    font-size: 0.8rem;
}

/* tighter spacing so the report fits two pages */
.check-verdict-note {
    margin-bottom: 14px;
}

.check-score {
    gap: 6px;
    padding: 12px 8px;
}

.check-metrics {
    gap: 10px;
    margin-top: 10px;
}

.check-metric {
    padding: 10px 14px;
}

.check-issues-block {
    margin-top: 18px;
}

.check-issues {
    gap: 6px;
}

.check-issues li {
    padding: 8px 14px;
}

.print-foot[hidden] {
    margin-top: 16px;
    padding: 14px 20px;
}