/* Hallmark · editorial bento · Volt Grid · P4 H4 E4 S5 R5 V4
   Shared migration layer. Containers are separated by space, not frames. */
html:has(body.os-volt),body.os-volt{overflow-x:clip!important;background:var(--color-paper)!important;scroll-behavior:auto}
body.os-volt{--os-bg:var(--color-paper);--os-bg-card:var(--color-paper-2);--os-bg-card-hover:var(--color-paper-3);--os-bg-elevated:var(--color-paper-2);--os-text:var(--color-ink);--os-text-muted:var(--color-ink-2);--os-text-dim:var(--color-ink-2);--os-accent:var(--color-accent);--os-accent-hover:var(--color-ink);--os-border:var(--color-transparent);--os-border-hover:var(--color-rule);--os-font:var(--font-body);--os-mono:var(--font-mono);--os-shadow:none;--os-shadow-lg:none;--og-bg:var(--color-paper);--og-surface:var(--color-paper-2);--og-surface-2:var(--color-paper-2);--og-line:var(--color-rule);--og-line-soft:var(--color-rule);--og-text:var(--color-ink);--og-muted:var(--color-ink-2);--og-accent:var(--color-accent);--og-success:var(--color-success);--og-danger:var(--color-error);padding-left:var(--rail-width);margin:0;color:var(--color-ink)!important;font-family:var(--font-body)!important;line-height:1.55;animation:none!important}
body.os-volt::before,body.os-volt::after{display:none!important}
body.os-volt :is(h1,h2,h3,h4,h5,h6,.entry-title,.page-title){font-family:var(--font-display)!important;font-style:normal!important;font-weight:700;letter-spacing:0;line-height:1.05;color:var(--color-ink)!important;overflow-wrap:anywhere;min-width:0}
body.os-volt :is(h1,h2,h3) em{font-style:normal!important;color:inherit}
body.os-volt :is(a,button,input,select,summary):focus-visible{outline:2px solid var(--color-focus)!important;outline-offset:4px}
body.os-volt ::selection{background:var(--color-accent);color:var(--color-accent-ink)}
body.os-volt :is(button,input,select,textarea){font-family:var(--font-body);max-width:100%}
body.os-volt button{cursor:pointer}
body.os-volt button:disabled{opacity:.45;cursor:not-allowed}
body.os-volt [aria-busy=true]{cursor:progress}
body.os-volt [aria-invalid=true]{outline:2px solid var(--color-error)}
body.os-volt [hidden]{display:none!important}
body.os-volt .site,body.os-volt #content{max-width:none;margin:0;padding:0;display:block}
.os-volt .vg-icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle;color:inherit}
.os-volt .vg-wordmark{display:inline-flex;align-items:center;font:700 34px/.95 var(--font-display);letter-spacing:-1px;color:var(--color-ink);white-space:nowrap}
.os-volt .vg-wordmark>span{background:var(--color-accent);color:var(--color-accent-ink);padding:2px 4px 4px;margin-left:2px}
.os-volt .vg-rail{position:fixed;inset:0 auto 0 0;width:var(--rail-width);padding:var(--space-xl) var(--space-lg);background:var(--color-paper);z-index:101;display:flex;flex-direction:column;overflow-y:auto}
.os-volt .vg-brand{display:block;margin:var(--space-xs) 0 var(--space-3xl)}
.os-volt .vg-nav-list,.os-volt .vg-sub{list-style:none;margin:0;padding:0}
.os-volt .vg-nav-list>li{margin-bottom:var(--space-lg)}
.os-volt .vg-nav-row{display:flex;align-items:center;gap:var(--space-xs)}
.os-volt .vg-nav-row>a{display:flex;gap:var(--space-sm);align-items:center;flex:1;font:600 18px/1.3 var(--font-display);text-transform:uppercase;white-space:nowrap;color:var(--color-ink-2);min-height:44px}
.os-volt .vg-nav-row>a span{color:inherit}
.os-volt .vg-nav-row>a:is(:hover,.is-active),.os-volt .vg-about:hover{color:var(--color-accent)}
.os-volt .vg-sub-toggle{padding:4px;width:28px;height:36px;background:none;border:0;color:var(--color-ink-2)}
.os-volt .vg-sub-toggle .vg-icon{width:16px;height:16px}
.os-volt .vg-sub-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.os-volt .vg-sub{padding-left:36px}
.os-volt .vg-sub a{color:var(--color-ink-2);font-size:13px;padding:8px 0;display:block;line-height:1.3}
.os-volt .vg-sub a:hover{color:var(--color-accent)}
.os-volt .vg-about{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-ink-2);font-size:13px;margin-top:auto;padding-top:var(--space-2xl)}
.os-volt .vg-header{display:flex;align-items:center;gap:var(--space-lg);height:80px;padding:var(--space-md) var(--space-xl);background:var(--color-paper);position:relative;z-index:100}
.os-volt .vg-motto{margin:0;font:700 27px/1 var(--font-display);text-transform:uppercase;flex:1;color:var(--color-ink)}
.os-volt .vg-search{display:flex;align-items:center;gap:var(--space-xs);margin:0}
.os-volt .vg-search input{background:var(--color-paper-2);border:0;color:var(--color-ink);border-radius:var(--radius-button);width:190px;height:40px;padding:0 12px;font-size:14px}
.os-volt .vg-search input::placeholder{color:var(--color-ink-2);opacity:1}
.os-volt .vg-search button,.os-volt .vg-menu-button{background:none;border:0;padding:8px;color:var(--color-ink);width:44px;height:44px}
.os-volt .vg-menu-button,.os-volt .vg-mobile-brand,.os-volt .vg-mobile-dock{display:none}
.os-volt .vg-home{max-width:1560px;padding:var(--space-xs) var(--space-xl) var(--space-2xl);margin:auto}
.os-volt .vg-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}
.os-volt .vg-chips :is(a,button){display:inline-flex;justify-content:center;align-items:center;min-height:36px;padding:6px 16px;border:0;border-radius:var(--radius-button);background:var(--color-paper-2);color:var(--color-ink-2);font:600 15px/1.2 var(--font-display);text-transform:uppercase;white-space:nowrap;transition:background var(--dur-short)}
.os-volt .vg-chips :is(a,button):hover{background:var(--color-paper-3);color:var(--color-ink)}
.os-volt .vg-chips .is-active{background:var(--color-accent);color:var(--color-accent-ink)}
.os-volt .vg-bento{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:var(--space-lg);align-items:stretch}
.os-volt .vg-bento>*{min-width:0;margin:0}
.os-volt .vg-lead{grid-column:1;grid-row:1;position:relative;border:0;border-radius:var(--radius-card);overflow:hidden;min-height:450px}
.os-volt .vg-lead>a{display:flex;align-items:flex-end;min-height:450px;height:100%;color:var(--color-ink);position:relative}
.os-volt .vg-lead img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.os-volt .vg-lead>a::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,var(--color-scrim),var(--color-overlay) 90%);pointer-events:none}
.os-volt .vg-lead-copy{position:relative;z-index:1;padding:var(--space-lg);width:100%}
.os-volt .vg-tag{display:inline-block;background:var(--color-accent);color:var(--color-accent-ink);padding:3px 8px;font:600 13px/1.2 var(--font-display);text-transform:uppercase;margin-bottom:var(--space-xs)}
.os-volt .vg-lead h2{font-size:clamp(30px,3.1vw,52px);text-transform:uppercase;margin:0 0 var(--space-sm);max-width:20ch}
.os-volt .vg-lead p{font-size:14px;line-height:1.5;margin:0 0 var(--space-sm);color:var(--color-ink);max-width:46ch}
.os-volt .vg-lead time{font-size:12px;color:var(--color-ink-2);text-transform:uppercase}
.os-volt .vg-matches{grid-column:2;grid-row:1;background:var(--color-paper-2);border-radius:var(--radius-card);padding:var(--space-lg);display:flex;flex-direction:column;min-height:450px}
.os-volt .vg-section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}
.os-volt .vg-section-head h2{font-size:30px;margin:0;text-transform:uppercase}
.os-volt .vg-section-head>a{display:inline-flex;gap:var(--space-xs);align-items:center;color:var(--color-accent);font:600 14px/1.2 var(--font-display);text-transform:uppercase;white-space:nowrap}
.os-volt .vg-section-head .vg-icon{width:18px;height:18px}
.os-volt .vg-section-head>span{font-size:13px;color:var(--color-ink-2)}
.os-volt .vg-match-tabs :is(a,button){background:var(--color-paper-3)}
.os-volt .vg-match-tabs .is-active{background:var(--color-accent)}
.os-volt .vg-match-row{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:var(--space-sm);padding:var(--space-md) 0;border-top:1px solid var(--color-rule);color:var(--color-ink);min-height:88px}
.os-volt .vg-match-row:hover{color:var(--color-accent)}
.os-volt .vg-match-time{display:flex;flex-direction:column;gap:3px;font-size:12px}
.os-volt .vg-match-time b{color:var(--color-accent);text-transform:uppercase;font:600 14px var(--font-display)}
.os-volt .vg-match-time :is(time,small){color:var(--color-ink-2);font-size:12px}
.os-volt .vg-match-teams{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:8px}
.os-volt .vg-team{display:flex;align-items:center;gap:var(--space-sm);min-width:0;color:inherit}
.os-volt .vg-team:last-child{flex-direction:row-reverse}
.os-volt .vg-team img{width:36px;height:36px;object-fit:contain}
.os-volt .vg-team strong{font:700 25px/1 var(--font-display);overflow-wrap:anywhere;color:inherit}
.os-volt .vg-versus{color:var(--color-ink-2);text-align:center;font-size:12px}
.os-volt .vg-match-footer{margin-top:auto;padding-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm)}
.os-volt .vg-match-footer>small{color:var(--color-ink-2);font-size:12px}
.os-volt .vg-match-empty{padding:var(--space-xl) 0;font-size:15px;color:var(--color-ink-2)}
.os-volt .vg-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);background:var(--color-accent);color:var(--color-accent-ink);font:600 16px/1 var(--font-display);text-transform:uppercase;padding:11px 14px;border:0;border-radius:var(--radius-button);white-space:nowrap;min-height:40px}
.os-volt .vg-button:hover{background:var(--color-ink);color:var(--color-accent-ink)}
.os-volt .vg-button .vg-icon{width:18px;height:18px}
.os-volt .vg-secondary{background:var(--color-paper-3);color:var(--color-accent)}
.os-volt .vg-news{grid-row:3;grid-column:1;padding:var(--space-lg);background:var(--color-paper-2);border-radius:var(--radius-card)}
.os-volt .vg-news-row+article{border-top:1px solid var(--color-rule)}
.os-volt .vg-news-row>a{display:grid;grid-template-columns:76px minmax(0,1fr) 20px;gap:var(--space-sm);align-items:center;padding:var(--space-sm) 0;color:var(--color-ink)}
.os-volt .vg-news-row img{width:76px;height:64px;object-fit:cover;border-radius:var(--radius-button)}
.os-volt .vg-news-row h3{font-size:20px;line-height:1.14;margin:0 0 6px}
.os-volt .vg-news-row time{color:var(--color-ink-2);font-size:12px}
.os-volt .vg-news-row .vg-icon{width:18px;height:18px;color:var(--color-accent)}
.os-volt .vg-tools{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:var(--space-lg)}
.os-volt .vg-tool{display:flex;align-items:center;justify-content:space-between;background:var(--color-paper-2);padding:var(--space-lg);border-radius:var(--radius-card);gap:var(--space-sm);min-width:0;overflow:hidden;color:var(--color-ink)}
.os-volt .vg-tool>div:first-child{position:relative;z-index:1;min-width:0}
.os-volt .vg-tool h2{font-size:38px;text-transform:uppercase;margin:0 0 var(--space-xs)}
.os-volt .vg-tool b{font:600 17px var(--font-display);text-transform:uppercase;color:var(--color-accent)}
.os-volt .vg-tool p{font-size:14px;color:var(--color-ink-2);max-width:29ch;margin:var(--space-xs) 0 var(--space-md)}
.os-volt .vg-tool-art{color:var(--color-accent);width:110px;flex-shrink:0}
.os-volt .vg-tool-art>.vg-icon{width:110px;height:110px;stroke-width:.75}
.os-volt .vg-guides{grid-column:2;grid-row:3;background:var(--color-paper-2);padding:var(--space-lg);border-radius:var(--radius-card)}
.os-volt .vg-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}
.os-volt .vg-guide-grid img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:var(--radius-button);margin-bottom:var(--space-sm)}
.os-volt .vg-guide-grid span{font:600 12px var(--font-display);color:var(--color-accent);text-transform:uppercase}
.os-volt .vg-guide-grid h3{font-size:21px;margin:var(--space-xs) 0;line-height:1.15}
.os-volt .vg-footer{padding:var(--space-xl);display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-xl);max-width:1560px;margin:auto}
.os-volt .vg-footer p,.os-volt .vg-footer small{font-size:13px;color:var(--color-ink-2)}
.os-volt .vg-footer .vg-wordmark{font-size:25px}
.os-volt .vg-footer nav{display:flex;flex-wrap:wrap;gap:var(--space-md);max-width:500px}
.os-volt .vg-footer nav a{color:var(--color-ink-2);font-size:13px;white-space:nowrap}
/* Reading, directories and tools share the same surfaces and rhythm. */
.os-volt .vg-lead h2{font-size:clamp(28px,2.6vw,40px);font-weight:600}
.os-volt .vg-motto{font-size:23px;font-weight:600}
.os-volt .vg-section-head h2{font-size:26px;font-weight:600}
.os-volt .vg-tool h2{font-size:31px;font-weight:600}
.os-volt .vg-nav-row>a{font-size:16px;font-weight:600}
.os-volt .vg-wordmark{font-size:30px}
body.os-volt .vg-menu-button{background:var(--color-transparent)!important;color:var(--color-ink-2)!important;box-shadow:none!important}
body.os-volt .vg-match-tabs button{background:var(--color-paper-3)!important;color:var(--color-ink-2)!important;box-shadow:none!important}
body.os-volt .vg-match-tabs button.is-active{background:var(--color-accent)!important;color:var(--color-accent-ink)!important}
body.os-volt .vg-match-tabs button:hover{background:var(--color-paper)!important;color:var(--color-ink)!important}
body.os-volt :is(.os-single-layout,.os-archive-wrap,.os-cal-shell,.os-streamers-container,.os-streamer-container,.os-page-wrap){max-width:1300px;width:100%;margin-inline:auto}
body.os-volt :is(.os-single-wrap,.os-cal-shell){padding:var(--space-xl)}
body.os-volt :is(.os-single-main,.os-single-sidebar,.os-article-content,.entry-content,.os-page-content,.os-streamers-page){min-width:0;max-width:100%}
body.os-volt .os-single-wrap{grid-template-columns:minmax(0,1fr) minmax(230px,290px);gap:var(--space-xl)}
body.os-volt .os-article-title{font-size:clamp(36px,4.3vw,64px);line-height:1.02}
body.os-volt :is(.os-article-content,.entry-content){color:var(--color-ink);font-size:17px;line-height:1.75}
body.os-volt :is(.os-article-content,.entry-content) :is(h2,h3){font-family:var(--font-body)!important;line-height:1.25;letter-spacing:-.02em}
body.os-volt .os-article-content h2{font-size:28px}
body.os-volt .os-article-meta-top{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;font-size:13px}
body.os-volt .os-article-meta-top :is(a,time,span){color:var(--color-ink-2);font-size:13px}
body.os-volt .os-cat-badge{background:var(--color-paper-3)!important;color:var(--color-accent)!important}
body.os-volt :is(.os-article-content,.os-page-content) a{color:var(--color-accent)}
body.os-volt :is(.os-sidebar-box,.os-sidebar-widget,.os-author-box,.os-s-card,.os-streamer-card,.os-archive-card,.os-article-card,.os-guide-card,.os-cal-board,.os-calendar-match,.os-cal-metrics>div,.os-streamers-filters,.os-filters-panel,.os-streamers-hero,.os-cal-hero,.os-archive-hero){background:var(--color-paper-2)!important;border:0!important;border-radius:var(--radius-card)!important;box-shadow:none!important}
body.os-volt :is(.os-streamers-hero,.os-archive-hero,.os-cal-hero){padding:var(--space-lg)!important;margin-bottom:var(--space-lg)}
body.os-volt :is(.os-cal-hero,.os-streamers-hero) h1{font-size:clamp(34px,4vw,52px)}
body.os-volt .os-cal-hero>svg{display:none}
body.os-volt :is(.os-cal-directory,.os-cal-filter){flex-wrap:wrap}
body.os-volt :is(.os-cal-directory a,.os-cal-filter button){background:var(--color-paper-2);color:var(--color-ink-2);border:0;min-height:36px;font-family:var(--font-body);font-size:13px;white-space:nowrap}
body.os-volt :is(.os-cal-directory a.is-active,.os-cal-filter button.is-active,.os-filter-apply){background:var(--color-accent)!important;color:var(--color-accent-ink)!important;border:0}
body.os-volt .os-cal-tools{padding:var(--space-md) 0}
body.os-volt .os-cal-metrics{order:5;display:flex;flex-wrap:wrap;gap:var(--space-lg);margin:var(--space-xl) 0}
body.os-volt .os-cal-metrics>div{padding:var(--space-sm) var(--space-md)}
body.os-volt .os-cal-metrics strong{font-size:24px;color:var(--color-ink)}
body.os-volt .os-cal-board{padding:var(--space-lg)}
body.os-volt .os-calendar-match{border-bottom:1px solid var(--color-rule)!important;padding:var(--space-md) 0}
body.os-volt .os-calendar-match :is(header,footer){font-size:13px}
body.os-volt .os-calendar-match header em{font-style:normal;color:var(--color-accent);font-size:12px}
body.os-volt .os-calendar-score strong{font-family:var(--font-display);font-size:25px;color:var(--color-ink)}
body.os-volt .os-calendar-team strong{white-space:normal;overflow:visible;text-overflow:clip;font-size:14px;overflow-wrap:anywhere}
body.os-volt .os-calendar-team{min-width:0}
body.os-volt .os-calendar-score small{font-size:12px;color:var(--color-ink-2);display:block;max-width:90px;text-align:center}
body.os-volt .os-cal-board-head h2{font-size:30px}
body.os-volt .os-cal-empty{padding:var(--space-xl);color:var(--color-ink-2)}
body.os-volt .os-cal-shell{display:flex;flex-direction:column}
body.os-volt .os-cal-links{order:6}
body.os-volt .os-smatch-team>span:last-child{white-space:normal;overflow:visible;text-overflow:clip;font-size:13px}
body.os-volt .os-smatch-meta{font-size:12px}
body.os-volt .os-smatch{background:var(--color-paper-2);border:0;border-bottom:1px solid var(--color-rule);padding:var(--space-sm);color:var(--color-ink)}
body.os-volt .os-breadcrumb-wrap{padding:var(--space-sm) var(--space-xl);max-width:1300px;margin:auto}
body.os-volt :is(.os-breadcrumb,.os-breadcrumbs-v2){display:flex;flex-wrap:wrap;gap:var(--space-xs);font-size:12px}
body.os-volt :is(.os-breadcrumb,.os-breadcrumbs-v2) a{white-space:nowrap;color:var(--color-ink-2)}
body.os-volt .os-bc-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
body.os-volt .vg-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:var(--space-lg) 0;scrollbar-color:var(--color-accent) var(--color-paper-2)}
body.os-volt .vg-table-scroll table{margin:0;min-width:560px;width:100%;border-collapse:collapse}
body.os-volt .vg-table-scroll :is(th,td){font-size:14px;padding:var(--space-sm);background:var(--color-paper-2)!important;color:var(--color-ink)!important;border-color:var(--color-rule)!important}
body.os-volt .vg-table-scroll th{font-family:var(--font-body)!important;color:var(--color-accent)!important}
body.os-volt .vg-scroll-hint{font-size:12px;color:var(--color-ink-2);margin:0 0 var(--space-xs)}
body.os-volt .os-editorial-v2{--oa-bg:var(--color-paper);--oa-surface:var(--color-paper-2);--oa-surface-2:var(--color-paper-3);--oa-border:var(--color-rule);--oa-soft:var(--color-rule);--oa-text:var(--color-ink);--oa-muted:var(--color-ink-2);--oa-dim:var(--color-ink-2);--oa-accent:var(--color-accent)}
body.os-volt :is(.os-streamers-hero-tags,.os-streamers-filters-top){display:none}
body.os-volt .os-filters-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-md)}
body.os-volt .os-filter-item{flex:1 1 160px;min-width:0}
body.os-volt .os-filter-item :is(input,select){width:100%;background:var(--color-paper-3);color:var(--color-ink);border:0;min-height:44px;border-radius:var(--radius-button);padding:10px}
body.os-volt .os-filter-item label{font-size:13px;color:var(--color-ink-2)}
body.os-volt .os-s-card h3{font-size:26px}
body.os-volt .os-s-card-stats{background:var(--color-paper-3)!important;border:0!important}
body.os-volt .vg-data-note{font-size:13px;color:var(--color-ink-2);padding:var(--space-sm) 0}
@media(min-width:1700px){.os-volt .vg-lead,.os-volt .vg-lead>a,.os-volt .vg-matches{min-height:540px}}
@media(max-width:1150px){body.os-volt{--rail-width:178px}.os-volt .vg-rail{padding:var(--space-xl) var(--space-md)}.os-volt .vg-wordmark{font-size:30px}.os-volt .vg-header,.os-volt .vg-home{padding-left:var(--space-lg);padding-right:var(--space-lg)}.os-volt .vg-match-row{grid-template-columns:78px minmax(0,1fr)}.os-volt .vg-team{gap:6px}.os-volt .vg-team img{width:27px;height:27px}.os-volt .vg-team strong{font-size:21px}.os-volt .vg-tool-art{width:72px}.os-volt .vg-tool-art>.vg-icon{width:72px;height:72px}.os-volt .vg-section-head h2{font-size:26px}.os-volt .vg-section-head>a{font-size:12px}body.os-volt .os-single-wrap{grid-template-columns:minmax(0,1fr)}body.os-volt .os-single-sidebar{display:none}}
@media(max-width:900px){body.os-volt{padding-left:0;padding-bottom:72px}.os-volt .vg-rail{display:none;top:70px;bottom:64px;width:280px;box-shadow:20px 0 60px var(--color-overlay)}.os-volt .vg-rail.is-open{display:flex}.os-volt .vg-rail .vg-brand{display:none}.os-volt .vg-menu-button{display:block;order:-2}.os-volt .vg-mobile-brand{display:block;order:-1}.os-volt .vg-header{height:70px;position:sticky;top:0;padding:var(--space-xs) var(--space-md);gap:var(--space-sm)}.os-volt .vg-motto{display:none}.os-volt .vg-search{margin-left:auto}.os-volt .vg-search input{width:150px}.os-volt .vg-mobile-dock{position:fixed;inset:auto 0 0;display:flex;justify-content:space-around;background:var(--color-paper);z-index:102;padding:8px 0 max(8px,env(safe-area-inset-bottom))}.os-volt .vg-mobile-dock a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--color-ink-2);font:600 13px var(--font-display);text-transform:uppercase;min-width:64px}.os-volt .vg-mobile-dock a:hover{color:var(--color-accent)}body.admin-bar.os-volt .vg-header{top:32px}}
@media(max-width:760px){.os-volt .vg-home{padding:var(--space-md)}.os-volt .vg-bento{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.os-volt .vg-bento>*{grid-column:1;grid-row:auto}.os-volt .vg-lead{order:0;min-height:410px}.os-volt .vg-lead>a{min-height:410px}.os-volt .vg-matches{order:1;min-height:0;padding:var(--space-md)}.os-volt .vg-news{order:2;padding:var(--space-md)}.os-volt .vg-tools{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.os-volt .vg-guides{order:4;padding:var(--space-md)}.os-volt .vg-lead-copy{padding:var(--space-lg)}.os-volt .vg-lead h2{font-size:36px}.os-volt .vg-match-row{grid-template-columns:88px minmax(0,1fr);min-height:80px}.os-volt .vg-team img{width:30px;height:30px}.os-volt .vg-team strong{font-size:24px}.os-volt .vg-tool{padding:var(--space-md);display:block;position:relative}.os-volt .vg-tool h2{font-size:29px}.os-volt .vg-tool b{font-size:15px}.os-volt .vg-tool p{font-size:13px}.os-volt .vg-tool-art{display:none}.os-volt .vg-tool .vg-button{padding:8px;font-size:13px;gap:4px}.os-volt .vg-tool .vg-button svg{width:14px}.os-volt .vg-section-head{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.os-volt .vg-section-head h2{font-size:29px}.os-volt .vg-section-head>a{font-size:14px;min-height:30px}.os-volt .vg-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.os-volt .vg-guide-grid h3{font-size:22px}.os-volt .vg-chips{gap:6px}.os-volt .vg-chips :is(a,button){padding:6px 12px;font-size:14px}.os-volt .vg-footer{padding:var(--space-xl) var(--space-md)}.os-volt .vg-news-row>a{grid-template-columns:64px minmax(0,1fr);gap:var(--space-sm)}.os-volt .vg-news-row img{width:64px;height:60px}.os-volt .vg-news-row .vg-icon{display:none}body.os-volt .os-single-wrap,body.os-volt .os-cal-shell{padding:var(--space-md)}body.os-volt .os-cal-board{padding:var(--space-md)}body.os-volt .os-cal-match-grid{grid-template-columns:minmax(0,1fr)}body.os-volt .os-calendar-teams{gap:8px}body.os-volt .os-calendar-logo{width:30px;height:30px}body.os-volt .os-calendar-logo img{width:30px;height:30px}body.os-volt .os-calendar-team{gap:6px}body.os-volt .os-breadcrumb-wrap{padding:var(--space-xs) var(--space-md)}body.os-volt .os-filters-form{gap:var(--space-sm)}body.os-volt .os-streamers-grid{grid-template-columns:minmax(0,1fr)}body.os-volt .os-streamers-hero{margin-bottom:var(--space-sm)}body.os-volt .os-article-title{font-size:38px}body.os-volt .os-article-content{font-size:16px}body.os-volt .os-article-content :is(.product-card,.hero-section,.container){max-width:100%;min-width:0}body.os-volt .os-calendar-score{min-width:40px}body.os-volt .os-calendar-team strong{font-size:13px}}
@media(max-width:520px){.os-volt .vg-search input{width:0;padding:0;background:var(--color-paper-2);transition:width var(--dur-short)}.os-volt .vg-search:focus-within{position:absolute;left:60px;right:12px;background:var(--color-paper)}.os-volt .vg-search:focus-within input{width:100%;padding:0 10px}.os-volt .vg-mobile-brand{margin-inline:auto}.os-volt .vg-wordmark{font-size:31px}.os-volt .vg-header{gap:4px}.os-volt .vg-search{margin-left:0}.os-volt .vg-lead h2{font-size:32px}.os-volt .vg-lead p{font-size:14px}.os-volt .vg-match-teams{gap:5px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.os-volt .vg-team{flex-direction:column!important;gap:5px}.os-volt .vg-team strong{font-size:22px}.os-volt .vg-tools{grid-template-columns:minmax(0,1fr)}.os-volt .vg-tool{display:flex}.os-volt .vg-tool-art{display:block;width:80px}.os-volt .vg-tool-art>.vg-icon{width:80px;height:80px}.os-volt .vg-tool p{max-width:24ch}.os-volt .vg-tool .vg-button{font-size:15px;padding:10px 12px}.os-volt .vg-lead-copy{padding:var(--space-md)}body.os-volt .os-article-content :is(.product-title,.main-title){font-size:23px!important}}
@media(prefers-reduced-motion:reduce){body.os-volt *,body.os-volt *::before,body.os-volt *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Hallmark · shared navigation and home signature · P4 H4 E4 S5 R5 V4 */
body.os-volt .vg-rail{padding-inline:16px}
body.os-volt .vg-brand{padding-left:8px}
body.os-volt .vg-nav-list>li{margin-bottom:12px}
body.os-volt .vg-nav-row{gap:0;border-radius:var(--radius-card);position:relative;min-height:48px}
body.os-volt .vg-nav-row>a{min-width:0;padding:8px;gap:10px;font:500 14px/1.4 var(--font-body);text-transform:none}
body.os-volt .vg-nav-row>a>.vg-icon{width:20px;height:20px}
body.os-volt .vg-current-section>.vg-nav-row{background:var(--color-paper-2)}
body.os-volt .vg-current-section>.vg-nav-row::before{content:"";position:absolute;left:-8px;top:14px;width:3px;height:20px;background:var(--color-accent);transform:skewY(-20deg)}
body.os-volt .vg-nav-row:hover{background:var(--color-paper-2)}
body.os-volt .vg-sub-toggle{display:grid;place-items:center;flex:0 0 36px;width:36px;height:44px;padding:8px;color:var(--color-ink)!important;background:var(--color-paper-2)!important;border-radius:var(--radius-button)}
body.os-volt .vg-sub-toggle:hover,body.os-volt .vg-sub-toggle[aria-expanded=true]{background:var(--color-paper-3)!important;color:var(--color-accent)!important}
body.os-volt .vg-sub{margin:8px 0 4px 18px;padding-left:18px;border-left:1px solid var(--color-rule)}
body.os-volt .vg-sub a{padding:9px 0;font-size:12px;white-space:nowrap}
body.os-volt .vg-search{gap:0;padding:3px;background:var(--color-paper-2);border-radius:var(--radius-card)}
body.os-volt .vg-search input{width:230px;background:none;font-size:13px;height:38px}
body.os-volt .vg-header .vg-search button{display:grid;place-items:center;width:38px;height:38px;padding:9px;background:var(--color-accent)!important;color:var(--color-accent-ink)!important;border-radius:var(--radius-button);box-shadow:none!important}
body.os-volt .vg-header .vg-search button svg{color:var(--color-accent-ink)!important;stroke:currentColor!important}
body.os-volt .vg-search button .vg-icon{width:20px;height:20px}
body.os-volt .vg-search:focus-within{box-shadow:0 0 0 1px var(--color-accent)}
body.os-volt .vg-button{font:500 13px/1.3 var(--font-body);text-transform:none;min-height:44px;padding:11px 14px;gap:14px}
body.os-volt .vg-button .vg-icon{padding-left:8px;box-sizing:content-box;border-left:1px solid currentColor;width:16px;height:16px}
body.os-volt :is(.vg-button,.vg-search button,.vg-sub-toggle):active{opacity:.75}
body.os-volt .vg-home-heading{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:8px 0 28px;margin:0}
body.os-volt .vg-home-heading::after{content:"";position:absolute;right:24%;top:0;width:130px;height:104px;background:var(--color-accent);mask:url(../assets/volt-signal.svg) center/contain no-repeat;opacity:.07;pointer-events:none;z-index:-1}
body.os-volt .vg-home-label{font:400 10px/1.4 var(--font-body);letter-spacing:1.5px;color:var(--color-accent)}
body.os-volt .vg-home-heading h1{font:600 clamp(36px,4vw,50px)/1.05 var(--font-display)!important;margin:10px 0 0;letter-spacing:0}
body.os-volt .vg-home-heading>p{max-width:36ch;font:400 14px/1.65 var(--font-body);color:var(--color-ink-2);margin:0}
body.os-volt .vg-section-note{font:400 13px/1.6 var(--font-body);color:var(--color-ink-2);margin:0 0 16px}
body.os-volt .vg-tool{position:relative}
body.os-volt .vg-tool-art{width:175px;flex:0 1 175px}
body.os-volt .vg-tool-art img{display:block;width:100%;height:auto;background:var(--color-transparent)!important;border:0!important;box-shadow:none!important}
body.os-volt .vg-tool h2{font-weight:600!important}
body.os-volt .vg-home-discover{margin-top:40px}
@media(max-width:900px){body.os-volt .vg-home-heading{align-items:flex-start;flex-direction:column;gap:14px}body.os-volt .vg-home-heading>p{max-width:55ch}body.os-volt .vg-discover-grid{grid-template-columns:minmax(0,1fr)}body.os-volt .vg-discover-grid article{padding:20px}body.os-volt .vg-discover-index{margin-bottom:12px}}
@media(max-width:760px){body.os-volt .vg-tools{grid-template-columns:minmax(0,1fr)}body.os-volt .vg-tool{display:flex}body.os-volt .vg-tool-art{display:block;width:115px;flex-basis:115px}body.os-volt .vg-tool .vg-button{font-size:12px;gap:8px;padding:10px}body.os-volt .vg-home-label{letter-spacing:.6px;font-size:9px}}
@media(max-width:520px){body.os-volt .vg-search input{width:0;padding:0}body.os-volt .vg-search:focus-within{left:60px;right:12px;background:var(--color-paper-2)}body.os-volt .vg-search:focus-within input{width:100%;padding:0 12px}body.os-volt .vg-search button{flex-shrink:0}body.os-volt .vg-tool-art{width:82px;flex-basis:82px}body.os-volt .vg-tool p{max-width:26ch}body.os-volt .vg-tool .vg-button .vg-icon{border:0;padding:0}body.os-volt .vg-home-heading::after{right:0}}

/* Home editorial access — Hallmark: P4 H4 E4 S5 R5 V4. Local SVG, no extra script. */
body.os-volt .vg-art{display:block;width:100%;height:auto;max-width:240px;flex-shrink:0}
body.os-volt .vg-art-accent{stroke:var(--color-accent)}
body.os-volt .vg-art-muted{stroke:var(--color-ink-2);opacity:.48}
body.os-volt .vg-discover-head h2,body.os-volt .vg-utilities h2{font:600 28px/1.1 var(--font-display)!important;letter-spacing:0;margin:0}
body.os-volt .vg-discover-head p{font:400 13px/1.6 var(--font-body);color:var(--color-ink-2);margin:0}
body.os-volt .vg-discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.os-volt .vg-discover-grid article{display:flex;flex-direction:column;min-width:0;background:var(--color-paper-2);border-radius:var(--radius-card);padding:20px}
body.os-volt .vg-discover-art{display:flex;justify-content:center;align-items:center;height:124px;margin-bottom:20px;background:var(--color-paper);border-radius:var(--radius-button)}
body.os-volt .vg-discover-art .vg-art{height:116px;width:auto;max-width:100%}
body.os-volt .vg-discover-grid h3{font:600 25px/1.15 var(--font-display)!important;margin:0 0 12px;overflow-wrap:anywhere}
body.os-volt .vg-discover-grid p{font:400 13px/1.7 var(--font-body);color:var(--color-ink-2);margin:0 0 24px}
body.os-volt .vg-action-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:6px 6px 6px 12px;background:var(--color-paper);border-radius:var(--radius-button);color:var(--color-ink);font:500 13px/1.2 var(--font-body);white-space:nowrap;margin-top:auto}
body.os-volt .vg-action-link>span{display:grid;place-items:center;width:32px;height:32px;background:var(--color-accent);color:var(--color-accent-ink);border-radius:2px;flex-shrink:0}
body.os-volt .vg-action-link .vg-icon{width:16px;height:16px}
body.os-volt .vg-utilities{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,2fr);gap:32px;padding:28px;background:var(--color-paper-2);border-radius:var(--radius-card);margin-top:32px;align-items:start}
body.os-volt .vg-utilities-intro{min-width:0}
body.os-volt .vg-utilities h2{margin:12px 0}
body.os-volt .vg-utilities-intro p{font:400 13px/1.7 var(--font-body);color:var(--color-ink-2);margin:0;max-width:30ch}
body.os-volt .vg-utilities-intro>.vg-art{margin-top:18px;max-width:190px}
body.os-volt .vg-utility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.os-volt .vg-utility-link{display:flex;align-items:center;gap:12px;padding:14px 12px;min-height:76px;min-width:0;border-radius:var(--radius-button);background:var(--color-paper);color:var(--color-ink)}
body.os-volt .vg-utility-symbol{display:grid;place-items:center;width:32px;flex-shrink:0;color:var(--color-accent)}
body.os-volt .vg-utility-symbol .vg-icon{width:24px;height:24px}
body.os-volt .vg-utility-copy{min-width:0}
body.os-volt .vg-utility-copy strong{display:block;font:500 13px/1.35 var(--font-body);white-space:nowrap}
body.os-volt .vg-utility-copy small{display:block;font:400 11px/1.4 var(--font-body);color:var(--color-ink-2);margin-top:5px;white-space:nowrap}
body.os-volt .vg-utility-arrow{color:var(--color-ink-2);margin-left:auto;display:flex;flex-shrink:0}
body.os-volt .vg-utility-arrow .vg-icon{width:16px;height:16px}
body.os-volt :is(.vg-action-link,.vg-utility-link){transition:background var(--dur-short),color var(--dur-short)}
body.os-volt :is(.vg-action-link,.vg-utility-link):hover{background:var(--color-paper-3);color:var(--color-accent)}
body.os-volt :is(.vg-action-link,.vg-utility-link):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}
body.os-volt :is(.vg-action-link,.vg-utility-link):active{opacity:.8}
@media(max-width:1200px){body.os-volt .vg-utilities{grid-template-columns:minmax(0,1fr)}body.os-volt .vg-utilities-intro>.vg-art{display:none}body.os-volt .vg-utilities-intro p{max-width:none}}
@media(max-width:900px){body.os-volt .vg-discover-grid{grid-template-columns:minmax(0,1fr)}body.os-volt .vg-discover-grid article{display:grid;grid-template-columns:140px minmax(0,1fr);column-gap:24px}body.os-volt .vg-discover-art{grid-column:1;grid-row:1/4;height:100%;min-height:128px;margin:0}body.os-volt .vg-discover-grid h3,body.os-volt .vg-discover-grid p,body.os-volt .vg-discover-grid a{grid-column:2}body.os-volt .vg-discover-grid p{margin-bottom:16px}}
@media(max-width:600px){body.os-volt .vg-discover-grid article{display:flex;padding:16px}body.os-volt .vg-discover-art{height:100px;min-height:100px;margin-bottom:18px}body.os-volt .vg-discover-art .vg-art{height:94px}body.os-volt .vg-utilities{padding:18px;gap:20px}body.os-volt .vg-utility-grid{grid-template-columns:minmax(0,1fr)}body.os-volt .vg-utility-link{gap:8px;padding:14px 10px}body.os-volt .vg-utility-copy strong{font-size:12px}body.os-volt .vg-utility-copy small{font-size:10px}body.os-volt .vg-utility-symbol{width:24px}body.os-volt .vg-discover-head h2,body.os-volt .vg-utilities h2{font-size:26px!important}}
/* Hallmark component refinement · P4 H4 E5 S4 R5 V4. Explicit mobile search states. */
body.os-volt .vg-search [hidden]{display:none!important}
body.os-volt .vg-search .vg-search-close-icon{display:none}
body.os-volt .vg-search.is-search-open .vg-search-close-icon{display:block}
body.os-volt .vg-search.is-search-open .vg-search-open-icon{display:none}
body.os-volt .vg-header .vg-search button{width:44px;height:44px;flex-shrink:0}
body.os-volt .vg-header .vg-search.is-search-open .vg-search-toggle{background:var(--color-paper-3)!important;color:var(--color-ink)!important}
body.os-volt .vg-header .vg-search.is-search-open .vg-search-toggle svg{color:var(--color-ink)!important}
body.os-volt .vg-search input{min-width:0;border:0!important;box-sizing:border-box}
body.os-volt .vg-search button:hover{filter:brightness(.92)}
body.os-volt .vg-search :is(input,button):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}
@media(max-width:520px){
 body.os-volt .vg-header .vg-search{position:absolute;left:60px;right:12px;background:var(--color-paper-2)}
 body.os-volt .vg-header .vg-search input{width:100%;height:44px;padding:0 12px;transition:none}
 body.os-volt .vg-header .vg-search.is-enhanced:not(.is-search-open){position:static;left:auto;right:auto;box-shadow:none}
 body.os-volt .vg-header .vg-search.is-search-open{gap:4px}
}
