/* Hallmark · macrostructure: Ecosystem Index · genre: industrial editorial · theme: existing HELPER tokens
   Navy anchor, orange detail; real process frames, featured factory + searchable topic index.
   nav: N11 existing tiered mega-menu · footer: Ft3 existing site index · no decorative icons.
   pre-emit critique: P5 H4 E4 S5 R5 V4 · tokens inherited, not redefined. */
html,body{overflow-x:clip}
body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);line-height:1.6}
.vc{font-family:var(--font-body);color:var(--color-ink)}
.vc *{box-sizing:border-box;min-width:0}
.vc [hidden]{display:none!important}
.vc-wrap{max-width:var(--layout-max);margin-inline:auto;padding-inline:var(--space-lg)}
.vc h1,.vc h2,.vc h3,.vc-related h2{font-family:var(--font-display);font-style:normal;overflow-wrap:anywhere;line-height:1.1}
.vc h1{font-size:var(--text-3xl);margin:0 0 var(--space-md);letter-spacing:-.025em}
.vc h2{font-size:var(--text-2xl);margin:0 0 var(--space-md)}
.vc h3{font-size:var(--text-xl);margin:0 0 var(--space-sm)}
.vc p{max-width:70ch;margin:0 0 var(--space-md)}
.vc a,.vc-related a{color:var(--color-link);text-underline-offset:.2em}
.vc a:hover,.vc-related a:hover{text-decoration-thickness:2px}
.vc a:focus-visible,.vc button:focus-visible,.vc input:focus-visible,.vc summary:focus-visible,.vc video:focus-visible,.vc-related a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}
.vc a:active{color:var(--color-ink)}
.vc-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);padding-block:var(--space-md);font-size:var(--text-sm)}
.vc-crumb a,.vc-link,.vc-button{white-space:nowrap}
.vc-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-xl);align-items:center;padding-block:var(--space-lg) var(--space-2xl)}
.vc-hero figure{margin:0}
.vc-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.vc-hero figcaption{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:var(--space-sm);padding-block:var(--space-sm);font-size:var(--text-sm)}
.vc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-block:var(--space-lg)}
.vc-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--space-sm) var(--space-md);background:var(--color-navy);color:var(--color-paper)!important;text-decoration:none;line-height:1}
.vc-button:hover{background:var(--color-navy-deep)}
.vc-button:active{background:var(--color-ink)}
.vc-index-note,.vc-card-meta,.vc-video-meta{font-size:var(--text-sm);color:var(--color-muted);font-variant-numeric:tabular-nums}
.vc-browse{padding-block:var(--space-xl);border-top:1px solid var(--color-rule)}
.vc-tools{margin-block:var(--space-lg)}
.vc-filters{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}
.vc button{font:inherit;cursor:pointer;min-height:44px;line-height:1;white-space:nowrap;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-rule-strong);background:var(--color-paper);color:var(--color-ink)}
.vc button:hover{border-color:var(--color-ink);background:var(--color-paper-2)}
.vc button[aria-pressed=true]{background:var(--color-navy);border-color:var(--color-navy);color:var(--color-paper)}
.vc button:active{background:var(--color-paper-3);color:var(--color-ink)}
.vc button:disabled{opacity:.55;cursor:not-allowed}
.vc-search{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center;max-width:45rem}
.vc-search label{width:100%;font-weight:600}
.vc-search input{flex:1;min-width:12rem;min-height:44px;border:1px solid var(--color-rule-strong);outline:2px solid transparent;outline-offset:1px;padding:var(--space-xs) var(--space-sm);font:inherit;color:var(--color-ink);background:var(--color-paper)}
.vc-search input:hover{border-color:var(--color-ink)}
.vc-search input::placeholder{color:var(--color-muted)}
.vc-result{font-size:var(--text-sm);min-height:1.6em;color:var(--color-muted)}
.vc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl) var(--space-lg)}
.vc-card{border-bottom:1px solid var(--color-rule);padding-bottom:var(--space-lg)}
.vc-card img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:contain;background:var(--color-navy-deep);margin-bottom:var(--space-md)}
.vc-card p{max-width:65ch}
.vc-card .vc-card-meta{margin-bottom:var(--space-xs)}
.vc-link{display:inline-block;min-height:44px;padding-block:var(--space-xs);font-weight:600}
.vc-archive{padding-block:var(--space-xl);border-block:1px solid var(--color-rule)}
.vc summary{cursor:pointer;min-height:44px;padding-block:var(--space-sm);font-weight:600;color:var(--color-ink)}
.vc summary:hover{color:var(--color-link)}
.vc-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);padding-block:var(--space-lg)}
.vc-archive-grid article{border-bottom:1px solid var(--color-rule);padding-bottom:var(--space-md)}
.vc-archive-grid h3{font-size:var(--text-lg)}
.vc-detail-head{max-width:75ch;padding-block:var(--space-lg) var(--space-xl)}
.vc-detail-head h1{font-size:clamp(2rem,4vw,3.6rem)}
.vc-player{background:var(--color-navy-deep);color:var(--color-paper);width:100%;display:flex;justify-content:center}
.vc-player video{width:100%;height:auto;max-height:42rem;display:block;object-fit:contain;aspect-ratio:16/9}
.vc-player--vertical video{aspect-ratio:9/16;width:auto;max-width:100%;height:min(70vh,38rem)}
.vc-video-meta{padding-block:var(--space-xs)}
.vc-observations{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-xl);padding-block:var(--space-xl)}
.vc li{margin-bottom:var(--space-xs)}
.vc-support{padding-block:var(--space-lg);border-top:1px solid var(--color-rule)}
.vc-clip{border-bottom:1px solid var(--color-rule);padding-block:var(--space-xs)}
.vc-clip>summary{display:list-item;font-size:var(--text-lg)}
.vc-clip>summary span{font-size:var(--text-sm);font-weight:400;color:var(--color-muted);display:block}
.vc-transcript{margin-block:var(--space-md)}
.vc-transcript p{white-space:pre-line}
.vc-next{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--space-xl);padding:var(--space-xl) var(--space-lg);background:var(--color-paper-2);margin-block:var(--space-xl)}
.vc-next ul{padding-left:var(--space-md)}
.vc-disclosure{font-size:var(--text-sm);color:var(--color-muted);padding-block:var(--space-md)}
.vc-home{padding-top:var(--space-lg)}
.vc-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}
.vc-home .vc-card h3{font-size:var(--text-lg)}
.vc-home .vc-card p:not(.vc-card-meta){font-size:var(--text-sm)}
.vc-related{max-width:var(--layout-max);margin:var(--space-xl) auto;padding:var(--space-lg);border-top:1px solid var(--color-rule);font-family:var(--font-body);color:var(--color-ink);background:var(--color-paper)}
.vc-related h2{font-size:var(--text-2xl);margin-bottom:var(--space-md)}
@media(max-width:48rem){.vc-wrap{padding-inline:var(--space-sm)}.vc-hero,.vc-observations,.vc-next{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.vc-hero{padding-block:var(--space-sm) var(--space-xl)}.vc h1{font-size:clamp(2.3rem,7vw,3.5rem)}.vc-grid,.vc-archive-grid,.vc-home-grid{grid-template-columns:minmax(0,1fr)}.vc-next{padding:var(--space-lg) var(--space-sm)}.vc-detail-head h1{font-size:clamp(2rem,7vw,3rem)}.vc-search input{width:100%;flex-basis:100%}.vc-player--vertical video{height:min(65vh,36rem)}.vc-filters{gap:var(--space-xs)}.vc-filters button{font-size:var(--text-sm)}}
@media(prefers-reduced-motion:reduce){.vc *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}