/* 공개 데이터 (2026-10-07 · tools/gen_data.py) — 내려받기 카드 · 위젯 미리보기 */
.dt-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.dt-card h3, .dt-embed h3 { margin: 0; font-size: 17px; }
.dt-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.dt-dl { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: var(--navy); color: #fff; font-weight: 700; font-size: 14px; white-space: nowrap; }
.dt-dl:hover { background: var(--blue); text-decoration: none; }
.dt-dl span { font-weight: 500; font-size: 12.5px; opacity: .85; }
.dt-card p { margin: 0 0 6px; }
.dt-card details summary { cursor: pointer; font-size: 14px; color: var(--blue-text); }
.dt-cols { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.dt-cols code { padding: 2px 8px; border-radius: 4px; background: var(--tint-2); border: 1px solid var(--line-2); font-size: 13px; }
.dt-embed { display: grid; gap: 10px; margin-top: 12px; }
.dt-embed iframe { width: 100%; max-width: 640px; border: 0; }
.dt-embed textarea { width: 100%; font: 12.5px/1.5 ui-monospace, Consolas, monospace; padding: 8px; border: 1px solid var(--line); border-radius: 6px; resize: vertical; color: var(--text-2); }
.dt-embed .link-btn { justify-self: start; }