.vc h2{margin-bottom:.6rem}.vc-big{align-items:center;gap:.6rem;max-width:none;margin:0;display:flex}.vc-big strong{font:700 2rem/1 var(--display)}.vc-facts{grid-template-columns:repeat(3,auto);justify-content:start;gap:.4rem 1rem;margin:.7rem 0 0;display:grid}.vc-facts>span{flex-direction:column;display:flex}.vc-facts small{color:var(--ink-soft);font-size:.75rem}.vc-facts b{font:500 .88rem var(--mono);color:var(--ink)}.vc-boxes{gap:.25rem;margin:.8rem 0 .4rem;display:flex}.vc-boxes button{border:1px solid var(--line);background:var(--paper);min-height:2.2rem;color:var(--ink-soft);font:600 .8rem var(--mono);cursor:pointer;flex:1}.vc-boxes button:hover{border-color:var(--accent);color:var(--ink)}.vc-boxes button.on{background:var(--accent);border-color:var(--accent);color:#fff}.vc-boxes button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.vc-note{margin:.5rem 0 0;font-size:.85rem}.vc:not(.vc-ask){grid-template-columns:minmax(0,1fr) 4.5rem;grid-template-areas:"title title""big boxes""facts boxes""note note";align-content:start;column-gap:1rem;display:grid}.vc:not(.vc-ask)>h2{grid-area:title}.vc:not(.vc-ask)>.vc-big{grid-area:big}.vc:not(.vc-ask)>.vc-facts{grid-area:facts;align-self:end}.vc:not(.vc-ask)>.vc-boxes{flex-direction:column;grid-area:boxes;margin:0}.vc:not(.vc-ask)>.vc-boxes button{flex:none}.vc:not(.vc-ask)>.vc-note{grid-area:note;margin-top:.8rem}.vc-ask{border:2px solid var(--accent);margin-bottom:1.2rem}.vc-intro{max-width:60ch;margin:0}.vc-options{gap:.5rem;margin-top:.9rem;display:grid}.vc-option{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);text-align:left;cursor:pointer;font:inherit;align-items:center;gap:.8rem;padding:.7rem .8rem;display:flex}.vc-option:hover{border-color:var(--accent)}.vc-option strong{font:700 1.1rem var(--display);flex:1}.vc-code{text-align:center;border:1px solid var(--line);min-width:2.6rem;font:600 .8rem var(--mono);color:var(--ink-soft);background:#fff;padding:.3rem 0}.vc-option.on .vc-code{background:var(--accent);border-color:var(--accent);color:#fff}.vc-option:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.vc.vc-many:not(.vc-ask){grid-template-areas:"title title""big big""facts facts""boxes boxes""note note"}.vc.vc-many:not(.vc-ask)>.vc-boxes{flex-flow:wrap;margin-top:.8rem}.vc.vc-many:not(.vc-ask)>.vc-boxes button{flex:4rem}
