/* Rylio blog: scoped reference layout, draft metadata and outer slideshow controls. */
.mv-home #ressources{scroll-margin-top:112px;overflow:hidden}
.mv-home #ressources .mv-blog-layout{grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:80px;align-items:start}
.mv-home #ressources .mv-blog-intro{max-width:none}
.mv-home #ressources .mv-blog-intro h2{max-width:none;text-wrap:balance}
.mv-home #ressources .mv-blog-note{color:var(--ui-muted);max-width:36ch;margin:24px 0 0;font:400 var(--type-compact-size)/var(--type-compact-line) Geist,sans-serif}
.mv-home #ressources .mv-blog-window{position:relative;overflow:visible;min-width:0;container-type:inline-size}
.mv-home #ressources .mv-blog-viewport{overflow:hidden;min-width:0;scroll-behavior:auto}
.mv-home #ressources .mv-blog-track{display:flex;grid-template-columns:none;gap:30px;width:100%;height:auto;align-items:stretch;transform:translateX(0);transition:transform 400ms cubic-bezier(.44,0,.56,1)}
.mv-home #ressources .mv-blog-card{flex:0 0 calc((100% - 30px)/2);min-width:0;gap:0}
.mv-home #ressources .mv-blog-link{display:flex;flex-direction:column;gap:18px;text-decoration:none;color:var(--ui-text)}
.mv-home #ressources .mv-blog-link>img{display:block;width:100%;height:auto;aspect-ratio:535/557;object-fit:cover;border-radius:20px;filter:none}
.mv-home #ressources .mv-blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;;color:var(--ui-muted);font:400 var(--type-caption-size)/var(--type-caption-line) Geist,sans-serif}
.mv-home #ressources .mv-blog-category{border:1px solid var(--ui-line);border-radius:999px;padding:3px 10px;color:var(--ui-text)}
.mv-home #ressources .mv-blog-card h3{font:500 22px/1.15 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;color:var(--ui-text);margin:0}
.mv-home #ressources .mv-blog-arrows{position:absolute;left:-35px;right:-35px;top:calc((100cqw - 30px)*.260280374);transform:translateY(-50%);display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:3}
.mv-home #ressources .mv-blog-arrows button{position:relative;display:grid;place-items:center;width:70px;height:70px;min-height:70px;padding:0;border:0;border-radius:50%;background:var(--ui-surface);color:var(--ui-text);pointer-events:auto;cursor:pointer;box-shadow:none}
.mv-home #ressources .mv-blog-arrows button::before{content:'';position:absolute;inset:9px;border:1px dashed var(--ui-line);border-radius:50%;pointer-events:none}
.mv-home #ressources .mv-blog-arrows svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.mv-home #ressources :is(a,button,.mv-blog-viewport):focus-visible{outline:2px solid var(--ui-focus);outline-offset:4px}
.mv-home #ressources .mv-blog-link:focus-visible{outline-offset:-3px;border-radius:20px}
.mv-home #ressources .mv-blog-pause{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;border:0}
.mv-home #ressources .mv-blog-pause:focus-visible{left:0;bottom:-64px;width:auto;height:auto;min-height:44px;clip-path:none;white-space:normal;overflow:visible;padding:10px 16px;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:999px;z-index:4}
@media(hover:hover) and (pointer:fine){.mv-home #ressources .mv-blog-link:hover h3{text-decoration:underline;text-underline-offset:4px}.mv-home #ressources .mv-blog-arrows button:hover{background:var(--ui-soft)}}
@media(min-width:810px) and (max-width:1199px){.mv-home #ressources .mv-blog-layout{gap:50px}.mv-home #ressources .mv-blog-card{flex-basis:100%}.mv-home #ressources .mv-blog-arrows{top:calc(100cqw*.520560748)}}
@media(max-width:809px){.mv-home #ressources .mv-blog-layout{grid-template-columns:1fr;gap:36px}.mv-home #ressources .mv-blog-card{flex-basis:100%}.mv-home #ressources .mv-blog-track{gap:24px;transform:translateX(0)!important}.mv-home #ressources .mv-blog-track[data-positioned]{transform:translateX(var(--blog-offset))!important}.mv-home #ressources .mv-blog-arrows{left:-12px;right:-12px;top:calc(100cqw*.520560748)}.mv-home #ressources .mv-blog-arrows button{width:52px;height:52px;min-height:52px}.mv-home #ressources .mv-blog-arrows button::before{inset:7px}.mv-home #ressources .mv-blog-intro h2{font-size:36px}.mv-home #ressources .mv-blog-card h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.mv-home #ressources .mv-blog-track{transition:none!important}}

/* Blog index entry, scoped to the existing resource introduction. */
#ressources .mv-blog-all{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;color:var(--ui-text);font:500 15px/22px Geist,sans-serif;text-underline-offset:5px}
#ressources .mv-blog-all:focus-visible{outline:2px solid var(--ui-focus);outline-offset:5px;border-radius:4px}