/* Athena product pages (landing + downloads). Layered on Docs/assets/docs.css —
   reuses its palette, nav, callouts, tables and code blocks; no sidebar shell. */
main.content.wide { margin: 0 auto; max-width: 1040px; }


.hero { padding: 24px 0 8px; }
.hero h1 { font-size: clamp(2.1rem, 5vw, 3rem); }
.btn-row { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0 8px; }
.btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 20px; border-radius: 10px; font-weight: 620; font-size: .95rem;
  border: 1px solid var(--line-2); color: var(--text); background: var(--panel);
}
.btn:hover { text-decoration: none; border-color: var(--teal); }
.btn.primary { background: var(--teal); border-color: var(--teal); color: #fff; }
.btn.primary:hover { background: var(--teal-bright); }
.btn[aria-disabled="true"] { opacity: .5; cursor: not-allowed; pointer-events: none; }

/* Step pickers (Zabbix-style): a row of segmented choices per step */
.step { margin: 28px 0 10px; }
.step-label {
  font-family: var(--mono); font-size: .72rem; font-weight: 700; letter-spacing: .15em;
  text-transform: uppercase; color: var(--text-faint); margin-bottom: 10px;
}
.choices { display: flex; flex-wrap: wrap; gap: 10px; }
.choices button {
  font: inherit; font-size: .93rem; font-weight: 600; cursor: pointer;
  padding: 10px 18px; border-radius: 10px;
  background: var(--bg-2); color: var(--text-dim); border: 1px solid var(--line-2);
}
.choices button:hover { color: var(--text); border-color: var(--teal); }
.choices button[aria-pressed="true"] {
  color: var(--teal-bright); border-color: var(--teal-bright); background: rgba(29,158,117,.1);
}
.choices button:focus-visible { outline: 2px solid var(--teal-bright); outline-offset: 2px; }

.dl-card {
  border: 1px solid var(--line); border-radius: var(--radius-lg);
  background: var(--bg-3); padding: 22px 24px; margin: 18px 0 24px;
}
.dl-card h3 { margin-top: 0 !important; }
.dl-meta { display: grid; grid-template-columns: max-content 1fr; gap: 6px 18px; margin: 12px 0 18px; font-size: .92rem; }
.dl-meta dt { color: var(--text-faint); }
.dl-meta dd { margin: 0; overflow-wrap: anywhere; }
.dl-meta code { font-size: .8rem; }

/* Marks values that are not real yet (no published build) */
.ph {
  display: inline-block; font-family: var(--mono); font-size: .68rem; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; padding: 2px 7px; border-radius: 6px;
  color: #d6a44a; border: 1px dashed #d6a44a; vertical-align: middle;
}

@media (max-width: 640px) {
  main.content.wide { padding-left: 16px; padding-right: 16px; }
  .dl-card { padding: 18px 16px; }
  .dl-meta { grid-template-columns: 1fr; gap: 2px; }
  .dl-meta dd { margin-bottom: 8px; }
}