@import url('/trending-tier-lists/clash-royale-tier-list-maker/clash-royale.css');

.warframe-page {
  --clash-gold: #5f93c7;
  --clash-blue: #6eb5d2;
  --clash-ink: #163047;
  --clash-paper: #f4f9fc;
}

.warframe-page .fast-food-intro h1,
.warframe-page .clash-section-heading h2,
.warframe-page .clash-faq h2,
.warframe-page .clash-related h2,
.warframe-page .clash-cta h2 {
  color: var(--clash-ink);
}

.warframe-page .clash-source-note,
.warframe-page .clash-tier-note,
.warframe-page .warframe-empty-reference {
  border-color: rgba(95, 147, 199, .35);
  background: rgba(235, 246, 252, .8);
}

.warframe-page .clash-reference-tier[data-tier="D"] .clash-reference-card-grid {
  min-height: 3rem;
}

.warframe-page .warframe-copy-grid,
.warframe-page .warframe-how-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.warframe-page .warframe-copy-card,
.warframe-page .warframe-how-card {
  padding: 1.15rem;
  border: 1px solid rgba(22, 48, 71, .12);
  border-radius: 1rem;
  background: rgba(255, 255, 255, .78);
}

.warframe-page .warframe-copy-card h3,
.warframe-page .warframe-how-card h3 {
  margin: 0 0 .45rem;
}

.warframe-page .warframe-copy-card p,
.warframe-page .warframe-how-card p {
  margin: 0;
}

.warframe-page .warframe-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}

.warframe-page .warframe-related-grid a {
  display: block;
  padding: 1rem;
  border: 1px solid rgba(22, 48, 71, .12);
  border-radius: .9rem;
  color: var(--clash-ink);
  background: #fff;
  text-decoration: none;
}

.warframe-page .warframe-related-grid a span {
  display: block;
  margin-top: .35rem;
  color: #587080;
  font-size: .9rem;
}

@media (max-width: 720px) {
  .warframe-page .warframe-copy-grid,
  .warframe-page .warframe-how-grid,
  .warframe-page .warframe-related-grid {
    grid-template-columns: 1fr;
  }
}