.example-box{margin:28px 0;padding:22px;background:var(--surface);border:1px solid rgba(0,229,255,.28);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.example-box h3{margin:0 0 8px;color:var(--text);font-family:"Space Mono",monospace;font-size:19px}
.example-box p:last-child{margin-bottom:0}
.mini-unit{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;max-width:500px;margin:18px auto;padding:4px;background:rgba(229,231,235,.12)}
.mini-unit span{display:grid;place-items:center;aspect-ratio:1;background:#111827;color:var(--text);font:700 clamp(13px,3vw,19px) "Space Mono",monospace}
.mini-unit .target{outline:2px solid var(--cyan);background:rgba(0,229,255,.12);color:var(--cyan)}
.candidate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:330px;margin:18px auto}
.candidate-cell{min-height:78px;padding:10px;border:1px solid var(--border);background:#111827;color:var(--muted);font:700 15px "Space Mono",monospace;text-align:center}
.candidate-cell strong{display:block;color:var(--cyan);font-size:23px}
.checklist{margin:26px 0;padding:20px 22px;background:rgba(0,255,170,.055);border-left:3px solid #00ffaa}
.checklist li+li{margin-top:7px}
.next-steps{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:32px;padding:18px 20px;background:rgba(0,229,255,.05);border:1px solid rgba(0,229,255,.2);font-size:16px}
.next-steps strong{color:var(--text)}
.next-steps a{font-weight:700}
@media(max-width:520px){.example-box{padding:18px}.mini-unit span{font-size:13px}.next-steps{align-items:flex-start;flex-direction:column}}