/* Real-world photos on tool pages and tool cards (Wikimedia Commons, credited under each photo). */
.tool-heading.has-photo{align-items:stretch}
.tool-photo{flex:0 0 300px;margin:0;align-self:center}
.tool-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px;border:1px solid var(--line,#dce3ee);background:#eef2f9}
.tool-photo figcaption,.card-photo-credit{font-size:11px;line-height:1.5;color:var(--muted,#617187);margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tool-photo figcaption a,.card-photo-credit a{color:inherit;text-decoration:underline;text-decoration-color:rgba(97,113,135,.35);text-underline-offset:2px}
.card-photo{display:block;margin:-24px -24px 16px;aspect-ratio:3/2;overflow:hidden;border-radius:16px 16px 0 0;background:#eef2f9}
.card-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.cat-tool-card:hover .card-photo img,.tool-card:hover .card-photo img{transform:scale(1.03)}
.tool-card .card-photo{margin:-19px -19px 12px;border-radius:12px 12px 0 0}
@media(max-width:1000px){.tool-photo{flex-basis:240px}.cat-tool-card .card-photo{margin:-21px -21px 14px}}
@media(max-width:760px){.tool-heading.has-photo{flex-direction:column}.tool-photo{flex:none;width:100%;max-width:520px;align-self:flex-start}.tool-photo img{aspect-ratio:16/9}.tool-card .card-photo{margin:-14px -14px 10px}}
@media(max-width:640px){.cat-tool-card .card-photo{margin:-20px -20px 14px}}
@media(prefers-reduced-motion:reduce){.card-photo img{transition:none}.cat-tool-card:hover .card-photo img,.tool-card:hover .card-photo img{transform:none}}
[data-xunl-theme="dark"] .tool-photo img,[data-xunl-theme="dark"] .card-photo{background:#1b2333;border-color:#2b3548}
.tool-heading.has-photo>.privacy-badge{align-self:flex-start}