/* Client questionnaire (/anketa/, built by tools/build.py) and the rules page; the rest comes from main.css */
.anketa{display:grid;gap:16px;max-width:680px}
.ak-card{display:grid;gap:14px;margin:0;padding:20px;border:0;border-radius:var(--r-lg,22px);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.ak-card legend{float:left;width:100%;padding:0;margin-bottom:2px}
.ak-card legend+*{clear:both}
.anketa label{display:grid;gap:6px;font-weight:600;font-size:14.5px}
.anketa small{font-weight:400;color:var(--muted);font-size:13px}
.anketa input:not([type=checkbox]):not([type=radio]),.anketa textarea{width:100%;min-height:50px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);padding:12px 14px;
  font:inherit;font-size:16px;font-weight:400;color:var(--fg)}
.anketa textarea{min-height:76px;resize:vertical}
.anketa input:focus,.anketa textarea:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px color-mix(in srgb,var(--sky) 22%,transparent)}
.anketa [aria-invalid="true"]{border-color:#D23B3B!important}
.anketa .chk{display:flex;align-items:flex-start;gap:10px;font-weight:500;font-size:15px;line-height:1.45}
.anketa .chk input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--magenta)}
.anketa .chk a{color:var(--magenta-ink)}
.ak-pet{position:relative}
.ak-del{position:absolute;right:14px;top:14px;width:40px;height:40px;border:0;border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:16px;cursor:pointer}
.ak-kind{display:flex;flex-wrap:wrap;gap:8px}
.ak-kind label{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;font-weight:600}
.ak-kind input{accent-color:var(--magenta)}
.ak-kind label:has(input:checked){box-shadow:inset 0 0 0 2px var(--magenta);background:var(--pink-soft)}
.ak-kind.bad label{box-shadow:inset 0 0 0 1.5px #D23B3B}
.ak-2{display:grid;gap:14px}
@media (min-width:560px){.ak-2{grid-template-columns:1fr 1fr}}
.ak-health,.ak-ph{display:grid;gap:10px;padding:14px;border-radius:16px;background:var(--surface-2)}
.ak-health>b,.ak-ph>b{font-size:15px}
.ak-health>small,.ak-ph>small{margin-top:-6px}
.hf{display:grid;gap:8px}
.ak-thumbs{display:flex;flex-wrap:wrap;gap:8px}
.ak-thumbs:empty{display:none}
.ak-thumb{position:relative;width:84px;height:84px;border-radius:12px;overflow:hidden;background:var(--line)}
.ak-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ak-thumb button{position:absolute;right:4px;top:4px;width:26px;height:26px;border:0;border-radius:50%;background:rgba(20,35,53,.7);color:#fff;font-size:13px;cursor:pointer}
.ak-pick{justify-self:start;cursor:pointer}
.ak-add{justify-self:start}
.ak-consent .chk{font-size:14.5px}
.ak-err{margin:0;color:#D23B3B;font-weight:600;min-height:1em}
.ak-send{justify-self:start;min-width:240px}
.ak-send[disabled]{opacity:.6}
.ak-done{max-width:680px}
.ak-done p{margin:0;color:var(--muted)}
.ak-done .btn{justify-self:start}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ak-known{max-width:680px;margin:0 0 16px;padding:14px 16px;border-radius:16px;background:var(--sky-soft,#E5F2FA);font-size:15px;line-height:1.5}
.ak-known b{display:block;margin-bottom:2px}
.anketa input[type=date]{cursor:pointer}
.anketa input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}