.de-split{border:1px solid var(--line-strong);background:var(--surface);border-radius:.5rem;grid-template-columns:1fr 1fr;width:100%;max-width:18rem;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 1.2rem 3rem -1.7rem #0009}.de-half{flex-direction:column;gap:.5rem;min-height:11rem;padding:1.1rem .9rem;display:flex}.de-half--design{border-right:1px solid var(--line-strong);background:linear-gradient(160deg,#1a258d47,#c41e1e24)}.de-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:.5rem}.de-swatch{border-radius:.2rem;height:1.1rem}.de-swatch--a{background:var(--red)}.de-swatch--b{background:var(--bright-blue);width:70%}.de-swatch--c{background:var(--line-strong);width:50%}.de-code{font-family:var(--mono);color:var(--ink-dim);font-size:.55rem;line-height:1.7}.de-code .de-tok{color:var(--red)}.de-code .de-tok2{color:#6d9eeb}.ad{border:1px solid var(--line-strong);background:var(--surface);padding:2rem 1.4rem;position:relative}.ad-svg{width:calc(100% - 2.8rem);height:1.5rem;position:absolute;top:2.8rem;left:1.4rem;right:1.4rem}.ad-line{filter:drop-shadow(0 0 .3rem #c41e1e66)}.ad-nodes{grid-template-columns:repeat(4,1fr);gap:.8rem;margin:0;padding:0;list-style:none;display:grid;position:relative}@media (max-width:760px){.ad-svg{display:none}.ad-nodes{grid-template-columns:1fr 1fr}}.ad-node{text-align:center;flex-direction:column;align-items:center;gap:.4rem;display:flex}.ad-node-dot{background:var(--bg);border:.1rem solid var(--red);width:1.8rem;height:1.8rem;font-family:var(--mono);color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;display:inline-flex}.ad-node-k{font-family:var(--sans);color:var(--white);font-size:.75rem;font-weight:600}.ad-node-d{font-family:var(--mono);color:var(--ink-faint);font-size:.55rem}