/* 문제: 옛 download 면이 기업·가짜 IPA 슬롯 /
   이유: 사령관 — 핸드폰용·데스크톱용 나누고 Apple 사용자 /
   수정: Soft 회사면 카드 · 지금 이 기기 강조 · PWA 단계 */
.dl-now {
  margin: 0 0 22px;
  padding: 16px 18px;
  border: 1px solid var(--gold-line, #d4b45a);
  border-radius: 14px;
  background: #fffdf6;
}
.dl-now p { margin: 0 0 10px; color: var(--ink-2, #334); }
.dl-now .dl-now-os { font-weight: 800; color: var(--navy, #0a1628); }
.dl-device-tabs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 8px 0 18px;
}
.dl-device-tabs button {
  min-height: 48px;
  padding: 0 22px;
  border: 1px solid var(--line, #e4dcc8);
  background: #fff;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  color: var(--navy, #0a1628);
}
.dl-device-tabs button.is-active {
  background: var(--dj-gold, #d4b45a);
  color: #0a1628;
  border-color: var(--dj-gold, #d4b45a);
}
.dl-os-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}
.dl-card {
  border: 1px solid var(--line, #e4dcc8);
  border-radius: 16px;
  padding: 22px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 220px;
}
.dl-card.is-you {
  border-color: var(--dj-gold, #d4b45a);
  box-shadow: 0 10px 28px rgba(13, 43, 110, 0.08);
}
.dl-card .os {
  font-size: 12px;
  letter-spacing: 0.12em;
  font-weight: 800;
  color: var(--dj-gold-deep, #8d6b24);
  text-transform: uppercase;
}
.dl-card strong { font-size: 18px; color: var(--navy, #0a1628); }
.dl-card .note { font-size: 14px; color: var(--ink-2, #445); flex: 1; line-height: 1.55; margin: 0; }
.dl-card .dl-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.dl-btn, .dl-card a.btn-primary, .dl-card a.btn-ghost, .dl-card button.dl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 16px;
  border-radius: 2px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
}
.dl-btn-main, .dl-card a.btn-primary {
  background: var(--dj-gold, #d4b45a);
  color: #0a1628 !important;
  border-color: var(--dj-gold, #d4b45a);
}
.dl-btn-ghost, .dl-card a.btn-ghost {
  background: #fff;
  color: var(--navy, #0a1628) !important;
  border-color: var(--gold-line, #d4b45a);
}
.dl-btn[disabled], .dl-btn.is-wait {
  opacity: 0.65;
  pointer-events: none;
  cursor: not-allowed;
  background: #f3eee4;
  color: #666 !important;
  border-color: #e4dcc8;
}
.dl-steps {
  margin-top: 8px;
  padding: 10px 12px;
  background: #f7f4ea;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--ink-2, #334);
}
.dl-steps ol { margin: 6px 0 0; padding-left: 1.2em; }
.dl-hint { margin-top: 20px; font-size: 13px; color: var(--ink-3, #667); }
@media (max-width: 640px) {
  .dl-device-tabs button { flex: 1 1 140px; }
  .dl-card .dl-actions { flex-direction: column; }
  .dl-card .dl-actions a, .dl-card .dl-actions button { width: 100%; }
}