.lslp-ravelry { color: var(--wp--preset--color--noir, #303030); font-family: inherit; }
.lslp-ravelry__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(1rem, 3vw, 2rem); }
.lslp-ravelry__card { min-width: 0; background: var(--wp--preset--color--creme, #d9b59f); }
.lslp-ravelry__image { display: flex; aspect-ratio: 4/5; align-items: center; justify-content: center; overflow: hidden; background: var(--wp--preset--color--creme, #d9b59f); }
.lslp-ravelry__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.lslp-ravelry__image:hover img { transform: scale(1.025); }
.lslp-ravelry__body { padding: 1.2rem; overflow-wrap: anywhere; }
.lslp-ravelry__body h3 { font-family: inherit; font-size: 1.25rem; line-height: 1.35; margin: 0 0 .6rem; }
.lslp-ravelry__body h3 a { color: inherit; text-decoration: none; }
.lslp-ravelry__body h3 a:hover { text-decoration: underline; }
.lslp-ravelry__body p { margin: .3rem 0; }
.lslp-ravelry__pattern, .lslp-ravelry__body small { font-size: .875rem; }
.lslp-ravelry__body small { display: block; margin-top: .85rem; }
.lslp-ravelry__pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1.5rem; margin-top: 2rem; }
.lslp-ravelry a:focus-visible { outline: 3px solid var(--wp--preset--color--bleu, #61778c); outline-offset: 4px; }
@media (max-width: 900px) { .lslp-ravelry__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .lslp-ravelry__grid { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .lslp-ravelry__image img { transition: none; } }

.lslp-ravelry__image img.lslp-ravelry__placeholder { background-color: #61778C; object-fit: contain; padding: 12%; box-sizing: border-box; transform: none; }
.lslp-ravelry__yarns { margin-top: .8rem; font-size: .875rem; }
.lslp-ravelry__yarns ul { margin: .3rem 0 0; padding-left: 1.15rem; }
.lslp-ravelry__notes { margin-top: .9rem; font-size: .875rem; }
.lslp-ravelry__notes summary { cursor: pointer; text-decoration: underline; text-underline-offset: .2em; }
.lslp-ravelry__notes summary:focus-visible { outline: 3px solid var(--wp--preset--color--bleu, #61778c); outline-offset: 3px; }
.lslp-ravelry__notes > div { margin-top: .65rem; line-height: 1.6; overflow-wrap: anywhere; }