/* Vergleichsbilder: dein Foto links fest, Referenzen daneben zum Wischen */
.cand{grid-template-columns:minmax(0,1fr)}
.cmp{border-top:1px dashed var(--line);padding-top:12px;display:grid;gap:10px;min-width:0}
.cmp__lead{margin:0;font-size:15px;line-height:1.5}
.cmp__row{display:flex;gap:10px;align-items:flex-start;min-width:0}
.cmp figure{margin:0;flex:0 0 auto;width:108px}
.cmp figure img{display:block;width:108px;height:108px;object-fit:cover;border-radius:var(--r-sm);background:var(--soft)}
.cmp figcaption{font-size:12px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmp__mine img{outline:3px solid var(--leaf);outline-offset:-3px}
.cmp__mine figcaption{color:var(--ink);font-weight:700}
.cmp__strip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;min-width:0;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.cmp__strip figure{scroll-snap-align:start}
.cmp__img{display:block;padding:0;border:0;background:none;cursor:zoom-in;border-radius:var(--r-sm)}
.cmp__img:focus-visible{outline:3px solid var(--leaf);outline-offset:2px}
.cmp__lic{margin:0;font-size:12px;color:var(--muted)}
dialog.zoom{border:0;border-radius:var(--r-md);padding:12px;max-width:min(92vw,720px);background:var(--card);color:var(--ink)}
dialog.zoom::backdrop{background:rgb(0 0 0 / .72)}
dialog.zoom img{display:block;max-width:100%;max-height:70vh;margin:0 auto;border-radius:var(--r-sm)}
dialog.zoom p{font-size:13px;color:var(--muted);margin:10px 2px}
dialog.zoom .btn{width:100%}
/* So unterscheidest du sie */
.tell{list-style:none;padding:14px 16px;border-radius:var(--r-md);background:var(--soft);border-left:4px solid var(--leaf)}
.tell h3{margin:0 0 6px;font:640 16px/1.3 var(--display)}
.tell p{margin:0 0 8px;font-size:15px;line-height:1.55}
.tell p:last-child{margin-bottom:0}
.tell--warn{border-left-color:var(--rust)}
/* Ausschnitt wählen */
.zoompick{list-style:none}
.zoompick .btn{width:100%;border-style:dashed;border-color:var(--leaf);color:var(--leaf)}
dialog.pick{border:0;border-radius:var(--r-md);padding:16px;width:min(94vw,560px);max-height:94dvh;overflow:auto;background:var(--paper);color:var(--ink)}
dialog.pick::backdrop{background:rgb(0 0 0 / .72)}
dialog.pick h2{margin:0 0 6px;font-size:21px}
dialog.pick p{margin:0 0 12px;color:var(--muted);font-size:15px;line-height:1.5}
.pick__img{position:relative;width:fit-content;max-width:100%;margin:0 auto;cursor:crosshair;border-radius:var(--r-sm);overflow:hidden;touch-action:manipulation}
.pick__img img{display:block;max-width:100%;max-height:62dvh;width:auto;height:auto}
.pick__frame{position:absolute;border:3px solid var(--shoot);border-radius:6px;box-shadow:0 0 0 9999px rgb(0 0 0 / .45);pointer-events:none}
.pick__act{display:flex;gap:8px;margin-top:12px}
.pick__act .btn{flex:1}
/* Foto-Anleitung unter dem Kamera-Knopf */
.tips{margin-top:18px;padding:14px 16px;border-radius:var(--r-md);background:var(--card);border:1px solid var(--line)}
.tips__h{margin:0 0 8px;font-weight:700;font-size:15px}
.tips ol{margin:0;padding-left:22px;display:grid;gap:4px;font-size:15px;line-height:1.45;color:var(--muted)}
.tips li::marker{color:var(--leaf);font-weight:700}