.dc-expect{max-width:1200px;margin:10px auto 0;display:grid;grid-template-columns:1fr 150px 1.4fr;gap:0;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.dc-expect>div{padding:10px 14px;border-right:1px solid var(--line)}.dc-expect label{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:5px}.dc-expect label small{letter-spacing:0;text-transform:none}.dc-expect input,.dc-expect select{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.dc-expect p{margin:auto 14px;color:var(--muted);font-size:11px;line-height:1.4}.dc-match{padding:8px 16px;font-size:12px;font-weight:700;border-top:1px solid var(--line)}.dc-match.is-pass{color:var(--accent);background:rgba(57,242,166,.06)}.dc-match.is-fail{color:#ff9898;background:rgba(255,120,120,.05)}.dc-trace{margin-top:16px;border-top:1px solid var(--line);padding-top:20px}.dc-trace h3{margin:3px 0}.dc-trace-note{color:var(--muted);font-size:12px}.dc-trace>div{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:13px}.dc-trace>div span{color:var(--accent2);font-family:ui-monospace,monospace;word-break:break-word}@media(max-width:900px){.dc-expect{grid-template-columns:1fr 140px}.dc-expect p{grid-column:1/-1;border-top:1px solid var(--line);padding:10px 0}}@media(max-width:620px){.dc-expect{grid-template-columns:1fr}.dc-expect>div{border-right:0;border-bottom:1px solid var(--line)}.dc-trace>div{grid-template-columns:1fr}}