/* Volt Air · readability layer (2026-09-25). Loads after volt-v2, before volt-brand.
   Rule: one focal tile per view. Lists, grids and data sit on the page with hairlines,
   custom SVG carries the character (icons that draw themselves, covers, illustrations). */

body.os-volt-v2{--color-hair:oklch(29% .012 130);--reading-ink:oklch(89% .012 110)}

/* ── Content icons (emoji replacements, masks printed per page by volt-emoji.php) ── */
.vg-i{display:inline-block;width:1.1em;height:1.1em;margin:0 .4em 0 0;vertical-align:-.18em;background:var(--color-accent);-webkit-mask:var(--vg-i,linear-gradient(transparent,transparent)) center/contain no-repeat;mask:var(--vg-i,linear-gradient(transparent,transparent)) center/contain no-repeat}
.vg-i:only-child{margin-right:0}
.vg-i:is([data-i="cross"],[data-i="warning"]){background:var(--color-error)}
:is(td,th)>.vg-i:only-child{display:block;margin:0 auto}
.vg-flag{display:inline-flex;align-items:center;height:1.4em;padding:0 .45em;margin-right:.4em;border:1px solid var(--color-rule);border-radius:3px;font:600 .72em/1 var(--font-mono);letter-spacing:.06em;color:var(--color-ink-2);vertical-align:.1em}
.vg-dot{display:inline-block;width:.6em;height:.6em;margin-right:.45em;border-radius:50%;background:var(--color-ink-2);vertical-align:.06em}
.vg-dot[data-c="purple"]{background:#9146ff}.vg-dot[data-c="green"]{background:#53fc18}.vg-dot[data-c="red"]{background:#ff4545}.vg-dot[data-c="yellow"]{background:var(--color-accent)}.vg-dot[data-c="blue"]{background:#5b9dff}.vg-dot[data-c="orange"]{background:#ff9f43}.vg-dot[data-c="white"]{background:var(--color-ink)}.vg-dot[data-c="black"]{background:var(--color-paper);box-shadow:inset 0 0 0 1px var(--color-rule)}
@media (forced-colors:active){.vg-i{background:CanvasText}}

/* ── Motion: icons and illustrations draw themselves (strokes carry pathLength="1") ── */
@keyframes vg-draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes vg-pulse{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes vg-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media (prefers-reduced-motion:no-preference){
 body.os-volt-v2 :is(.vg-task,.vg-hub-tool,.vg-utility-link,.vg-tool-card,.vg-step,.vg-card,.vg-focus-resources a):is(:hover,:focus-visible) :is(.vg-task-icon,.vg-hub-icon,.vg-utility-symbol,.vg-step-node,.vg-tool-card>.vg-hub-icon,.vg-focus-resources a>.vg-icon:first-child) .vg-icon :is(path,circle,rect,ellipse,line,polyline),
 body.os-volt-v2 :is(.vg-task,.vg-hub-tool,.vg-utility-link,.vg-focus-resources a):is(:hover,:focus-visible)>.vg-icon:first-child :is(path,circle,rect,ellipse,line,polyline){animation:vg-draw .8s var(--ease-out) both}
 body.os-volt-v2 .vg-hub-head .vg-art .vg-art-accent :is(path,circle,rect){animation:vg-draw 1.6s var(--ease-out) .15s both}
 body.os-volt-v2 .vg-hub-head .vg-art .vg-art-line{animation:vg-draw 2.2s var(--ease-out) .1s both}
 body.os-volt-v2 .vg-hub-head .vg-art .vg-art-pulse{animation:vg-pulse 2.4s ease-in-out 3}
 body.os-volt-v2 .vg-hub-head:hover .vg-art{animation:vg-float 3s ease-in-out 1}
}

/* ── Readability ── */
body.os-volt-v2 .vg-eyebrow{font-size:12px!important;letter-spacing:1.6px!important}
body.os-volt-v2 .vg-section-head{margin-bottom:24px}
body.os-volt-v2 .vg-section-head h2{font-size:34px!important}
body.os-volt-v2.single-post #main-content .vg-reading-body :is(h1,h2){text-transform:none!important;font-size:34px!important;line-height:1.1!important;letter-spacing:-.2px;margin:56px 0 18px!important}
body.os-volt-v2.single-post #main-content .vg-reading-body h3{text-transform:none!important;font-size:25px!important;line-height:1.15!important;margin:36px 0 12px!important}
body.os-volt-v2.single-post #main-content .vg-reading-body :is(p,li){color:var(--reading-ink)}
body.os-volt-v2.single-post #main-content .vg-reading-body li{margin-bottom:.55em}
body.os-volt-v2.single-post #main-content .vg-reading-body blockquote :is(p,li){text-transform:none!important;font:500 21px/1.45 var(--font-body)!important}
body.os-volt-v2 .vg-archive-head>.vg-archive-copy>p{font-size:18px!important;line-height:1.6!important}

/* ── Hub and page heads: facts as a line of text, an illustration instead of stat boxes ── */
body.os-volt-v2 .vg-head-facts{display:flex;flex-wrap:wrap;gap:10px 28px;margin:24px 0 0}
body.os-volt-v2 .vg-head-facts>div{display:flex;align-items:baseline;gap:8px}
body.os-volt-v2 .vg-head-facts dt{font:500 12px/1 var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--color-ink-2)}
body.os-volt-v2 .vg-head-facts dd{margin:0;font:700 24px/1 var(--font-display);color:var(--color-ink)}
body.os-volt-v2 .vg-hub-head .vg-archive-side{display:flex;flex-direction:column;justify-content:flex-end;gap:20px}
body.os-volt-v2 .vg-hub-head.has-art .vg-archive-side{justify-content:space-between}
body.os-volt-v2 .vg-hub-head .vg-art{width:100%;max-width:300px;margin:0 0 0 auto;overflow:visible}
body.os-volt-v2 .vg-hub-head h1{font-size:clamp(48px,5.8vw,100px)!important;overflow-wrap:normal;word-break:normal;letter-spacing:-3px}
body.os-volt-v2 .vg-page-head .vg-archive-head h1{font-size:clamp(40px,4.6vw,76px)!important;letter-spacing:-2px}
body.os-volt-v2 .vg-nav-live{display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 3px oklch(94% .185 118 / .18);vertical-align:middle}

/* ── Home: « Que veux-tu faire ? » as an open list ── */
body.os-volt-v2 .vg-tasks{margin:16px 0 0}
body.os-volt-v2 .vg-tasks-title{font:700 32px/1 var(--font-display)!important;text-transform:uppercase;margin:0 0 6px;color:var(--color-ink)}
body.os-volt-v2 .vg-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:44px}
body.os-volt-v2 .vg-task{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:18px;padding:24px 0;border-top:1px solid var(--color-hair);color:var(--color-ink);text-decoration:none}
body.os-volt-v2 .vg-task::after{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:var(--color-accent);transition:width .35s var(--ease-out)}
body.os-volt-v2 .vg-task:is(:hover,:focus-visible)::after{width:100%}
body.os-volt-v2 .vg-task-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--color-rule);color:var(--color-accent);transition:border-color var(--dur-short),background var(--dur-short)}
body.os-volt-v2 .vg-task-icon .vg-icon{width:22px;height:22px}
body.os-volt-v2 .vg-task:hover .vg-task-icon{border-color:var(--color-accent);background:oklch(94% .185 118 / .08)}
body.os-volt-v2 .vg-task-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
body.os-volt-v2 .vg-task-copy strong{font:700 23px/1.05 var(--font-display);text-transform:uppercase;letter-spacing:.2px}
body.os-volt-v2 .vg-task-copy small{font:400 15px/1.45 var(--font-body);color:var(--color-ink-2)}
body.os-volt-v2 .vg-task-flag{font:600 11px/1 var(--font-mono);font-style:normal;letter-spacing:1px;text-transform:uppercase;color:var(--color-accent)}
body.os-volt-v2 .vg-task-go{display:grid;place-items:center;width:20px;height:20px;color:var(--color-rule);transition:transform var(--dur-short) var(--ease-out),color var(--dur-short)}
body.os-volt-v2 .vg-task-go .vg-icon{width:18px;height:18px}
body.os-volt-v2 .vg-task:hover .vg-task-go{transform:translateX(4px);color:var(--color-accent)}
body.os-volt-v2 .vg-task.is-signature .vg-task-icon{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}

