.page-grid {
  display: grid;
  gap: 0.85rem;
}

.kpi-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}

.kpi-card {
  padding: 0.85rem;
}

.kpi-card h3 {
  font-size: 1.05rem;
}

.kpi-card p {
  margin-top: 0.3rem;
  color: var(--muted);
}

.info-list {
  margin: 0.5rem 0 0;
  padding-left: 1rem;
}

.info-list li {
  color: var(--muted);
}

.info-list li + li {
  margin-top: 0.25rem;
}

.logo-frame {
  min-height: 260px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 18% 15%, rgba(76, 166, 255, 0.2), transparent 46%),
    linear-gradient(165deg, rgba(17, 32, 58, 0.92), rgba(10, 18, 34, 0.95));
}

.logo-frame img {
  width: min(320px, 82%);
  height: auto;
}

.placeholder-note {
  text-align: center;
  color: var(--muted);
  font-size: 0.92rem;
}

.quick-links-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
}

.latest-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
}

.detail-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 0.8rem;
}

.sidebar-box {
  display: grid;
  gap: 0.7rem;
}

.sidebar-box h3 {
  margin-bottom: 0.25rem;
}

.roadmap-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
}

.roadmap-card h3 {
  margin-bottom: 0.35rem;
}

.social-summary {
  color: var(--muted);
  font-size: 0.94rem;
}

.discord-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.8rem;
}

.discord-rules {
  margin: 0.5rem 0 0;
  padding-left: 1rem;
}

.discord-rules li {
  color: var(--muted);
}

.discord-rules li + li {
  margin-top: 0.3rem;
}

.editor-only {
  display: none;
}

.role-editor .editor-only,
.role-admin .editor-only {
  display: block;
}

@media (max-width: 1120px) {
  .kpi-row,
  .quick-links-grid,
  .latest-grid,
  .roadmap-grid,
  .discord-grid {
    grid-template-columns: 1fr;
  }

  .detail-grid {
    grid-template-columns: 1fr;
  }
}