/* Invitation au questionnaire : relief et action explicite, sans animation en boucle. */
.first-contact{border-color:#e40d1a33;box-shadow:0 9px 0 -4px #a70812,0 20px 34px -20px #e40d1a99;transition:transform .18s ease,box-shadow .18s ease;margin-bottom:32px}
.first-contact summary{position:relative;display:flex;align-items:center;gap:22px;padding:26px 28px;min-height:132px;background:linear-gradient(115deg,#e40d1a 0%,#c80916 100%);border-top:1px solid #ffffff44}
.first-contact summary:hover{background:linear-gradient(115deg,#ef1422,#cf0917)}
.first-contact:has(summary:hover){transform:translateY(-2px);box-shadow:0 11px 0 -4px #a70812,0 25px 40px -20px #e40d1a99}
.first-contact summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px;border-radius:22px}
.contact-summary-star{display:block;width:74px;height:74px;flex:0 0 74px;filter:drop-shadow(0 7px 4px #6f000955);transform:rotate(-8deg)}
.first-contact summary .contact-summary-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.first-contact summary .contact-summary-copy strong{font-size:25px;line-height:1.25}
.first-contact summary .contact-summary-copy small{font-size:10px;margin:0}
.contact-summary-hint{font:400 13px/1.5 'DM Sans',sans-serif;color:#fff;max-width:48ch}
.first-contact summary>span.contact-summary-action:last-child{display:flex;gap:14px;align-items:center;justify-content:center;background:#fff;color:#191919;border:1px solid #ffffff77;border-radius:14px;width:auto;height:auto;min-height:48px;flex:none;padding:13px 18px;box-shadow:0 4px 0 #990812;font:700 12px/1.4 'DM Sans',sans-serif}
.contact-summary-arrow{font-size:22px;line-height:1}
.first-contact .contact-summary-open{display:none}
.first-contact[open] .contact-summary-open{display:inline}
.first-contact[open] .contact-summary-closed{display:none}
.first-contact[open] .contact-summary-arrow{transform:rotate(-90deg)}
@media(max-width:650px){
 .first-contact summary{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;padding:21px 18px;min-height:0}
 .contact-summary-star{width:46px;height:46px}
 .first-contact summary .contact-summary-copy strong{font-size:21px}
 .contact-summary-hint{font-size:12px}
 .first-contact summary>span.contact-summary-action:last-child{grid-column:1/-1;width:100%;justify-content:space-between;margin-top:3px}
}
.cover.cover-illustrated{aspect-ratio:2;background:#191919}
.cover.cover-illustrated>img{object-fit:contain}
.cover.cover-illustrated .format{top:auto;bottom:8px;left:auto;right:8px;padding:3px 7px;font-size:8px;box-shadow:0 1px 4px #0003}
@media(prefers-reduced-motion:reduce){.first-contact{transition:none}.first-contact:has(summary:hover){transform:none}}