/* ── Home: live block, tools, guides, news without stacked boxes ── */
body.os-volt-v2 .vg-focus-home>.os-obs-live{margin:56px 0 0}
body.os-volt-v2 .vg-focus-home>.vg-focus-tools,body.os-volt-v2 .vg-focus-home>.vg-guides,body.os-volt-v2 .vg-focus-home>.vg-focus-ecosystem{margin-top:80px}
body.os-volt-v2 .vg-focus-tool-grid>article.vg-tile{background:none!important;clip-path:none!important;border-radius:0;border-top:1px solid var(--color-hair);padding:24px 0 0!important}
body.os-volt-v2 .vg-focus-tool-grid>article.vg-tile .vg-tool-screen{background:none;border:1px solid var(--color-hair)}
body.os-volt-v2 .vg-utility-grid{column-gap:44px!important;row-gap:0!important}
body.os-volt-v2 .vg-utility-link{background:none!important;border-radius:0!important;border-top:1px solid var(--color-hair);padding:16px 0!important}
body.os-volt-v2 .vg-utility-link:hover{background:none!important}
body.os-volt-v2 .vg-utility-link:hover strong{color:var(--color-accent)}
body.os-volt-v2 .vg-utility-symbol{border-radius:50%!important;background:none!important;border:1px solid var(--color-rule);color:var(--color-accent)}
body.os-volt-v2 .vg-guide-grid>.vg-guide-card{min-width:0}
body.os-volt-v2 .vg-guide-grid>.vg-guide-card>a{display:flex;flex-direction:column;gap:14px;color:var(--color-ink);text-decoration:none}
body.os-volt-v2 .vg-guide-grid>.vg-guide-card :is(img,.vg-cover){width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:6px}
body.os-volt-v2 .vg-guide-grid>.vg-guide-card .vg-guide-body{padding:0}
body.os-volt-v2 .vg-guide-grid>.vg-guide-card:hover h3{color:var(--color-accent)}
body.os-volt-v2 .vg-news.vg-tile{background:none!important;padding:0!important;clip-path:none!important}

/* ── Hubs: tools as an open grid, references as rows ── */
body.os-volt-v2 .vg-hub-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:44px;row-gap:0;margin-top:8px}
body.os-volt-v2 .vg-hub-tool{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 20px;align-items:start;gap:16px;padding:26px 0;border-top:1px solid var(--color-hair);color:var(--color-ink);text-decoration:none}
body.os-volt-v2 .vg-hub-tool::after{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:var(--color-accent);transition:width .35s var(--ease-out)}
body.os-volt-v2 .vg-hub-tool:is(:hover,:focus-visible)::after{width:100%}
body.os-volt-v2 .vg-hub-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--color-rule);color:var(--color-accent);flex:none}
body.os-volt-v2 .vg-hub-icon .vg-icon{width:21px;height:21px}
body.os-volt-v2 .vg-hub-tool.is-new .vg-hub-icon{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}
body.os-volt-v2 .vg-hub-tool-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
body.os-volt-v2 .vg-hub-tool-copy .vg-mono{font-size:11px}
body.os-volt-v2 .vg-hub-tool-copy .vg-mono b{color:var(--color-accent);font-weight:600}
body.os-volt-v2 .vg-hub-tool :is(h2,h3){font:700 24px/1.05 var(--font-display)!important;text-transform:uppercase;margin:0;color:var(--color-ink)}
body.os-volt-v2 .vg-hub-tool p{margin:0;font-size:15px;line-height:1.5;color:var(--color-ink-2)}
body.os-volt-v2 .vg-hub-go{align-self:center;color:var(--color-rule);transition:transform var(--dur-short) var(--ease-out),color var(--dur-short)}
body.os-volt-v2 .vg-hub-go .vg-icon{width:18px;height:18px}
body.os-volt-v2 .vg-hub-tool:hover .vg-hub-go{transform:translateX(4px);color:var(--color-accent)}
body.os-volt-v2 .vg-hub-section{margin-top:72px}
body.os-volt-v2 .vg-hub-refs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));column-gap:44px}
body.os-volt-v2 .vg-hub-body{margin-top:24px}

/* ── Démarrer: a timeline that fills as you read ── */
body.os-volt-v2 .vg-timeline{--vg-progress:0;position:relative;list-style:none;margin:16px 0 0;padding:0 0 0 92px;max-width:920px}
body.os-volt-v2 .vg-timeline::before,body.os-volt-v2 .vg-timeline::after{content:"";position:absolute;left:27px;top:40px;width:2px;border-radius:2px}
body.os-volt-v2 .vg-timeline::before{bottom:60px;background:var(--color-hair)}
body.os-volt-v2 .vg-timeline::after{height:calc((100% - 100px) * var(--vg-progress));background:var(--color-accent);transition:height .15s linear}
body.os-volt-v2 .vg-step{position:relative;padding:30px 0 40px}
body.os-volt-v2 .vg-step+.vg-step{border-top:1px solid var(--color-hair)}
body.os-volt-v2 .vg-step-node{position:absolute;left:-92px;top:26px;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--color-paper);border:2px solid var(--color-rule);color:var(--color-ink-2);transition:border-color .3s,color .3s,background .3s}
body.os-volt-v2 .vg-step-node .vg-icon{width:24px;height:24px}
body.os-volt-v2 .vg-step.is-reached .vg-step-node{border-color:var(--color-accent);color:var(--color-accent)}
body.os-volt-v2 .vg-step:hover .vg-step-node{background:oklch(94% .185 118 / .08)}
body.os-volt-v2 .vg-step h2{font:700 34px/1.02 var(--font-display)!important;text-transform:uppercase;margin:10px 0 12px;color:var(--color-ink)}
body.os-volt-v2 .vg-step-copy>p{margin:0;max-width:60ch;font-size:17px;line-height:1.6;color:var(--color-ink-2)}
body.os-volt-v2 .vg-step-copy>.vg-eyebrow{color:var(--color-ink-2)!important}
body.os-volt-v2 .vg-step.is-reached .vg-step-copy>.vg-eyebrow{color:var(--color-accent)!important}
body.os-volt-v2 .vg-step-links{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:20px}
body.os-volt-v2 .vg-text-link{display:inline-flex;align-items:center;gap:8px;font:600 15px/1.2 var(--font-body);color:var(--color-ink);text-decoration:underline;text-decoration-color:oklch(94% .185 118 / .45);text-underline-offset:5px}
body.os-volt-v2 .vg-text-link:hover{color:var(--color-accent)}
body.os-volt-v2 .vg-text-link .vg-icon{width:15px;height:15px;color:var(--color-accent)}

