.approval-viz{border-top:1px solid var(--rule);color:var(--color-ink);background:#fff}.approval-viz__inner{max-width:1720px;padding:clamp(4rem, 6vw, 6rem) var(--gutter) clamp(3rem, 4vw, 4rem);margin-inline:auto}.approval-viz__heading{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.approval-viz__heading .eyebrow{color:var(--color-ultra)}.approval-viz__heading h2{font-family:var(--font-display);letter-spacing:-.045em;margin-top:1.3rem;font-size:clamp(1.65rem,3.15vw,3.4rem);font-weight:400;line-height:1.25}.approval-viz__heading>p{color:#666;font-size:.8rem;line-height:1.8}.approval-viz__figure{margin-top:clamp(2.5rem,4.5vw,5rem)}.approval-viz__viewport{position:relative;overflow:hidden}.approval-viz__instrument{z-index:1;pointer-events:none;letter-spacing:.08em;text-transform:uppercase;color:#777;justify-content:space-between;gap:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;line-height:1.6;display:flex;position:absolute;inset:1.2rem 1.4rem auto}.approval-viz__instrument>span:first-child{align-items:center;gap:.65rem;display:inline-flex}.approval-viz__instrument i{background:var(--color-ultra);width:4px;height:4px}.approval-viz__canvas{width:100%;height:clamp(370px,43vw,660px);display:block}.approval-viz__corner{pointer-events:none;border-style:solid;border-color:#ccc;width:12px;height:12px;position:absolute}.approval-viz__corner--tl{border-width:1px 0 0 1px;top:0;left:0}.approval-viz__corner--tr{border-width:1px 1px 0 0;top:0;right:0}.approval-viz__corner--bl{border-width:0 0 1px 1px;bottom:0;left:0}.approval-viz__corner--br{border-width:0 1px 1px 0;bottom:0;right:0}.approval-viz__legend{border-block:1px solid var(--rule);grid-template-columns:1fr 1.45fr 1fr;gap:1.5rem;margin-top:2rem;padding-block:1.3rem;display:grid}.approval-viz__legend>div:nth-child(2){padding-left:1rem}.approval-viz__legend>div:last-child{text-align:right}.approval-viz__legend span{letter-spacing:.11em;text-transform:uppercase;color:#777;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem}.approval-viz__legend p{margin-top:.5rem;font-size:.8rem;font-weight:500;line-height:1.6}.approval-viz__caption{color:#777;justify-content:space-between;align-items:center;gap:2rem;margin-top:1.3rem;font-size:.65rem;line-height:1.8;display:flex}.approval-viz__caption p{max-width:80ch}.approval-viz__caption p>span{color:#888;display:block}.approval-viz__play{color:#555;cursor:pointer;flex:none;align-items:center;gap:.5rem;min-height:44px;padding:.5rem .7rem;font-size:.67rem;display:inline-flex}.approval-viz__play:hover{color:var(--color-ultra)}.approval-viz__play svg{width:18px;height:18px}@media (max-width:900px){.approval-viz__heading{display:block}.approval-viz__heading>p{margin-top:1.2rem}}@media (max-width:600px){.approval-viz__figure{margin-top:2.2rem}.approval-viz__canvas{height:490px}.approval-viz__instrument{font-size:.49rem;inset:1rem .8rem auto}.approval-viz__instrument>span:last-child{display:none}.approval-viz__legend{grid-template-columns:1fr 1.3fr 1fr;gap:.8rem;margin-top:1.5rem}.approval-viz__legend>div:nth-child(2){padding-left:0}.approval-viz__legend p{font-size:.65rem}.approval-viz__legend span{letter-spacing:.06em;font-size:.5rem}.approval-viz__caption{align-items:flex-start;gap:.8rem;font-size:.6rem}.approval-viz__caption p{max-width:35ch}.approval-viz__play{padding-right:0;font-size:.6rem}}
