/* Blog-only editorial layouts. Shared palette, navigation and typography remain authoritative. */
.blog-page{margin:0;background-color:var(--ui-bg);color:var(--ui-text);font-family:Geist,Arial,sans-serif}
.blog-page *{box-sizing:border-box}
html[data-lang=fr] .blog-page [lang=en],html[data-lang=en] .blog-page [lang=fr]{display:none!important}
.blog-page a{color:inherit;text-underline-offset:4px}
.blog-page a:focus-visible,.blog-page [tabindex]:focus-visible{outline:2px solid var(--ui-focus);outline-offset:5px}
.blog-page .blog-skip{position:fixed;top:-100px;left:24px;z-index:100;background:var(--ui-surface);padding:14px 20px;border-radius:12px}
.blog-page .blog-skip:focus{top:14px}
.blog-page main{display:block;max-width:none;padding:0;margin:0}
.blog-wrap{width:calc(100% - 80px);max-width:1280px;margin-inline:auto}
.blog-index-page .blog-wrap{width:calc(100% - 60px);max-width:1580px}
.blog-index-hero{padding-top:120px}
.blog-index-scene{min-height:344px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;border-radius:20px;color:#F5F5F7;background-image:linear-gradient(rgba(17,17,18,.55),rgba(17,17,18,.55)),url('../assets/mivora-poster.jpg');background-size:cover;background-position:center}
.blog-index-scene h1{font:500 clamp(40px,5.56vw,80px)/1.1 'Bricolage Grotesque',sans-serif;letter-spacing:-.035em;margin:0}
.blog-index-page .blog-section-heading .blog-index-intro{font:400 var(--type-reading-size)/var(--type-reading-line) Geist,sans-serif;margin:12px 0 0;max-width:560px}
.blog-index-list{padding:80px 0 96px}
.blog-index-page .blog-grid{gap:40px 30px}
.blog-index-page .blog-card img{aspect-ratio:16/17}
.blog-index-page .blog-card-category{margin:24px 0 16px}
.blog-index-page .blog-card h2{font-size:22px;line-height:1.1}
.blog-index-page .blog-section-heading{margin:48px 0 0;padding-top:24px;border-top:1px solid var(--ui-line)}
.blog-index-page .blog-section-heading h2{font-size:22px}
.blog-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin:0 0 32px}
.blog-section-heading h2{font:500 28px/1.16 'Bricolage Grotesque',sans-serif;letter-spacing:-.025em;margin:0}
.blog-section-heading p{font:400 var(--type-caption-size)/var(--type-caption-line) Geist,sans-serif;color:var(--ui-muted);margin:0}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.blog-card{min-width:0}
.blog-card-link{display:block;text-decoration:none;border-radius:20px}
.blog-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:20px;transition:filter .22s ease-in-out}
.blog-card-category{margin:20px 0 10px;color:var(--ui-muted);font:400 var(--type-caption-size)/var(--type-caption-line) Geist,sans-serif}
.blog-card h2{font:500 26px/1.15 'Bricolage Grotesque',sans-serif;letter-spacing:-.025em;margin:0 0 14px}
.blog-card-summary{font:400 var(--type-compact-size)/var(--type-compact-line) Geist,sans-serif;color:var(--ui-muted);margin:0}
.reading-head{background-color:#111112;color:#F5F5F7;padding:112px 0 28px;text-align:center}
.reading-head .blog-back{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#B8B8BE;margin-bottom:20px}
.article-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;font:400 var(--type-caption-size)/var(--type-caption-line) Geist,sans-serif;color:#B8B8BE}
.reading-head h1{font:500 clamp(38px,4.5vw,64px)/1.05 'Bricolage Grotesque',sans-serif;letter-spacing:-.035em;max-width:900px;margin:22px auto}
.reading-deck{font:400 var(--type-reading-size)/var(--type-reading-line) Geist,sans-serif;max-width:720px;margin:0 auto 40px;color:#B8B8BE}
.reading-head figure{margin:0}
.reading-image{display:block;width:100%;height:460px;object-fit:cover;border-radius:20px;object-position:center}
.reading-head figcaption{font:400 var(--type-caption-size)/var(--type-caption-line) Geist,sans-serif;color:#B8B8BE;margin-top:12px}
.reading-head a:focus-visible{outline-color:#F5F5F7}
.article-body{max-width:768px;margin:auto;padding:72px 24px}
.article-body h2{font:500 30px/1.15 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;margin:48px 0 20px;scroll-margin-top:110px}
.article-body p{font:400 var(--type-reading-size)/var(--type-reading-line) Geist,sans-serif;margin:0 0 22px}
.article-body strong{font-weight:600}
.article-body ul,.article-body ol{padding-left:24px;margin:22px 0}
.article-body li{font:400 var(--type-compact-size)/var(--type-compact-line) Geist,sans-serif;padding-left:5px;margin:10px 0}
.article-table{overflow-x:auto;border:1px solid var(--ui-line);border-radius:14px;margin:28px 0;overscroll-behavior-x:contain}
.article-table table{border-collapse:collapse;width:100%;min-width:520px;font:400 var(--type-compact-size)/var(--type-compact-line) Geist,sans-serif;text-align:left}
.article-table th,.article-table td{padding:14px 16px;border-bottom:1px solid var(--ui-line);vertical-align:top}
.article-table th{font-weight:600;background-color:var(--ui-soft)}
.article-table tbody tr:last-child td{border-bottom:0}
.article-table td:first-child{width:28%;font-weight:500}
.article-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:14px}
.blog-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;background:var(--ui-action);color:var(--ui-action-text)!important;border-radius:999px;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .22s ease-in-out,transform .22s ease-in-out}
.blog-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
.blog-related{padding:0 0 96px}
.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.related-grid img{aspect-ratio:1.45}
.legacy-guide{padding:80px 24px!important;max-width:760px!important;margin:auto!important}
.legacy-guide h1{font-family:'Bricolage Grotesque',sans-serif}
@media(hover:hover) and (pointer:fine){.blog-card-link:hover h2{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.blog-card-link:hover img{filter:brightness(.96)}.blog-action:hover{background:var(--ui-action-hover);transform:translateY(-1px)}}
.blog-action:active{transform:scale(.98)}
@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-section-heading{align-items:start;flex-direction:column;gap:12px}.reading-image{height:360px}}
@media(max-width:600px){.blog-wrap{width:calc(100% - 32px)}.blog-grid{grid-template-columns:1fr;gap:40px}.blog-card h2{font-size:25px}.blog-section-heading{margin-bottom:24px}.blog-section-heading h2{font-size:27px}.reading-head{padding:96px 0 24px}.reading-head h1{font-size:38px}.reading-deck{margin-bottom:28px}.reading-image{height:240px;border-radius:16px}.article-body{padding:44px 20px}.article-body h2{font-size:27px;margin-top:38px}.blog-related{padding-bottom:64px}.article-actions{align-items:stretch;flex-direction:column;gap:10px}.article-actions .blog-text-link{align-self:center}}
@media(max-width:809px){.blog-index-page .blog-wrap{width:calc(100% - 24px)}.blog-index-hero{padding-top:100px}.blog-index-scene{min-height:176.4px;padding:20px 24px}.blog-index-scene h1{font-size:40px}.blog-index-list{padding:40px 0 64px}.blog-index-page .blog-grid{grid-template-columns:1fr;gap:40px}.blog-index-page .blog-section-heading{margin-top:40px}.blog-index-page .blog-card-category{margin:24px 0 12px}}
@media(prefers-reduced-motion:reduce){.blog-card img,.blog-action{transition:none;transform:none!important}}