/* ── Articles: one focal box (short answer), the rest reads on the page ── */
body.os-volt-v2 .vg-answer{margin:0 0 24px;padding:24px 28px}
body.os-volt-v2 .vg-answer-text{font:500 19px/1.55 var(--font-body);color:var(--color-ink);margin:12px 0 0;max-width:70ch}
body.os-volt-v2 .vg-answer-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:16px}
body.os-volt-v2 .vg-answer-foot a{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-accent);text-decoration:none}
body.os-volt-v2 .vg-answer-foot a .vg-icon{width:16px;height:16px}
body.os-volt-v2 .vg-fresh{display:inline-flex;align-items:center;gap:6px;color:var(--color-accent)}
body.os-volt-v2 .vg-fresh .vg-icon{width:14px;height:14px}
body.os-volt-v2 .vg-article-tool{margin:0 0 24px}
body.os-volt-v2 .vg-tool-card.vg-tile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin:44px 0;padding:24px 0;background:none!important;border-top:2px solid var(--color-accent);border-bottom:1px solid var(--color-hair);clip-path:none!important;border-radius:0}
body.os-volt-v2 .vg-tool-card h2{font:700 26px/1 var(--font-display)!important;text-transform:uppercase;margin:6px 0;color:var(--color-ink)}
body.os-volt-v2 .vg-tool-card p{margin:0;font-size:15px;line-height:1.5;color:var(--color-ink-2)}
body.os-volt-v2 .vg-reading-aside .vg-aside-tile{background:none!important;border-radius:0!important;clip-path:none!important;padding:18px 0!important;border-top:1px solid var(--color-hair)}
body.os-volt-v2 .vg-reading-aside .vg-aside-tile.vg-deep{background:none!important}
/* Legacy « à lire aussi » boxes inside content: a lime rule, no filled box */
body.os-volt-v2 #main-content .vg-reading-body :is(.related-articles-box,.articles-similaires,div[style*="border-left:4px"],div[style*="border-left: 4px"]){background:none!important;border:0!important;border-left:2px solid var(--color-accent)!important;border-radius:0!important;padding:4px 0 4px 20px!important;box-shadow:none!important}
body.os-volt-v2 #main-content .vg-reading-body :is(.related-articles-box,.articles-similaires) :is(h3,strong:first-child){font:600 12px/1.3 var(--font-mono)!important;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-accent)!important}
/* Table of contents: a drawn list icon replaces the old emoji */
body.os-volt-v2 .toc-collapsible>summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer}
body.os-volt-v2 .toc-collapsible>summary::-webkit-details-marker{display:none}
body.os-volt-v2 .toc-collapsible>summary::before{content:"";width:18px;height:18px;flex:none;background:var(--color-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M9%206h12M9%2012h12M9%2018h12M4%206h.01M4%2012h.01M4%2018h.01%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M9%206h12M9%2012h12M9%2018h12M4%206h.01M4%2012h.01M4%2018h.01%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}

/* Contextual tool line inside posts, and the guides listed under each tool */
body.os-volt-v2 .vg-reading-body .vg-inline-tool{display:flex;align-items:flex-start;gap:14px;margin:28px 0!important;padding:4px 0 4px 18px;border-left:2px solid var(--color-accent);color:var(--reading-ink)}
body.os-volt-v2 .vg-inline-tool>.vg-icon{width:22px;height:22px;flex:none;margin-top:2px;color:var(--color-accent)}
body.os-volt-v2 .vg-inline-tool b{display:block;margin-bottom:4px;font:600 11px/1 var(--font-mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--color-accent)}
body.os-volt-v2 .vg-inline-tool a{color:var(--color-ink)!important;font-weight:600;text-decoration:underline;text-decoration-color:oklch(94% .185 118 / .5);text-underline-offset:4px}
body.os-volt-v2 .vg-inline-tool a:hover{color:var(--color-accent)!important}
body.os-volt-v2 .vg-tool-guides{margin:64px 0 0;padding-top:32px;border-top:2px solid var(--color-accent)}
body.os-volt-v2 .vg-tool-guides-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}
body.os-volt-v2 .vg-tool-guide{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:6px 16px;align-items:center;padding:16px 0;border-top:1px solid var(--color-hair);color:var(--color-ink);text-decoration:none}
body.os-volt-v2 .vg-tool-guide .vg-mono{grid-column:1/-1;font-size:11px}
body.os-volt-v2 .vg-tool-guide strong{font:600 18px/1.25 var(--font-display);transition:color var(--dur-short)}
body.os-volt-v2 .vg-tool-guide .vg-icon{width:18px;height:18px;color:var(--color-rule);transition:transform var(--dur-short) var(--ease-out),color var(--dur-short)}
body.os-volt-v2 .vg-tool-guide:is(:hover,:focus-visible) strong{color:var(--color-accent)}
body.os-volt-v2 .vg-tool-guide:is(:hover,:focus-visible) .vg-icon{transform:translateX(4px);color:var(--color-accent)}
@media(max-width:760px){body.os-volt-v2 .vg-tool-guides-list{grid-template-columns:minmax(0,1fr)}}
/* « Contenus associés » under library entries: an open list, the tool first */
body.os-volt-v2 .ose-internal-links:not(#vg-open){margin:48px 0 0;padding:28px 0 0!important;background:none!important;border:0!important;border-top:2px solid var(--color-accent)!important;border-radius:0!important;box-shadow:none!important}
body.os-volt-v2 .ose-internal-links h2{margin:0 0 10px!important;padding:0!important;border:0!important;font:700 26px/1 var(--font-display)!important;text-transform:uppercase;color:var(--color-ink)!important}
body.os-volt-v2 .ose-il-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));column-gap:36px}
body.os-volt-v2 .ose-il-link{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-top:1px solid var(--color-hair);color:var(--color-ink);text-decoration:none}
body.os-volt-v2 .ose-il-link span{font:500 11px/1 var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--color-ink-2)}
body.os-volt-v2 .ose-il-link strong{font:600 17px/1.25 var(--font-display);transition:color var(--dur-short)}
body.os-volt-v2 .ose-il-link.is-tool span{color:var(--color-accent)}
body.os-volt-v2 .ose-il-link:is(:hover,:focus-visible) strong{color:var(--color-accent)}

/* ── Cards without a photo: a drawn cover (hatch, category icon), never a lime block ── */
body.os-volt-v2 .vg-cover{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(160deg,var(--color-paper-3),var(--color-paper-2) 70%);color:var(--color-ink-2)}
body.os-volt-v2 .vg-card-img>.vg-cover{position:absolute;inset:0;aspect-ratio:auto;height:100%}
body.os-volt-v2 .vg-card-img{position:relative}
body.os-volt-v2 .vg-cover svg{position:absolute;inset:0;width:100%;height:100%}
body.os-volt-v2 .vg-cover-hatch{stroke:oklch(94% .185 118 / .09);stroke-width:1;transition:transform .8s var(--ease-out)}
body.os-volt-v2 .vg-cover[data-v="1"] .vg-cover-hatch{transform:translateX(6px)}
body.os-volt-v2 .vg-cover[data-v="2"] .vg-cover-hatch{transform:translateX(12px)}
body.os-volt-v2 .vg-cover[data-v="3"] .vg-cover-hatch{transform:translateX(17px)}
body.os-volt-v2 .vg-cover-icon :is(path,circle,rect,ellipse,line,polyline){fill:none;stroke:var(--color-accent);stroke-width:.36;stroke-linecap:round;stroke-linejoin:round}
body.os-volt-v2 .vg-cover em{position:absolute;left:16px;bottom:14px;font:600 11px/1 var(--font-mono);font-style:normal;letter-spacing:1.4px;text-transform:uppercase;color:var(--color-ink-2)}
body.os-volt-v2 :is(.vg-card,.vg-guide-card,.vg-related-row,.vg-news-row,.os-related-card):hover .vg-cover-hatch{transform:translateX(22px)}
@media (prefers-reduced-motion:no-preference){body.os-volt-v2 :is(.vg-card,.vg-guide-card,.os-related-card):hover .vg-cover-icon :is(path,circle,rect,ellipse,line,polyline){animation:vg-draw 1.1s var(--ease-out) both}}
body.os-volt-v2 :is(.vg-news-row,.vg-related-row) .vg-cover{width:84px;height:64px;aspect-ratio:auto;flex:none;border-radius:4px}
body.os-volt-v2 :is(.vg-news-row,.vg-related-row) .vg-cover em{display:none}

