/* Selected certificate design: the original recognition panel's warm paper palette. */
.certificate-paper #certificates{--red:#c83c30;--muted:#62645b;--line:#c3c1b8;background:#e9e7df;color:#171918;padding:clamp(28px,4vw,60px);margin:30px 0 90px;border-radius:3px}
.certificate-paper #certificates .sectiontop{color:#62645b}
.certificate-paper #certificates .certificate-info p,.certificate-paper #certificates .certificate-info time{color:#575a51}
.certificate-paper #certificates .fan-controls button{color:#171918;border-color:#898a80}
.certificate-paper #certificates .fan-controls button:hover{background:#dedbd1;border-color:var(--red)}
.certificate-paper #certificates :is(.fan-card,.fan-visual-card){transform:translateX(calc(var(--slot)*clamp(78px,10vw,135px))) translateY(calc(var(--distance)*23px)) rotate(calc(var(--slot)*8deg))}
.certificate-paper #certificates .fan-card[aria-pressed=true] .fan-face{border-color:var(--red);box-shadow:0 0 0 2px var(--red),0 22px 44px #29282030}
.certificate-paper #certificates .fan-card:hover .fan-face{box-shadow:0 0 0 2px #c83c30,0 22px 40px #29282030}
.certificate-paper #certificates a:focus-visible,.certificate-paper #certificates button:focus-visible{outline-color:#a52e25}
.certificate-paper #certificates .certificate-card{background:#f5f2e9;border-color:#c3c1b8}
.certificate-paper #certificates.fan-ready .certificate-card{background:transparent}
.certificate-paper #certificates .certificate-preview{background:#dddacf}
@media(max-width:700px){.certificate-paper #certificates{padding:30px 22px;margin:20px 0 60px}.certificate-paper #certificates .certificate-fan{margin-inline:-22px;padding-inline:22px}.certificate-paper #certificates :is(.fan-card,.fan-visual-card){transform:none;max-width:none}.certificate-paper #certificates .heading{font-size:clamp(34px,9vw,50px)}.certificate-paper #certificates .fan-controls{gap:10px}}

.certificate-paper #certificates .fan-face{background:#f8f6ef;border-color:#c5c1b6;box-shadow:0 16px 32px #29282029}
.certificate-paper #certificates .fan-card[aria-pressed=true] .fan-face{border-color:var(--red);box-shadow:0 0 0 2px var(--red),0 22px 44px #29282030}
.certificate-paper #certificates .fan-card:hover .fan-face{border-color:var(--red);box-shadow:0 0 0 2px #c83c30,0 28px 52px #29282045}

/* Highlight only the hovered artwork; selected centre is neutral during previews. */
.certificate-paper #certificates .fan-visual-card .fan-face{border-color:#c5c1b6;box-shadow:0 16px 32px #29282029}
.certificate-paper #certificates .certificate-fan:not(.has-preview) .fan-visual-card[data-selected=true] .fan-face{border-color:var(--red);box-shadow:0 0 0 2px var(--red),0 22px 44px #29282030}
.certificate-paper #certificates .fan-visual-card.is-previewed .fan-face{border-color:var(--red);box-shadow:0 0 0 2px var(--red),0 24px 42px #2928203d}
/* Desktop focus is indicated on the visible artwork, not its invisible hit target. */
@media(min-width:701px){.certificate-paper #certificates .fan-card:focus-visible{outline:none}}