/* /cards auto flow (site/js/cards-auto.js). Sits on the white cards panel. */
.ca{max-width:880px;margin:0 auto;color:#1a1a1a}
.ca .store-head h2{font-family:'Playfair Display',serif}
.ca-form{display:grid;gap:14px;max-width:520px;margin:18px 0}
.ca-new{display:grid;gap:14px}
.ca-field{display:grid;gap:6px;font-size:13px;color:#555}
.ca-field input,.ca-field select,.ca-field textarea{font:inherit;font-size:15px;color:#141414;background:#fff;border:1px solid #d9d3c7;border-radius:10px;padding:10px 12px}
.ca-field textarea{resize:vertical;min-height:96px}
.ca-field input:focus,.ca-field select:focus,.ca-field textarea:focus{outline:2px solid rgba(238,116,16,.35);border-color:#ee7410}
.ca-btn{font:inherit;font-size:14px;font-weight:600;border-radius:999px;padding:11px 18px;cursor:pointer;border:1px solid #1a1a1a;background:#fff;color:#1a1a1a}
.ca-btn:disabled{opacity:.45;cursor:default}
.ca-btn--go{background:#ee7410;border-color:#ee7410;color:#fff}
.ca-btn--go:hover:not(:disabled){background:#d4630a}
.ca-btn--ghost{border-color:#d9d3c7}
.ca-thumbs{display:flex;gap:8px}
.ca-thumbs img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid #e8e4dc}
.ca-status{min-height:1.4em;font-size:14px;color:#555;margin:10px 0}
.ca-status--bad{color:#b3261e}
.ca-faces{background:#faf8f4;border:1px solid #ebe6dc;border-radius:14px;padding:14px;margin:14px 0}
.ca-faces h3{margin:0 0 10px;font-size:16px}
.ca-faces__row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.ca-face{padding:0;border:2px solid transparent;border-radius:12px;background:none;cursor:pointer}
.ca-face:hover,.ca-face:focus{border-color:#ee7410}
.ca-face img{width:88px;height:88px;object-fit:cover;border-radius:10px;display:block}
.ca-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin:18px 0}
.ca-tile{background:#fff;border:1px solid #e8e4dc;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:10px;align-items:stretch;min-height:300px;justify-content:center}
.ca-tile img{width:100%;aspect-ratio:5/7;object-fit:cover;border-radius:8px;background:#f3efe7;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.ca-tile__msg{text-align:center;font-size:13px;color:#666;margin:0}
.ca-tile__icon{text-align:center;font-size:28px;color:#b3261e}
.ca-spinner{width:34px;height:34px;margin:0 auto;border-radius:50%;border:3px solid #eee3d3;border-top-color:#ee7410;animation:ca-spin 1s linear infinite}
@keyframes ca-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ca-spinner{animation:none}}
.ca-faces3{display:grid;grid-template-columns:5fr 10fr 5fr;gap:12px;align-items:start;margin:18px 0}
.ca-face3{margin:0}
.ca-face3 img{width:100%;border-radius:8px;background:#f3efe7;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.ca-face3 figcaption{font-size:12px;color:#777;text-align:center;margin-top:6px}
@media (max-width:640px){.ca-faces3{grid-template-columns:1fr 1fr}.ca-face3:nth-child(2){grid-column:1/-1;order:3}}
.ca-blocked{background:#faf8f4;border:1px solid #ebe6dc;border-radius:14px;padding:18px;margin:18px 0}
.ca-blocked h3{margin:0 0 8px}
.ca-blocked p{color:#555;margin:0 0 8px}
.ca-people{margin:6px 0 4px}
.ca-people h3{margin:0 0 10px;font-size:16px}
.ca-people__row{display:flex;flex-wrap:wrap;gap:10px}
.ca-person{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border:1px solid #e8e4dc;border-radius:999px;background:#fff;cursor:pointer;font:inherit}
.ca-person:hover,.ca-person:focus{border-color:#ee7410;outline:none}
.ca-person img{width:44px;height:44px;object-fit:cover;border-radius:50%;display:block}
.ca-person__initial{width:44px;height:44px;border-radius:50%;background:#f3efe7;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#a64332}
.ca-person__name{font-weight:600;font-size:14px}
.ca-identity{display:grid;gap:14px}
.ca-forline{font-weight:600;font-size:15px;margin:4px 0}
.ca-examples{margin:6px 0 2px}
.ca-examples h3{margin:0 0 6px;font-size:16px}
.ca-examples p{margin:0 0 10px;color:#555;font-size:14px}
.ca-examples__row{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}
.ca-example{margin:0;flex:0 0 150px}
.ca-example img{width:150px;aspect-ratio:5/7;object-fit:cover;border-radius:8px;background:#f3efe7;box-shadow:0 6px 18px rgba(0,0,0,.08);display:block}
.ca-example figcaption{font-size:12px;color:#777;text-align:center;margin-top:6px}