/* ── Archives and search: the head is the only tile, articles sit on the page ── */
body.os-volt-v2 .vg-archive-grid{column-gap:32px;row-gap:44px}
body.os-volt-v2 .vg-archive-grid>.vg-card.vg-tile,body.os-volt-v2 .vg-archive-grid>.vg-card.vg-tile:is(:hover,:focus-visible){background:none!important;clip-path:none!important;border-radius:0!important;overflow:visible;min-height:0}
body.os-volt-v2 .vg-archive-grid>.vg-card .vg-card-img{border-radius:6px}
body.os-volt-v2 .vg-archive-grid>.vg-card .vg-card-img img{transition:transform .7s var(--ease-out)}
body.os-volt-v2 .vg-archive-grid>.vg-card:hover .vg-card-img img{transform:scale(1.03)}
body.os-volt-v2 .vg-archive-grid>.vg-card .vg-card-body{padding:16px 0 0;gap:10px}
body.os-volt-v2 .vg-archive-grid>.vg-card h2{transition:color var(--dur-short)}
body.os-volt-v2 .vg-archive-grid>.vg-card:is(:hover,:focus-visible) h2{color:var(--color-accent)}
body.os-volt-v2 .vg-archive-grid>.vg-card.is-featured{gap:32px}
body.os-volt-v2 .vg-archive-grid>.vg-card.is-featured .vg-card-body{padding:6px 0}
body.os-volt-v2 .vg-archive-grid>.vg-card.is-featured h2{font-size:clamp(32px,2.9vw,44px)!important}
body.os-volt-v2 .vg-archive-grid>.vg-card.is-featured .vg-card-excerpt{font-size:16px;color:var(--reading-ink)}
body.os-volt-v2 .vg-archive-week.vg-tile{background:none!important;clip-path:none!important;border-radius:0!important;padding:16px 0 0!important;border-top:2px solid var(--color-accent)}
body.os-volt-v2 .vg-archive-week .vg-week-row{border-top-color:var(--color-hair)}
body.os-volt-v2 .vg-archive-strip.vg-tile{background:none!important;clip-path:none!important;border-radius:0!important;padding:24px 0!important;border-top:1px solid var(--color-hair);border-bottom:1px solid var(--color-hair)}
body.os-volt-v2 .vg-archive-strip .vg-strip-match{background:none;border-radius:0;border-left:1px solid var(--color-hair)}
body.os-volt-v2 .vg-archive-strip .vg-strip-match:hover{background:none}
body.os-volt-v2 .vg-archive-strip .vg-strip-match:hover strong{color:var(--color-accent)}
@media(max-width:900px){
 body.os-volt-v2 .vg-archive-grid{row-gap:32px}
 body.os-volt-v2 .vg-archive-grid>.vg-card.is-featured{gap:0}
 body.os-volt-v2 .vg-archive-grid>.vg-card.is-featured .vg-card-body{padding:16px 0 0}
 body.os-volt-v2 .vg-archive-week.vg-tile{padding:14px 0 0!important}
 body.os-volt-v2 .vg-archive-strip .vg-strip-match{border-left:0;border-top:1px solid var(--color-hair);padding:14px 0}
}

/* ── OBS generator (extends .vg-subcalc) ── */
body.os-volt #ostObsGen.vg-subcalc{background:var(--color-paper-2)!important;color:var(--color-ink);padding:24px;border:0;border-radius:var(--radius-card);margin:0 0 32px;font-family:var(--font-body)}
body.os-volt #ostObsGen.vg-subcalc button{background:var(--color-paper)!important;color:var(--color-ink)!important;font-weight:500!important}
body.os-volt #ostObsGen.vg-subcalc button[aria-pressed="true"],body.os-volt #ostObsGen.vg-subcalc #ostObsCopy{background:var(--color-accent)!important;color:var(--color-accent-ink)!important}
body.os-volt #ostObsGen.vg-subcalc button:not([aria-pressed="true"]):not(#ostObsCopy):hover{background:var(--color-paper-3)!important;color:var(--color-accent)!important}
body.os-volt #ostObsGen .vg-obsgen-group{border:0;margin:20px 0 0;padding:0;min-width:0}
body.os-volt #ostObsGen .vg-obsgen-group legend{font:600 12px/1 var(--font-mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--color-ink-2);margin:0 0 10px;padding:0}
body.os-volt #ostObsGen .vg-obsgen-list{margin:16px 0}
body.os-volt #ostObsGen .vg-obsgen-list>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0}
body.os-volt #ostObsGen .vg-obsgen-list dd{font:600 15px/1.35 var(--font-body);margin:0;text-align:right;overflow-wrap:anywhere}
body.os-volt #ostObsGen .vg-obsgen-notes{margin:0 0 16px;padding-left:18px;color:var(--color-ink-2);font-size:14px;line-height:1.55}
body.os-volt #ostObsGen .vg-obsgen-notes li{margin-bottom:6px}
body.os-volt #ostObsGen #ostObsCopyStatus{color:var(--color-success)}

@media(max-width:1150px){
 body.os-volt-v2 .vg-hub-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 body.os-volt-v2 .vg-tasks-title{font-size:28px!important}
 body.os-volt-v2 .vg-task-grid,body.os-volt-v2 .vg-hub-tools{grid-template-columns:minmax(0,1fr)}
 body.os-volt-v2 .vg-task{padding:18px 0;gap:14px}
 body.os-volt-v2 .vg-task-copy strong{font-size:21px}
 body.os-volt-v2 .vg-hub-tool{padding:20px 0}
 body.os-volt-v2 .vg-timeline{padding-left:64px}
 body.os-volt-v2 .vg-timeline::before,body.os-volt-v2 .vg-timeline::after{left:19px}
 body.os-volt-v2 .vg-step-node{left:-64px;width:40px;height:40px}
 body.os-volt-v2 .vg-step-node .vg-icon{width:18px;height:18px}
 body.os-volt-v2 .vg-step h2{font-size:26px!important}
 body.os-volt-v2.single-post #main-content .vg-reading-body :is(h1,h2){font-size:27px!important;margin:40px 0 14px!important}
 body.os-volt-v2.single-post #main-content .vg-reading-body h3{font-size:21px!important}
 body.os-volt-v2 .vg-hub-head h1{font-size:clamp(40px,12vw,64px)!important;letter-spacing:-1px}
 body.os-volt-v2 .vg-page-head .vg-archive-head h1{font-size:clamp(34px,10vw,52px)!important;letter-spacing:-1px}
 body.os-volt-v2 .vg-hub-head .vg-art{max-width:220px;margin:0}
 body.os-volt-v2 .vg-answer{padding:18px}
 body.os-volt-v2 .vg-answer-text{font-size:17px}
 body.os-volt-v2 .vg-tool-card{grid-template-columns:auto minmax(0,1fr)}
 body.os-volt-v2 .vg-tool-card .vg-button{grid-column:1/-1;justify-content:center}
 body.os-volt #ostObsGen.vg-subcalc{padding:16px}
 body.os-volt-v2 .vg-focus-home>.vg-focus-tools,body.os-volt-v2 .vg-focus-home>.vg-guides,body.os-volt-v2 .vg-focus-home>.vg-focus-ecosystem{margin-top:56px}
}

