/* QTouch — Annonceurs, étape 6 « Collectez contacts et réponses » (lib/site/a7ld.js) */
#a7Scr{container-type:inline-size}
.a7-ld{position:absolute;inset:0;display:flex;flex-direction:column;gap:2.2cqw;padding:3cqw 3.2cqw 2.4cqw;box-sizing:border-box;background:linear-gradient(160deg,#FFF8F1 0%,#FBF7FF 100%);font-family:'Figtree',sans-serif;color:#1D1B26;font-size:11px;font-size:clamp(7px,1.7cqw,13px);opacity:0;transform:scale(1.04) translateY(14px);transition:opacity .6s,transform .9s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.a7-ld.on{opacity:1;transform:none}
.ld-top{display:flex;align-items:center;gap:1.6cqw}
.ld-top small{display:block;font-size:.82em;font-weight:700;color:#8A8598;letter-spacing:.04em;text-transform:uppercase}
.ld-top>div b{display:block;font-size:1.75em;letter-spacing:-.03em;line-height:1.1}
.ld-live{display:inline-flex;align-items:center;gap:.5em;padding:.45em .9em;border-radius:99px;background:#fff;box-shadow:0 4px 14px rgba(30,20,60,.08);font-weight:700;color:#3C394A;white-space:nowrap}
.ld-live i{width:.6em;height:.6em;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:ldp 1.6s infinite}
.ld-live em{font-style:normal;color:#16A34A}
.ld-live.bump em{animation:ldb .5s}
@keyframes ldp{70%{box-shadow:0 0 0 .5em rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@keyframes ldb{40%{transform:scale(1.25)}}
.ld-live em{display:inline-block}
.ld-sp{flex:1}
.ld-tot{text-align:right;line-height:1.05}
.ld-tot b{display:block;font-size:1.5em;letter-spacing:-.03em}
.ld-tot small{color:#8A8598;font-weight:600;font-size:.85em}
.ld-csv{display:inline-flex;align-items:center;gap:.45em;padding:.6em 1em;border:1.5px solid #F97316;border-radius:99px;background:#fff;color:#EA580C;font:700 1em/1 'Figtree',sans-serif;white-space:nowrap}
.ld-csv svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ld-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:1.8cqw}
.ld-card{background:#fff;border-radius:1.6cqw;box-shadow:0 8px 24px -10px rgba(30,20,60,.18),0 0 0 1px rgba(30,20,60,.04);padding:1.6cqw 1.8cqw;min-height:0;overflow:hidden}
.ld-tab{padding:.8cqw 1.2cqw}
.ld-tab table{width:100%;border-collapse:collapse;table-layout:fixed}
.ld-tab th{text-align:left;font-size:.78em;font-weight:700;color:#8A8598;padding:.7em .4em;border-bottom:1px solid #EFECF5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
.ld-tab th small{display:block;font-size:.85em;color:#F97316;letter-spacing:.06em}
.ld-tab th:nth-child(1){width:19%}.ld-tab th.em{width:22%}.ld-tab th.pl{width:17%}.ld-tab th.nl{width:8%;text-align:center}
.ld-tab th:nth-child(4),.ld-tab th.fq{white-space:normal;line-height:1.15}
.ld-tab td{padding:.58em .4em;border-bottom:1px solid #F4F2F8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.ld-tab td.em,.ld-tab td.pl{color:#6A6678;font-weight:500}
.ld-tab td.nl{text-align:center}
.ld-tab td.nl b{color:#16A34A}.ld-tab td.nl s{color:#C4C0CF;text-decoration:none}
.ld-tab .av{display:inline-grid;place-items:center;width:1.7em;height:1.7em;margin-right:.45em;border-radius:50%;background:hsl(var(--h) 70% 92%);color:hsl(var(--h) 55% 38%);font-style:normal;font-size:.85em;font-weight:800;vertical-align:middle}
.ans{display:inline-flex;align-items:center;gap:.35em}
.ans::before{content:"";width:.6em;height:.6em;border-radius:50%;background:var(--c)}
.ld-tab tr.nw td{animation:ldn 1.6s ease-out}
.ld-tab tr.nw{animation:ldi .5s cubic-bezier(.2,.8,.2,1)}
@keyframes ldn{0%,30%{background:#FFF1E6}100%{background:transparent}}
@keyframes ldi{from{opacity:0;transform:translateY(-.8em)}to{opacity:1;transform:none}}
.ld-side{display:flex;flex-direction:column;gap:1.4cqw;min-height:0}
.ld-q{flex:1}
.ld-q>small{display:block;font-size:.82em;font-weight:700;color:#6A6678;margin-bottom:.7em}
.ld-pie{display:flex;align-items:center;gap:1.4cqw}
.ld-pie>i{flex:none;width:8.6cqw;height:8.6cqw;border-radius:50%;-webkit-mask:radial-gradient(circle,transparent 46%,#000 47%);mask:radial-gradient(circle,transparent 46%,#000 47%)}
.ld-pie ul{list-style:none;margin:0;padding:0;flex:1;display:grid;gap:.3em}
.ld-pie li{display:flex;align-items:center;gap:.4em;font-weight:600;font-size:.92em}
.ld-pie li span{width:.62em;height:.62em;border-radius:3px;background:var(--c)}
.ld-pie li b{margin-left:auto}
.ld-bar{display:grid;grid-template-columns:5.2em 1fr 2.6em;align-items:center;gap:.5em;font-size:.9em;font-weight:600;margin:.35em 0}
.ld-bar i{height:.55em;border-radius:99px;background:#F1EEF8;overflow:hidden}
.ld-bar em{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#FB923C,#F97316)}
.ld-bar b{text-align:right}
.ld-opt{margin-top:.6em;padding-top:.6em;border-top:1px solid #F1EEF8;font-size:.9em;color:#4B4660}
.ld-opt b{color:#16A34A}
.ld-gdpr{display:flex;align-items:center;gap:.5em;font-size:.82em;font-weight:600;color:#6A6678}
.ld-gdpr svg{width:1.2em;height:1.2em;fill:none;stroke:#16A34A;stroke-width:2.2;stroke-linecap:round}
@container (max-width:720px){
  .ld-tab th.pl,.ld-tab td.pl{display:none}
  .ld-tab th:nth-child(1){width:24%}.ld-tab th.em{width:27%}
}
/* écrans étroits (téléphone) : on garde nom, réponses et le camembert */
@container (max-width:520px){
  .a7-ld{font-size:clamp(8px,2.45cqw,11px);gap:2.4cqw;padding:3.4cqw}
  .ld-tot{display:none}
  .ld-main{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
  .ld-tab th.pl,.ld-tab td.pl,.ld-tab th.fq,.ld-tab td.fq,.ld-tab th.nl,.ld-tab td.nl{display:none}
  .ld-tab th:nth-child(1){width:33%}.ld-tab th.em{width:37%}
  .ld-tab .av{display:none}
  .ld-side .ld-q:last-child{display:none}
  .ld-pie{flex-direction:column;align-items:stretch}
  .ld-pie>i{width:14cqw;height:14cqw;align-self:center}
}