/* Nyvo — blogue du site public. Reprend les couleurs du thème (--brand, --ink, --surface) et la largeur du site. */
.site-blog{box-sizing:border-box;width:100%;max-width:calc(var(--studio-site-max-width,1280px) + 16%);margin:0 auto;padding:48px 8% 72px;color:var(--ink,#14213d)}
.site-blog-header{margin-bottom:28px}
.site-blog-header h1,.site-blog-post h1{margin:6px 0 14px;font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.02em}
.site-blog-categories{display:flex;flex-wrap:wrap;gap:8px}
.site-blog-categories a{padding:7px 14px;border:1px solid color-mix(in srgb,var(--ink,#14213d) 18%,transparent);border-radius:999px;color:inherit;font-weight:600;font-size:.92rem;text-decoration:none}
.site-blog-categories a.is-current,.site-blog-categories a:hover{border-color:var(--brand,#078b98);background:var(--brand,#078b98);color:#fff}
.site-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.site-blog-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--ink,#14213d) 10%,transparent);border-radius:var(--studio-site-radius,14px);background:#fff;transition:transform .15s ease,box-shadow .15s ease}
.site-blog-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,33,61,.09)}
.site-blog-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.site-blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#eef2f4}
.site-blog-card-link>div{display:flex;flex:1;flex-direction:column;gap:8px;padding:18px 20px 22px}
.site-blog-card h2{margin:0;font-size:1.25rem;line-height:1.25}
.site-blog-card p{margin:0;color:color-mix(in srgb,var(--ink,#14213d) 75%,transparent);line-height:1.5}
.site-blog-meta{margin:0;color:color-mix(in srgb,var(--ink,#14213d) 60%,transparent);font-size:.85rem;font-weight:600}
.site-blog-meta a{color:var(--brand,#078b98);text-decoration:none}
.site-blog-more{margin-top:auto;padding-top:6px;color:var(--brand,#078b98);font-weight:700}
.site-blog-empty{padding:40px 0;color:color-mix(in srgb,var(--ink,#14213d) 65%,transparent);font-size:1.1rem}
.site-blog-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:36px}
.site-blog-pagination a{color:var(--brand,#078b98);font-weight:700;text-decoration:none}
.site-blog-pagination span{opacity:.35}
.site-blog-post{max-width:760px;margin:0 auto}
.site-blog-back{display:inline-block;margin-bottom:18px;color:var(--brand,#078b98);font-weight:700;text-decoration:none}
.site-blog-lead{margin:0 0 24px;font-size:1.2rem;line-height:1.55;color:color-mix(in srgb,var(--ink,#14213d) 80%,transparent)}
.site-blog-cover{width:100%;max-height:520px;margin:4px 0 32px;border-radius:var(--studio-site-radius,14px);object-fit:cover}
.site-blog-body{font-size:1.1rem;line-height:1.75}
.site-blog-body h2{margin:2em 0 .6em;font-size:1.65rem;line-height:1.25}
.site-blog-body h3{margin:1.6em 0 .5em;font-size:1.3rem}
.site-blog-body h4{margin:1.4em 0 .4em;font-size:1.1rem}
.site-blog-body p,.site-blog-body ul,.site-blog-body ol{margin:0 0 1.1em}
.site-blog-body a{color:var(--brand,#078b98);text-decoration:underline}
.site-blog-body img{display:block;max-width:100%;height:auto;margin:1.6em auto;border-radius:var(--studio-site-radius,14px)}
.site-blog-body figure{margin:1.6em 0}
.site-blog-body figcaption{margin-top:-1em;color:color-mix(in srgb,var(--ink,#14213d) 60%,transparent);font-size:.9rem;text-align:center}
.site-blog-body blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:4px solid var(--brand,#078b98);font-size:1.15rem;font-style:italic}
.site-blog-body hr{margin:2.4em 0;border:0;border-top:1px solid color-mix(in srgb,var(--ink,#14213d) 15%,transparent)}
.site-blog-related{margin-top:64px;padding-top:36px;border-top:1px solid color-mix(in srgb,var(--ink,#14213d) 12%,transparent)}
.site-blog-related h2{margin:0 0 20px;font-size:1.5rem}
/* Bloc « Derniers articles » dans une section du Studio. */
.site-studio-blog-list h2{margin:0 0 18px}
.site-studio-blog-list .site-blog-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.site-studio-blog-list .site-blog-all{display:inline-block;margin-top:18px;color:var(--brand,#078b98);font-weight:700;text-decoration:none}
@media (max-width:640px){.site-blog{padding:32px 6% 56px}.site-blog-body{font-size:1.02rem}}