.card-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:25px}
.card-filters .field{min-width:0}.card-filters select{width:100%;min-width:0}
.recall-card{position:relative;overflow:hidden;max-width:900px;margin:25px auto 16px;border-radius:18px 26px 21px 16px;padding:32px}
.recall-card h2{line-height:1.5;font-size:1.55rem;max-width:760px;margin:25px 0}
.recall-card h2:focus-visible,.card-answer h3:focus-visible{outline:2px solid var(--lime);outline-offset:6px}
.recall-edge{position:absolute;inset:0 auto 0 0;width:10px;border-right:1px dashed var(--line);background:repeating-linear-gradient(0deg,transparent,transparent 23px,var(--line) 24px,transparent 25px)}
.card-visual{max-width:600px;margin:0 auto 25px;padding:18px;border-radius:13px 18px 12px 20px;background:#fff5df}
.card-visual svg{display:block;width:100%;height:auto;max-height:290px}
.card-answer{margin:25px 0 18px;padding:24px;border:1px dashed var(--line);border-radius:15px 10px 19px 12px;background:var(--surface)}
.card-answer[hidden]{display:none}.card-answer h3{font-size:1.35rem;line-height:1.4;margin-top:0}.card-answer p{line-height:1.65}
.card-navigation{max-width:900px;margin:0 auto}.card-navigation+.muted{max-width:900px;margin:15px auto}
@media(max-width:900px){.card-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.card-filters{grid-template-columns:1fr}.recall-card{padding:24px 20px}.recall-card h2{font-size:1.3rem}.card-answer{padding:18px}.card-navigation .btn{flex:1 1 140px}.card-visual{padding:10px}}