/* Photographs on every knowledge card and in the article reader. */
.care-grid>.care-card{overflow:hidden;--card-inset:32px;padding:var(--card-inset)}
.care-grid>.care-card:has(.washing-guide){grid-column:auto}
.knowledge-photo{width:100%;margin:0 0 22px}
.care-grid>.care-card>.knowledge-photo{width:calc(100% + 2 * var(--card-inset));margin:calc(-1 * var(--card-inset)) calc(-1 * var(--card-inset)) 24px}
.knowledge-photo-frame{position:relative;aspect-ratio:8/5;overflow:clip;background:#e9ebe1}
.knowledge-photo-frame>img{display:block;width:100%;height:100%;object-fit:cover}
.knowledge-photo-frame.contain>img{object-fit:contain;padding:14px}
.knowledge-photo-frame.sprite>img,#reader-body .knowledge-photo-frame.sprite>img{position:absolute;width:calc(100% * var(--cols));height:calc(100% * var(--rows));max-width:none;left:calc(-100% * var(--col));top:calc(-100% * var(--row));object-fit:fill}
.knowledge-photo figcaption{font-size:10px;line-height:1.65;color:var(--muted);padding:10px 16px;background:#f1f2e9;overflow-wrap:anywhere}
.knowledge-photo figcaption a{text-decoration:underline;text-underline-offset:2px}
#reader-body>.knowledge-photo{margin:0 0 28px;border-radius:8px;overflow:hidden}
#reader-body .knowledge-photo img{max-width:none}
@media(max-width:1000px){.care-grid>.care-card{--card-inset:28px}}
@media(max-width:600px){.care-grid>.care-card{--card-inset:25px}.knowledge-photo figcaption{font-size:11px}.knowledge-photo-frame{aspect-ratio:8/5}}