/* HawkView.co - Download page */

.dl-cards{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; max-width:860px; margin:0 auto 28px; }
.dl-card{ position:relative; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:30px; }
.dl-card.is-primary{ border-color:rgba(110,100,219,.55); box-shadow:0 0 0 1px rgba(110,100,219,.25), 0 20px 50px rgba(110,100,219,.12); }
.dl-badge{ position:absolute; top:-11px; left:24px; background:var(--primary); color:#fff; font-size:11.5px; font-weight:700;
  letter-spacing:.04em; padding:4px 11px; border-radius:999px; }
.dl-card h2{ font-size:20px; margin-bottom:6px; }
.dl-card .dl-desc{ color:var(--muted); font-size:14px; margin-bottom:18px; min-height:40px; }
.dl-meta{ color:var(--dim); font-size:13px; margin-top:14px; }
.dl-meta code{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11.5px; color:var(--muted);
  word-break:break-all; display:block; margin-top:6px; }
.dl-card .btn{ width:100%; }

.version-tag{ display:inline-flex; align-items:center; gap:8px; background:var(--surface-2); border:1px solid var(--border);
  border-radius:999px; padding:6px 14px; font-size:13px; color:var(--muted); margin:0 auto 30px; }
.version-tag .dot{ width:7px; height:7px; border-radius:50%; background:#4caf50; }
.version-tag b{ color:var(--text); }

.os-note{ display:none; max-width:760px; margin:0 auto 26px; padding:14px 18px; border-radius:12px;
  background:rgba(74,158,255,.10); border:1px solid rgba(74,158,255,.30); color:#bcd8ff; font-size:14px; text-align:center; }
.os-note.is-visible{ display:block; }

.dl-section{ max-width:760px; margin:46px auto 0; }
.dl-section h2{ font-size:22px; margin-bottom:16px; }
.dl-list-item{ display:flex; align-items:center; justify-content:space-between; gap:16px;
  background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:14px 18px; margin-bottom:10px; }
.dl-list-version{ font-weight:600; }
.dl-list-meta{ color:var(--muted); font-size:13px; margin-left:10px; }

.dl-requirements ul{ list-style:none; display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.dl-requirements li{ background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:14px 18px; color:#c9c9d2; font-size:14.5px; }
.dl-changelog ul{ margin-left:20px; color:#c9c9d2; }
.dl-changelog li{ margin-bottom:8px; }
.dl-empty{ text-align:center; color:var(--muted); padding:40px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); max-width:600px; margin:0 auto; }

@media (max-width:760px){
  .dl-cards{ grid-template-columns:1fr; }
  .dl-requirements ul{ grid-template-columns:1fr; }
}