.dc-code{font-family:var(--mono);font-weight:500;white-space:nowrap}
.dc-list{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
.dc-list a{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:48px;padding:8px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);font-weight:600;line-height:1.25}
.dc-list a:hover{border-color:var(--accent)}.dc-list a span{font-family:var(--mono);color:var(--accent);white-space:nowrap}
.dc-steps{counter-reset:s;list-style:none;padding:0}.dc-steps li{counter-increment:s;position:relative;padding:4px 0 4px 44px;min-height:40px}
.dc-steps li::before{content:counter(s);position:absolute;left:0;top:2px;width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700}
.dc-now{color:var(--soft);font-size:.92rem}
input[type=tel]{width:100%;min-height:46px;padding:10px 12px;font:inherit;font-size:1rem;color:var(--ink);background:var(--field);border:1px solid var(--field-line);border-radius:10px}
.dc-empty{color:var(--soft);padding:10px 2px}
@media print{.dc-list a{border:0;min-height:0;padding:2px 0}}