/* ── Libraries (glossary, commands, errors, emotes, games, streamers, teams, setups): one head tile, open lists ── */
body.os-volt-v2 .vg-hub-head.is-long h1{font-size:clamp(40px,4.2vw,72px)!important;letter-spacing:-2px}
body.os-volt-v2 .vg-lib-note{margin:0 0 20px;color:var(--color-ink-2)}
body.os-volt-v2 .vg-lib-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 24px}
body.os-volt-v2 .vg-lib-status{margin:0 0 6px;font:500 12px/1.4 var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--color-ink-2)}
body.os-volt-v2 .vg-lib-tools{display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:18px 32px;align-items:center;margin:12px 0 20px}
body.os-volt-v2 .vg-lib-search{display:flex;align-items:center;gap:12px;padding:0 0 8px;border-bottom:2px solid var(--color-rule);color:var(--color-ink-2);transition:border-color var(--dur-short),color var(--dur-short)}
body.os-volt-v2 .vg-lib-search:focus-within{border-color:var(--color-accent);color:var(--color-accent)}
body.os-volt-v2 .vg-lib-search .vg-icon{width:20px;height:20px;flex:none}
body.os-volt-v2 .vg-lib-search input{flex:1;min-width:0;background:none!important;border:0!important;padding:6px 0!important;font:500 18px/1.3 var(--font-body)!important;color:var(--color-ink)!important;outline:0;box-shadow:none!important}
body.os-volt-v2 .vg-lib-filters{display:flex;flex-wrap:wrap;gap:8px}
body.os-volt-v2 .vg-lib-filters button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid var(--color-rule)!important;border-radius:999px!important;background:none!important;color:var(--color-ink-2)!important;font:500 14px/1 var(--font-body)!important;cursor:pointer;transition:border-color var(--dur-short),color var(--dur-short)}
body.os-volt-v2 .vg-lib-filters button small{font:500 11px/1 var(--font-mono);color:inherit;opacity:.7}
body.os-volt-v2 .vg-lib-filters button:hover{border-color:var(--color-ink-2)!important;color:var(--color-ink)!important}
body.os-volt-v2 .vg-lib-filters button[aria-pressed="true"]{background:var(--color-accent)!important;border-color:var(--color-accent)!important;color:var(--color-accent-ink)!important}
body.os-volt-v2 .vg-lib-alpha{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:2px}
body.os-volt-v2 .vg-lib-alpha>*{display:grid;place-items:center;width:30px;height:32px;border-radius:4px;font:700 16px/1 var(--font-display);text-decoration:none}
body.os-volt-v2 .vg-lib-alpha a{color:var(--color-ink)}
body.os-volt-v2 .vg-lib-alpha a:is(:hover,:focus-visible){background:var(--color-accent);color:var(--color-accent-ink)}
body.os-volt-v2 .vg-lib-alpha span{color:var(--color-rule)}
body.os-volt-v2 .vg-lib-group{display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px;padding:28px 0;border-top:1px solid var(--color-hair);scroll-margin-top:96px}
body.os-volt-v2 .vg-lib-letter{margin:0!important;font:800 56px/.9 var(--font-display)!important;color:var(--color-accent)!important}
body.os-volt-v2 .vg-lib-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px 36px}
body.os-volt-v2 .vg-lib-row{display:flex;flex-direction:column;gap:6px;color:var(--color-ink);text-decoration:none}
body.os-volt-v2 .vg-lib-row-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
body.os-volt-v2 .vg-lib-row-head strong{font:700 20px/1.1 var(--font-display);transition:color var(--dur-short)}
body.os-volt-v2 .vg-lib-row-head em{font:500 10px/1 var(--font-mono);font-style:normal;letter-spacing:1px;text-transform:uppercase;color:var(--color-ink-2)}
body.os-volt-v2 .vg-lib-row-text{font:400 14px/1.5 var(--font-body);color:var(--color-ink-2)}
body.os-volt-v2 .vg-lib-row:is(:hover,:focus-visible) strong{color:var(--color-accent)}
body.os-volt-v2 :is(.vg-lib-row,.vg-lib-group,.error-card,.os-emote-card,.ostc-command-card)[hidden]{display:none!important}
body.os-volt-v2 .vg-lib-empty{padding:28px 0;color:var(--color-ink-2)}
body.os-volt-v2 .vg-lib-more{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px 56px;margin:64px 0 0;padding:32px 0 0;border-top:2px solid var(--color-accent)}
body.os-volt-v2 .vg-lib-more h2{font:700 30px/1.05 var(--font-display)!important;text-transform:uppercase;margin:10px 0 16px!important;color:var(--color-ink)!important}
body.os-volt-v2 .vg-lib-more p{font:400 16px/1.7 var(--font-body);color:var(--reading-ink);margin:0 0 14px;max-width:68ch}
body.os-volt-v2 .vg-lib-more a:not(.vg-text-link){color:var(--color-accent)}
body.os-volt-v2 .vg-lib-faq h3{font:600 19px/1.25 var(--font-display)!important;text-transform:none!important;margin:20px 0 8px!important;color:var(--color-ink)!important}
body.os-volt-v2 .vg-lib-faq>.vg-eyebrow+h3{margin-top:12px!important}
body.os-volt-v2 .vg-lib-faq p{font-size:15px;color:var(--color-ink-2)}
body.os-volt-v2 .vg-lib-faq>.vg-text-link{display:flex;width:max-content;margin:14px 0 0}

/* Legacy intro and FAQ boxes printed with inline styles by the plugin templates */
body.os-volt-v2 :is(section,div)[style*="background:#22261e"][style*="border-radius:14px"]{max-width:none!important;background:none!important;border:0!important;border-top:1px solid var(--color-hair)!important;border-radius:0!important;padding:32px 0 8px!important;margin:48px 0 0!important}
body.os-volt-v2 :is(section,div)[style*="background:#22261e"][style*="border-radius:14px"] h2{font:700 28px/1.05 var(--font-display)!important;text-transform:uppercase;color:var(--color-ink)!important}
body.os-volt-v2 :is(section,div)[style*="background:#22261e"][style*="border-radius:14px"] p{color:var(--reading-ink)!important;max-width:72ch}

/* Filter bars: labels in mono, fields drawn with a single rule */
body.os-volt-v2 :is(.os-g-filters,.os-g-filters-wrapper,.filter-bar,.os-emote-tool,.os-emote-filters,.os-streamers-filters,.os-filters-form,.vg-setup-filters,.ostc-directory,.ostc-directory-head){background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body.os-volt-v2 :is(.os-g-filters-wrapper,.filter-bar,.os-emote-filters,.os-filters-form){display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;align-items:flex-end;gap:16px 24px!important;padding:0!important;margin:0 0 24px!important;max-width:none!important}
body.os-volt-v2.post-type-archive-game .os-g-filters{padding:8px 0 0!important;margin:0!important}
body.os-volt-v2.post-type-archive-game .os-g-games-section{padding:0 0 16px!important;margin:0!important}
body.os-volt-v2 :is(.os-g-filter-section,.filter-group,.os-emote-field,.os-filter-item){align-items:stretch;text-align:left}
body.os-volt-v2 :is(.os-g-filter-section,.filter-group,.os-emote-field,.os-filter-item,.search-box){display:flex;flex-direction:column;gap:6px;min-width:180px;margin:0!important}
body.os-volt-v2 :is(.os-g-filter-section,.filter-group,.os-emote-field,.os-filter-item,.vg-setup-filters) label{font:500 11px/1.2 var(--font-mono)!important;letter-spacing:1.2px;text-transform:uppercase;color:var(--color-ink-2)!important}
body.os-volt-v2 :is(.os-g-filters,.filter-bar,.os-emote-filters,.os-filters-form,.vg-setup-filters,.ostc-search,.es-filterbar) :is(select,input[type="search"],input[type="text"]){min-height:42px;padding:0 12px!important;background:var(--color-paper)!important;border:1px solid var(--color-rule)!important;border-radius:6px!important;color:var(--color-ink)!important;font:500 15px/1.2 var(--font-body)!important;box-shadow:none!important}
body.os-volt-v2 :is(.os-g-filters,.filter-bar,.os-emote-filters,.os-filters-form,.vg-setup-filters,.ostc-search,.es-filterbar) :is(select,input):focus{border-color:var(--color-accent)!important;outline:0}
body.os-volt-v2 .os-emote-field--search,body.os-volt-v2 .search-box{flex:1 1 260px}
body.os-volt-v2 :is(.os-emote-reset,.os-filter-clear){min-height:42px;padding:0 14px;background:none!important;border:1px solid var(--color-rule)!important;border-radius:6px!important;color:var(--color-ink-2)!important;font:500 14px/1 var(--font-body)!important}
body.os-volt-v2 .os-emote-tool__heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0 0 14px}
body.os-volt-v2 .os-emote-tool__heading h2{font:700 26px/1 var(--font-display)!important;text-transform:uppercase}
body.os-volt-v2 .os-emote-tool,body.os-volt-v2 .os-emote-results{padding:0!important;margin:0!important}
body.os-volt-v2 .os-filters-heading{display:none}

