:root{font-family:system-ui,sans-serif;color:#42473f;background:#fbfaf7}*{box-sizing:border-box}main{max-width:1000px;margin:2rem auto;padding:1.5rem}h1,h2{font-family:Georgia,serif}h1{font-size:clamp(2rem,5vw,3.5rem)}label{display:block;margin:1rem 0}input:not([type=checkbox]),textarea,select{display:block;width:100%;padding:.8rem;border:1px solid #c5bdab;border-radius:.5rem;background:white;font:inherit}textarea{min-height:140px}button,a.button{font:inherit;padding:.8rem 1rem;margin:.3rem;border:1px solid #c5bdab;background:#fffdf6;border-radius:.6rem;color:#364b3d;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a88946}[hidden]{display:none!important}#message{white-space:pre-wrap;color:#733d36}.petals{display:flex;flex-wrap:wrap;justify-content:center;max-width:620px;margin:1.5rem auto}.petals button{width:62px;height:92px;border-radius:75% 15%;background:linear-gradient(#fffaf0,#eadcbd);transition:transform .3s}.petals button:hover{transform:translateY(-8px)}.board-wrap{overflow:auto;margin:1rem 0}.board{display:grid;gap:12px;grid-auto-columns:125px;grid-auto-rows:auto;padding:12px;width:max-content;min-width:100%}.card{width:125px;padding:8px;border:1px solid #ba9e62;border-radius:10px;background:#fff9ec;font-size:.8rem;text-align:center;white-space:normal}.card img{width:100%;height:auto;display:block}.card .reversed{transform:rotate(180deg)}.card .name{display:flex;min-height:125px;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:1.2rem}.response{white-space:pre-wrap;line-height:1.65}.tabs{display:flex;flex-wrap:wrap}.list button{display:block;text-align:left;width:100%}.meta{white-space:pre-line}#draft{min-height:280px}nav a{color:inherit}small{display:block}fieldset{border:1px solid #c5bdab;border-radius:.5rem}

/* Présentation cliente Camoin, sans modifier le poste de réponse de la tarologue. */
.mail-client-page{text-align:center;max-width:1000px;color:#211810}
.mail-client-page h1{font-size:clamp(26px,3vw,36px);line-height:1.3;margin:12px 0 18px}
.mail-client-page h2{font-size:26px}.mail-client-page p{line-height:1.65}
.mail-client-page #question-form{text-align:left;max-width:660px;margin:24px auto}
.mail-question{max-width:800px;margin:24px auto;padding:18px 24px;background:#eee0ae;border:1px solid #b79b43;border-radius:20px;color:#211810}
.mail-question p{margin:4px 0}.mail-question #question{font-size:1.12rem;font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere}
.mail-instructions{max-width:790px;margin:20px auto}.mail-client-page #need{font-weight:600}
.mail-lotus{position:relative;width:min(100%,640px);margin:18px auto 0;aspect-ratio:850/810}
.mail-lotus>svg{display:block;width:100%;height:auto}.mail-lotus .petals{position:absolute;inset:0;display:block;max-width:none;margin:0}
.mail-lotus .petals button{position:absolute;width:clamp(24px,4vw,36px);height:clamp(24px,4vw,36px);margin:0;padding:0;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #af8b25;background:#fffdf1ed;color:#211810;font-size:clamp(12px,2vw,16px);font-weight:600;line-height:1;transition:box-shadow .15s}
.mail-lotus .petals button:hover,.mail-lotus .petals button[aria-pressed=true]{transform:translate(-50%,-50%);background:#e8d699;box-shadow:0 0 0 3px #ac862e66}
.mail-lotus .petals button.used{opacity:.35;cursor:default;background:#ded7c3}
.mail-client-page #orientation{max-width:680px;margin:18px auto 24px;padding:18px 10px;border:0;text-align:center}
.mail-client-page #orientation legend{float:none;width:100%;text-align:center;font-size:1.15rem;font-weight:600;margin-bottom:12px}
.mail-client-page #orientation button{display:inline-block;background:#dfca84;color:#000;border:1px solid #aa8b36;border-radius:15px;min-width:220px;max-width:100%;padding:16px 20px;text-align:center}
.mail-client-page #orientation button small{font-size:.82rem;margin-top:5px}.mail-client-page .board-wrap{max-width:100%;text-align:center}.mail-client-page .board{min-width:0;margin:0 auto}.mail-client-page #response{text-align:left;max-width:800px;margin:20px auto}
@media(max-width:650px){.mail-client-page{padding:14px;margin:16px auto}.mail-client-page #orientation button{min-width:0;width:calc(50% - 16px);vertical-align:top;padding:14px 8px}.mail-client-page #orientation button small{font-size:12px}.mail-client-page .mail-question{padding:16px}.mail-client-page .card{width:105px}.mail-client-page .board{grid-auto-columns:105px;gap:8px}}

.mail-client-page #orientation button{min-height:84px;vertical-align:top}

.mail-photo-field{padding:12px 16px;border:1px solid #b79b43;border-radius:16px;background:#fffaf0;margin:18px 0}.mail-photo-preview{display:block;max-width:100%;width:180px;max-height:220px;object-fit:contain;margin:10px auto;border-radius:12px}.mail-photo-help{font-size:.88rem;line-height:1.5}.mail-private-photos{display:flex;gap:18px;flex-wrap:wrap}.mail-private-photos figure{margin:0;max-width:100%;text-align:center}.mail-private-photos img{display:block;width:240px;max-width:100%;max-height:320px;object-fit:contain;border-radius:14px}.mail-private-photos figcaption{margin-top:8px}#other-photo-consent-row{line-height:1.5}