/* Carte postale de Landrezac (16/10/2026) : aperçu en direct + choix de la photo, du mot et de la signature. */
.contenu > section.atelier { max-width: 72rem; display: grid; gap: 22px; align-items: start; }
.apercu-carte { margin: 0; position: sticky; top: calc(var(--entete-h) + 10px); z-index: 2; background: var(--blanc); padding-bottom: 8px; min-width: 0; }
.apercu-carte canvas { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; border-radius: 14px; background: var(--ecume); box-shadow: 0 10px 30px rgba(15,36,64,.18); }
.apercu-carte figcaption { font-size: 13px; color: #3C4E66; margin-top: 6px; }
.carte-form { display: grid; gap: 18px; min-width: 0; }
.carte-form fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.carte-form legend { font: 800 26px/1.1 var(--f-titre); margin-bottom: 10px; padding: 0; }
.choix-photos { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 10px; }
.choix-photos legend { grid-column: 1 / -1; }
.choix-photo { position: relative; display: grid; gap: 4px; cursor: pointer; font-weight: 600; font-size: 14px; }
.choix-photo input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.choix-photo img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 10px; outline: 3px solid transparent; outline-offset: 2px; }
.choix-photo input:checked + img { outline-color: var(--hibiscus); }
.choix-photo input:focus-visible + img { outline-color: var(--lagon); outline-style: dashed; }
.choix-mots label { display: flex; gap: 10px; align-items: flex-start; padding: 6px 0; cursor: pointer; }
.choix-mots label.sr { display: block; }
.choix-mots input[type="radio"] { margin-top: 4px; accent-color: var(--hibiscus); flex: none; }
.choix-mots textarea { width: 100%; font: inherit; padding: 10px 12px; border-radius: 10px; border: 2px solid rgba(15,36,64,.25); background: var(--blanc); color: var(--encre); resize: vertical; }
.choix-mots textarea:disabled { opacity: .55; }
.champ-signature { display: grid; gap: 6px; margin: 0 !important; }
.champ-signature label { font: 800 26px/1.1 var(--f-titre); }
.champ-signature .facultatif { font: 600 15px var(--f-texte); color: #3C4E66; }
.champ-signature input { font: inherit; padding: 10px 12px; border-radius: 10px; border: 2px solid rgba(15,36,64,.25); max-width: 22rem; width: 100%; }
.carte-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.carte-actions .btn[disabled] { opacity: .5; cursor: progress; }
@media (min-width: 960px) {
  .contenu > section.atelier { grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); column-gap: 40px; }
  .apercu-carte { grid-column: 2; grid-row: 1 / span 4; }
  .carte-form, .carte-actions, .atelier > .note, .atelier > noscript { grid-column: 1; }
}