.platform-downloads {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 20px;
}
.platform-downloads .platform-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  min-height: 132px;
  padding: 16px 6px;
  border: 1px solid #536176;
  border-radius: 12px;
  background: #18212e;
  color: #f5f7fb;
  font: inherit;
  line-height: 1.4;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
}
.platform-downloads .platform-android {
  background: var(--accent, #ff7a18);
  border-color: var(--accent, #ff7a18);
  color: #150b03;
}
.platform-button svg { width: 30px; height: 30px; fill: currentColor; }
.platform-button strong { font-size: 16px; }
.platform-button small { font-size: 12px; }
.platform-button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.platform-button:hover { filter: brightness(1.12); }
.platform-button:active { transform: translateY(1px); }
#download { scroll-margin-top: 240px; }

.platform-downloads { align-items: start; }
.platform-option { min-width: 0; margin: 0; border: 0; padding: 0; background: transparent; }
.platform-option summary { list-style: none; }
.platform-option summary::-webkit-details-marker { display: none; }
.platform-option p { padding: 12px; line-height: 1.6; font-size: 13px; color: #c6ced8; }
.platform-option[open] summary { border-color: var(--accent, #ff7a18); }
.draft-banner { padding: 10px 20px; background: #ffd68a; color: #201605; font: 600 14px/1.6 sans-serif; text-align: center; }
@media(max-width:360px) { .platform-downloads { gap: 6px; } .platform-button strong { font-size: 13px; } .platform-button small { font-size: 11px; } }