/* Games: a ranking, one row per game, share bar on a common scale */
body.os-volt-v2.post-type-archive-game .os-g-games-grid{display:block!important;list-style:none;margin:0!important;padding:0!important;counter-reset:vg-rank}
body.os-volt-v2.post-type-archive-game .os-g-game-card{counter-increment:vg-rank;margin:0!important;padding:0!important;background:none!important;border:0!important;border-top:1px solid var(--color-hair)!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
body.os-volt-v2.post-type-archive-game .os-g-card-link{display:grid!important;grid-template-columns:40px 52px minmax(0,1fr) minmax(120px,260px) 150px;align-items:center;gap:18px;padding:12px 0;color:var(--color-ink);text-decoration:none;background:none!important}
body.os-volt-v2.post-type-archive-game .os-g-card-link::before{content:counter(vg-rank,decimal-leading-zero);font:700 20px/1 var(--font-display);color:var(--color-ink-2)}
body.os-volt-v2.post-type-archive-game .os-g-games-grid:not(.is-alpha)>.os-g-game-card:nth-child(-n+3) .os-g-card-link::before{color:var(--color-accent)}
body.os-volt-v2.post-type-archive-game .os-g-games-grid.is-alpha .os-g-card-link::before{content:""}
body.os-volt-v2.post-type-archive-game .os-g-card-image{display:block;width:52px;height:70px;margin:0;border-radius:4px;overflow:hidden;background:var(--color-paper-2);aspect-ratio:auto}
body.os-volt-v2.post-type-archive-game .os-g-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}
body.os-volt-v2.post-type-archive-game .os-g-card-link:hover .os-g-card-image img{transform:scale(1.06)}
body.os-volt-v2.post-type-archive-game .os-g-card-content{display:flex;flex-direction:column;gap:6px;min-width:0;padding:0!important}
body.os-volt-v2.post-type-archive-game .os-g-card-title{font:700 20px/1.1 var(--font-display);color:var(--color-ink);transition:color var(--dur-short)}
body.os-volt-v2.post-type-archive-game .os-g-card-link:is(:hover,:focus-visible) .os-g-card-title{color:var(--color-accent)}
body.os-volt-v2.post-type-archive-game .os-g-card-genre{font:500 11px/1 var(--font-mono)!important;letter-spacing:1px;text-transform:uppercase;color:var(--color-ink-2)!important;background:none!important;padding:0!important;border:0!important}
body.os-volt-v2.post-type-archive-game .os-g-share{display:block;height:12px;border-radius:0 4px 4px 0;background:var(--color-hair)}
body.os-volt-v2.post-type-archive-game .os-g-share i{display:block;height:100%;width:calc(var(--vg-share,0) * 100%);min-width:2px;border-radius:0 4px 4px 0;background:var(--color-accent);transform-origin:left;transition:filter var(--dur-short)}
body.os-volt-v2.post-type-archive-game .os-g-card-link:hover .os-g-share i{filter:brightness(1.1)}
@media (prefers-reduced-motion:no-preference){body.os-volt-v2.post-type-archive-game .os-g-share i{animation:vg-grow .9s var(--ease-out) both}}
@keyframes vg-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
body.os-volt-v2.post-type-archive-game .os-g-card-stats{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right;font:400 13px/1.2 var(--font-body);color:var(--color-ink-2);background:none!important;padding:0!important}
body.os-volt-v2.post-type-archive-game .os-g-card-stats b{font:700 22px/1 var(--font-display);color:var(--color-ink)}
body.os-volt-v2.post-type-archive-game .os-g-card-stats small{font:500 11px/1.2 var(--font-mono);letter-spacing:.6px;color:var(--color-ink-2)}

/* Errors: code, name and first check on one line */
body.os-volt-v2 .twitch-errors-archive .errors-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px;row-gap:0!important}
body.os-volt-v2 .twitch-errors-archive .error-card{display:grid!important;grid-template-columns:96px minmax(0,1fr);gap:4px 20px;align-items:start;padding:22px 0!important;background:none!important;border:0!important;border-top:1px solid var(--color-hair)!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
body.os-volt-v2 .twitch-errors-archive .error-card .card-header{grid-row:1/span 2;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0!important;background:none!important;border:0!important}
body.os-volt-v2 .twitch-errors-archive .error-card .code-number{font:800 36px/1 var(--font-display)!important;color:var(--color-accent)!important;background:none!important;padding:0!important}
body.os-volt-v2 .twitch-errors-archive .error-card :is(.card-content,.card-footer,.error-code-display){padding:0!important;background:none!important;border:0!important}
body.os-volt-v2 .twitch-errors-archive .error-card .card-title{margin:0 0 6px!important;font:700 21px/1.15 var(--font-display)!important}
body.os-volt-v2 .twitch-errors-archive .error-card .card-title a{color:var(--color-ink)!important;text-decoration:none}
body.os-volt-v2 .twitch-errors-archive .error-card:hover .card-title a{color:var(--color-accent)!important}
body.os-volt-v2 .twitch-errors-archive .error-card .card-description{margin:0 0 8px!important;font-size:14px;line-height:1.5;color:var(--color-ink-2)!important}
body.os-volt-v2 .twitch-errors-archive .error-card .card-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font:500 11px/1.3 var(--font-mono);letter-spacing:.6px;text-transform:uppercase;color:var(--color-ink-2)}
body.os-volt-v2 .twitch-errors-archive .error-card .card-footer{grid-column:2}
body.os-volt-v2 .twitch-errors-archive .error-card .solution-link{font:600 12px/1 var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--color-accent)!important;text-decoration:none}
body.os-volt-v2 .twitch-errors-archive :is(.help-section,.help-content){background:none!important;border:0!important;padding:0!important}
body.os-volt-v2 .twitch-errors-archive .help-section{margin-top:48px;padding-top:28px!important;border-top:1px solid var(--color-hair)!important}
body.os-volt-v2 .twitch-errors-archive .help-links{display:flex;flex-wrap:wrap;gap:12px 28px}
body.os-volt-v2 .twitch-errors-archive .help-link{display:inline-flex;align-items:center;gap:10px;padding:0!important;background:none!important;border:0!important;color:var(--color-ink)!important;text-decoration:underline;text-decoration-color:oklch(94% .185 118 / .45);text-underline-offset:5px}
body.os-volt-v2 .twitch-errors-archive .help-link .vg-icon{width:18px;height:18px;color:var(--color-accent)}

