.platform-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 28px;
  font-family: Inter, system-ui, sans-serif;
  color: #172033;
  background: #f4f6f9;
}

.platform-shell-wide { align-items: start; }
.platform-card { width: min(100%, 720px); margin-top: 7vh; padding: 32px; border: 1px solid #e4e7ec; border-radius: 14px; background: #fff; box-shadow: 0 4px 18px #10182814; }
.platform-card h1 { margin: 4px 0 10px; }
.platform-card > p:not(.eyebrow) { color: #475467; line-height: 1.55; }
.eyebrow { margin: 0; color: #667085; font-size: .75rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.entrypoint-grid, .garage-list { display: grid; gap: 14px; margin-top: 24px; }

.dev-link {
  display: block;
  padding: 11px 14px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  color: #163b68;
  background: #fff;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.dev-link small { display: block; margin-top: 3px; color: #667085; font-size: .78rem; font-weight: 500; }
.dev-link-primary small { color: #dbeafe; }

.dev-link:hover,
.dev-link:focus-visible {
  border-color: #2563a8;
  outline: 3px solid rgba(37, 99, 168, .18);
  outline-offset: 2px;
}

.dev-link-primary {
  border-color: #2563a8;
  color: #fff;
  background: #2563a8;
}

.garage-entry { padding: 18px; border: 1px solid #e4e7ec; border-radius: 10px; }
.garage-entry h2 { margin: 0 0 12px; font-size: 1.05rem; }
.garage-actions { display: flex; gap: 10px; }
.garage-actions .dev-link { flex: 1; }
.empty-entrypoints { padding: 18px; border-radius: 8px; background: #f8fafc; }
.platform-back { margin: 22px 0 0; font-size: .9rem; }
.platform-back a { color: #175cd3; }

@media (max-width: 560px) {
  .platform-shell { padding: 16px; }
  .platform-card { margin-top: 2vh; padding: 22px; }
  .garage-actions { flex-direction: column; }
}