/* Blog VirtualCook's : s'appuie sur vc.css (variables, .lgh, .crumb, .chip, .btn) */
.bl-sec{padding-block:clamp(36px,6vw,72px) clamp(64px,9vw,110px)}
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,32px);list-style:none;margin:0;padding:0}
.bl-card{display:flex;flex-direction:column;height:100%;background:var(--w);border:2.5px solid var(--k);border-radius:22px;box-shadow:5px 5px 0 var(--k);overflow:hidden;text-decoration:none;color:var(--k);transition:transform .25s var(--ease),box-shadow .25s}
.bl-card:hover{transform:translate(-2px,-3px);box-shadow:8px 9px 0 var(--k)}
.bl-img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--off);border-bottom:2.5px solid var(--k)}
.bl-img img{width:100%;height:100%;object-fit:cover;display:block}
.bl-txt{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:18px 20px 22px}
.bl-t{font-family:var(--fd);font-weight:700;font-variation-settings:'wdth' 108;font-size:clamp(19px,1.7vw,23px);line-height:1.2}
.bl-ex{font-size:15px;line-height:1.55;color:var(--soft)}
.bl-meta{margin-top:auto;font-size:13px;font-weight:700;color:var(--soft)}
.bl-empty{font-size:17px;color:var(--soft)}
.bl-grid:has(li) ~ .bl-empty{display:none}
.bl-kind{margin-top:18px}
.bl-post{padding-block:clamp(28px,5vw,56px) clamp(64px,9vw,110px)}
.bl-post .wrap{max-width:calc(820px + var(--g)*2)}
.bl-cover{margin:0 0 clamp(24px,4vw,40px);border:2.5px solid var(--k);border-radius:22px;box-shadow:5px 5px 0 var(--k);overflow:hidden;aspect-ratio:1200/630;background:var(--off)}
.bl-cover img{width:100%;height:100%;object-fit:cover;display:block}
.bl-prose{font-size:18px}
.bl-prose p,.bl-prose li{font-size:18px;line-height:1.75}
.bl-prose h2{font-size:clamp(24px,2.6vw,32px);margin:1.9em 0 .6em}
.bl-prose h3{font-family:var(--fd);font-weight:700;font-size:21px;margin:1.6em 0 .5em}
.bl-prose p + p{margin-top:1em}
.bl-prose ul,.bl-prose ol{margin:1em 0 1em 1.2em;display:grid;gap:8px}
.bl-prose ol{list-style:decimal}
.bl-prose img{max-width:100%;height:auto;border-radius:16px;border:2px solid var(--k)}
.bl-prose figure{margin:1.6em 0}
.bl-prose figcaption{font-size:13.5px;color:var(--soft);margin-top:6px}
.bl-prose blockquote{border-left:4px solid var(--sm);padding:2px 0 2px 18px;color:var(--soft);margin:1.4em 0}
.bl-prose table{width:100%;border-collapse:collapse;font-size:16px;margin:1.4em 0}
.bl-prose th,.bl-prose td{border:2px solid var(--k);padding:8px 10px;text-align:left}
.bl-cta{margin:clamp(36px,6vw,64px) 0;padding:clamp(22px,3vw,34px);border:2.5px solid var(--k);border-radius:22px;background:var(--off);box-shadow:5px 5px 0 var(--k);display:grid;gap:12px;justify-items:start}
.bl-cta b{font-family:var(--fd);font-weight:700;font-size:clamp(22px,2.4vw,28px)}
.bl-cta p{color:var(--soft);max-width:52ch}
.bl-more h2{font-family:var(--fd);font-weight:700;font-size:clamp(24px,2.6vw,32px);margin:0 0 20px}
.bl-more .bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bl-more:not(:has(li)){display:none}
@media (max-width:900px){.bl-grid,.bl-more .bl-grid{grid-template-columns:1fr}.bl-prose,.bl-prose p,.bl-prose li{font-size:17px}}