/* Commands: syntax first, two columns of rows */
body.os-volt-v2 .ostc-v2 :is(.ostc-intro,.ostc-faq){background:none!important;border:0!important;border-top:1px solid var(--color-hair)!important;border-radius:0!important;box-shadow:none!important;padding:32px 0!important;margin:0!important}
body.os-volt-v2 .ostc-v2 .ostc-directory{padding:8px 0 40px!important}
body.os-volt-v2 .ostc-v2 .ostc-commands-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:44px!important;row-gap:0!important}
body.os-volt-v2 .ostc-v2 .ostc-command-card{min-height:0!important;padding:20px 0!important;background:none!important;border:0!important;border-top:1px solid var(--color-hair)!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
body.os-volt-v2 .ostc-v2 .ostc-command-card h3{margin:8px 0 6px!important;font:700 22px/1.1 var(--font-display)!important}
body.os-volt-v2 .ostc-v2 .ostc-command-card h3 a{color:var(--color-ink)!important}
body.os-volt-v2 .ostc-v2 .ostc-command-card:hover h3 a{color:var(--color-accent)!important}
body.os-volt-v2 .ostc-v2 .ostc-card-syntax{display:inline-block;padding:0!important;background:none!important;border:0!important;font:500 15px/1.4 var(--font-mono)!important;color:var(--color-accent)!important}
body.os-volt-v2 .ostc-v2 .ostc-command-card p{margin:8px 0 0!important;font-size:14px;line-height:1.5}
body.os-volt-v2 .ostc-v2 .ostc-card-link{display:none!important}
body.os-volt-v2 .ostc-v2 .ostc-card-meta{display:flex;flex-wrap:wrap;gap:6px 14px}
body.os-volt-v2 .ostc-v2 .ostc-card-meta span{padding:0!important;background:none!important;border:0!important;font:500 11px/1.2 var(--font-mono)!important;letter-spacing:1px;text-transform:uppercase;color:var(--color-ink-2)!important}
body.os-volt-v2 .ostc-v2 .ostc-card-meta span[data-platform]{color:var(--color-accent)!important}
body.os-volt-v2 .ostc-v2 .ostc-filters{display:flex!important;flex-wrap:wrap;gap:8px;padding:0!important;margin:16px 0!important}
body.os-volt-v2 .ostc-v2 .ostc-filters button{min-height:36px;padding:0 14px!important;border:1px solid var(--color-rule)!important;border-radius:999px!important;background:none!important;color:var(--color-ink-2)!important;font:500 14px/1 var(--font-body)!important;text-transform:none!important;letter-spacing:0!important}
body.os-volt-v2 .ostc-v2 .ostc-filters button:is(.is-active,:hover){border-color:var(--color-accent)!important;color:var(--color-ink)!important}
body.os-volt-v2 .ostc-v2 .ostc-filters button.is-active{background:var(--color-accent)!important;color:var(--color-accent-ink)!important}

/* Emotes: the image in a small frame, the meaning beside it */
body.os-volt-v2 .os-emote-hub:not(#vg-open){background:none!important;color:var(--color-ink)!important}
body.os-volt-v2 .os-emote-hub .os-emote-kicker{color:var(--color-accent)!important}
body.os-volt-v2 .os-emote-hub .os-emote-result-count{color:var(--color-ink-2)!important}
body.os-volt-v2 .os-emote-hub .os-emote-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:44px!important;row-gap:0!important}
body.os-volt-v2 .os-emote-hub .os-emote-card,body.os-volt-v2 .os-emote-hub .os-emote-card:is(:hover,:focus-within){background:none!important;border:0!important;border-top:1px solid var(--color-hair)!important;border-radius:0!important;overflow:visible!important}
body.os-volt-v2 .os-emote-hub .os-emote-card__link{display:grid!important;grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:start;padding:18px 0}
body.os-volt-v2 .os-emote-hub .os-emote-card__visual{height:72px;border:0;border-radius:10px;background:var(--color-paper-2)}
body.os-volt-v2 .os-emote-hub .os-emote-card__visual::before,body.os-volt-v2 .os-emote-hub .os-emote-card__source{display:none}
body.os-volt-v2 .os-emote-hub .os-emote-card__visual img{width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important}
body.os-volt-v2 .os-emote-hub .os-emote-card__body{padding:0!important;gap:6px}
body.os-volt-v2 .os-emote-hub .os-emote-card__topline h3{font:700 22px/1.1 var(--font-display)!important;transition:color var(--dur-short)}
body.os-volt-v2 .os-emote-hub .os-emote-card:hover h3{color:var(--color-accent)!important}
body.os-volt-v2 .os-emote-hub .os-emote-card__body p{margin:6px 0!important;font-size:14px;line-height:1.5;color:var(--color-ink-2)!important}
body.os-volt-v2 .os-emote-hub :is(.os-emote-guide,.os-emote-guide__intro,.os-emote-faq){background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body.os-volt-v2 .os-emote-hub .os-emote-guide{margin-top:56px;padding-top:32px!important;border-top:2px solid var(--color-accent)!important}
body.os-volt-v2 .os-emote-hub .os-emote-faq details{background:none!important;border:0!important;border-top:1px solid var(--color-hair)!important;border-radius:0!important;padding:14px 0!important}

/* Streamers, teams, setups: rows with the avatar, logo or icon on the left */
body.os-volt-v2 :is(.os-streamers-grid,.os-et-archive-grid,.vg-setup-grid){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:36px!important;row-gap:0!important}
/* :not(#vg-open) lifts specificity above the :is() tile lists of volt-grid and volt-pages */
body.os-volt-v2 :is(.os-s-card,.os-et-archive-card,.vg-setup-card):not(#vg-open),body.os-volt-v2 :is(.os-s-card,.os-et-archive-card,.vg-setup-card):not(#vg-open):hover{min-height:0!important;padding:16px 0!important;background:none!important;border:0!important;border-top:1px solid var(--color-hair)!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
body.os-volt-v2 .os-s-card{display:flex!important;align-items:center;justify-content:space-between;gap:16px}
body.os-volt-v2 .os-s-card-top{display:flex;align-items:center;gap:14px;min-width:0}
body.os-volt-v2 :is(.os-s-avatar,.os-s-avatar-ph){width:52px!important;height:52px!important;flex:none;border-radius:50%!important}
body.os-volt-v2 .os-s-info h3{margin:0 0 4px!important;font:700 19px/1.1 var(--font-display)!important;overflow-wrap:anywhere}
body.os-volt-v2 .os-s-card:hover .os-s-info h3,body.os-volt-v2 .os-et-archive-card:hover h2,body.os-volt-v2 .vg-setup-card:hover h2{color:var(--color-accent)!important}
body.os-volt-v2 .os-s-info :is(.os-s-platform,.os-s-game){display:inline-block;margin-right:8px;padding:0!important;background:none!important;border:0!important;font:500 11px/1.3 var(--font-mono)!important;letter-spacing:.6px;text-transform:uppercase;color:var(--color-ink-2)!important}
body.os-volt-v2 .os-s-card-stats{display:flex!important;gap:14px;padding:0!important;margin:0!important;border:0!important;background:none!important}
body.os-volt-v2 .os-s-stat{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:0!important;background:none!important}
body.os-volt-v2 .os-s-stat-val{font:700 18px/1 var(--font-display)!important}
body.os-volt-v2 .os-s-stat-lbl{font:500 10px/1 var(--font-mono)!important;letter-spacing:.6px;text-transform:uppercase}
body.os-volt-v2 .os-et-archive-card{display:flex!important;align-items:center;gap:14px}
body.os-volt-v2 .os-et-logo-wrap{width:48px!important;height:48px!important;flex:none;padding:6px;border-radius:10px;background:var(--color-paper-2)}
body.os-volt-v2 .os-et-archive-card h2{margin:4px 0!important;font-size:19px!important;line-height:1.15}
body.os-volt-v2 .os-et-archive-card .es-card-link{display:none}
body.os-volt-v2 .vg-setup-card{display:grid!important;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:14px}
body.os-volt-v2 .vg-setup-card-art{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--color-rule);background:none!important;color:var(--color-accent)}
body.os-volt-v2 .vg-setup-card-art .vg-icon{width:18px;height:18px}
body.os-volt-v2 .vg-setup-card h2{font-size:19px!important}
body.os-volt-v2 .vg-setup-card>.vg-icon{width:18px;height:18px;color:var(--color-rule)}
body.os-volt-v2 .vg-setup-guidance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 56px;margin-top:56px;padding-top:32px;border-top:2px solid var(--color-accent);background:none!important}
body.os-volt-v2 .vg-setup-guidance>div{background:none!important;padding:0!important;border:0!important}
body.os-volt-v2 :is(.os-streamers-filters,.os-streamers-intro,.es-disclaimer):not(#vg-open){background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body.os-volt-v2 .os-streamers-filters:not(#vg-open){padding:0!important;margin:0 0 8px!important}
body.os-volt-v2 .es-disclaimer:not(#vg-open){margin-top:40px;padding:16px 0 0!important;border-top:1px solid var(--color-hair)!important;font-size:13px;color:var(--color-ink-2)}
body.os-volt-v2 .vg-lib-more.os-streamers-intro:not(#vg-open){margin:64px 0 0!important;padding:32px 0 0!important;border-top:2px solid var(--color-accent)!important}
body.os-volt-v2 .os-streamers-count,body.os-volt-v2 .es-result-count{margin:0 0 6px;font:500 12px/1.4 var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--color-ink-2)}

@media(max-width:1150px){
 body.os-volt-v2 :is(.os-streamers-grid,.os-et-archive-grid,.vg-setup-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.os-volt-v2.post-type-archive-game .os-g-card-link{grid-template-columns:36px 48px minmax(0,1fr) minmax(90px,160px) 120px;gap:14px}
}
@media(max-width:900px){
 body.os-volt-v2 :is(.twitch-errors-archive .errors-grid,.ostc-v2 .ostc-commands-grid,.os-emote-hub .os-emote-grid,.os-streamers-grid,.os-et-archive-grid,.vg-setup-grid){grid-template-columns:minmax(0,1fr)!important}
 body.os-volt-v2 .vg-lib-tools,body.os-volt-v2 .vg-lib-more,body.os-volt-v2 .vg-setup-guidance{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
 body.os-volt-v2 .vg-hub-head.is-long h1{font-size:clamp(32px,9vw,48px)!important;letter-spacing:-1px}
 body.os-volt-v2 .vg-lib-group{grid-template-columns:minmax(0,1fr);gap:12px;padding:22px 0}
 body.os-volt-v2 .vg-lib-letter{font-size:44px!important}
 body.os-volt-v2 .vg-lib-rows{grid-template-columns:minmax(0,1fr);gap:18px}
 body.os-volt-v2 .vg-lib-more h2{font-size:24px!important}
 body.os-volt-v2.post-type-archive-game .os-g-card-link{grid-template-columns:28px 44px minmax(0,1fr) auto;gap:6px 12px}
 body.os-volt-v2.post-type-archive-game .os-g-card-link::before{grid-row:1/span 2;font-size:16px}
 body.os-volt-v2.post-type-archive-game .os-g-card-image{grid-row:1/span 2;width:44px;height:59px}
 body.os-volt-v2.post-type-archive-game .os-g-share{grid-column:3/-1;grid-row:2;height:8px}
 body.os-volt-v2.post-type-archive-game .os-g-card-title{font-size:18px}
 body.os-volt-v2.post-type-archive-game .os-g-card-stats b{font-size:18px}
 body.os-volt-v2.post-type-archive-game .os-g-card-stats small{display:none}
 body.os-volt-v2 .twitch-errors-archive .error-card{grid-template-columns:72px minmax(0,1fr)}
 body.os-volt-v2 .twitch-errors-archive .error-card .code-number{font-size:28px!important}
 body.os-volt-v2 .os-emote-hub .os-emote-card__link{grid-template-columns:60px minmax(0,1fr);gap:14px}
 body.os-volt-v2 .os-emote-hub .os-emote-card__visual{height:60px}
 body.os-volt-v2 .os-emote-hub .os-emote-card__visual img{width:44px!important;height:44px!important}
 body.os-volt-v2 .os-s-card{flex-wrap:wrap}
 /* Library heads on phones: the tool comes first, the illustration stays on larger screens */
 body.os-volt-v2 .vg-hub-head.is-library .vg-art{display:none}
 body.os-volt-v2 .vg-hub-head.is-library>.vg-archive-copy>p{font-size:16px!important}
 body.os-volt-v2 :is(.os-g-filters-wrapper,.filter-bar,.os-emote-filters,.os-filters-form){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;align-items:end}
 body.os-volt-v2 :is(.os-g-filter-section,.filter-group,.os-emote-field,.os-filter-item,.search-box){min-width:0!important;width:auto!important}
 body.os-volt-v2 :is(.os-g-filter-section:last-child,.search-box,.os-emote-field--search,.os-filter-item:first-child,.os-filter-actions,.os-emote-reset){grid-column:1/-1}
 body.os-volt-v2 :is(.os-g-filters,.filter-bar,.os-emote-filters,.os-filters-form) :is(select,input){width:100%!important;min-width:0!important}
}

/* Plugin pseudo-elements that printed an emoji: drawn icons instead */
body.os-volt-v2 .os-achievements-list li::before{content:""!important;width:15px;height:15px;top:.75rem;background:var(--color-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203h8v6a4%204%200%200%201-8%200V3ZM8%205H4v2a4%204%200%200%200%204%204M16%205h4v2a4%204%200%200%201-4%204M12%2013v5M8%2021h8M9%2018h6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203h8v6a4%204%200%200%201-8%200V3ZM8%205H4v2a4%204%200%200%200%204%204M16%205h4v2a4%204%200%200%201-4%204M12%2013v5M8%2021h8M9%2018h6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
body.os-volt-v2 .ostc-syntax-section pre::before{content:""!important;width:22px;height:22px;padding:0!important;background:var(--color-accent)!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16v11H9l-5%204Z%22%2F%3E%3Cpath%20d%3D%22M8%209.5h8M8%2012.5h5%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16v11H9l-5%204Z%22%2F%3E%3Cpath%20d%3D%22M8%209.5h8M8%2012.5h5%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
body.os-volt-v2 :is(.osg-section h2,.link-icon,.os-g-no-games-icon) .vg-icon{width:1em;height:1em;vertical-align:-.12em;color:var(--color-accent)}
body.os-volt-v2 .os-g-no-games-icon .vg-icon{width:48px;height:48px}
body.os-volt-v2 .ost-emoji-toggle{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:500 14px/1.4 var(--font-body);color:var(--color-ink-2);cursor:pointer}
body.os-volt-v2 .ost-emoji-toggle input{width:18px;height:18px;accent-color:var(--color-accent)}
body.os-volt-v2 .vg-rating{display:inline-flex;gap:2px;vertical-align:-.15em}
body.os-volt-v2 .vg-rating .vg-i{margin:0}
body.os-volt-v2 .vg-i.is-empty{opacity:.28}
/* Task router: two columns until the labels have room for three */
@media(max-width:1499px) and (min-width:761px){body.os-volt-v2 .vg-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
