/* Revision 05: a quiet introduction panel; navigation and screenshot sizing stay unchanged. */
.platform-stage .platform-copy {
  background: #fafbf9;
  border: 1px solid #d4ddd7;
  box-shadow: none;
}
.platform-copy h3::before {
  content: '';
  display: block;
  width: 36px;
  height: 3px;
  margin-bottom: 16px;
  background: var(--blue);
}
.platform-copy .platform-meta p {
  color: #5c7078;
  font-size: 12px;
  letter-spacing: .06em;
}
.platform-copy > p { color: #435d67; }
.platform-highlights h4 {
  margin-bottom: 10px;
  color: #62767b;
  letter-spacing: .02em;
}
.platform-highlights ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.platform-highlights li {
  max-width: 100%;
  padding: 5px 11px;
  border-radius: 4px;
  background: #eaf0ef;
  color: #2f5561;
  font-weight: 500;
  line-height: 1.4;
}
.platform-highlights li::before { content: none; }
.platform-controls {
  margin-top: 12px;
  padding-top: 9px;
  border-top: 1px solid #d9e2dd;
}
.platform-controls .platform-actions > a:not(.is-disabled) {
  background: #0c2636;
  border-color: #0c2636;
}
.platform-controls .platform-actions > a:not(.is-disabled):hover {
  background: #174b62;
  border-color: #174b62;
}
.platform-controls .platform-actions > button {
  background: #fafbf9;
  border-color: #a9bab8;
  color: #284956;
}
.platform-controls .platform-actions > button:hover {
  background: #eaf0ef;
  border-color: #657f84;
}
.platform-controls .platform-pagination {
  padding-top: 0;
  border-top: 0;
}
.platform-controls .platform-pagination button {
  background: transparent;
  border-color: #c0ceca;
}
.platform-controls .platform-pagination button:hover {
  background: #eaf0ef;
  border-color: #7c9599;
  color: #173f50;
}
@media (max-width: 700px) {
  .platform-highlights li { padding-inline: 10px; }
}