.guide-hero {
  align-items: start;
}

.guide-facts {
  display: grid;
  gap: 0.8rem;
}

.guide-fact-card,
.quick-map-card,
.guide-layer-card,
.guide-checklist-card {
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--panel);
}

.guide-fact-card {
  padding: 0.95rem 1rem;
  background:
    linear-gradient(160deg, rgba(244, 184, 141, 0.09), transparent 40%),
    var(--panel-strong);
}

.guide-fact-card p:last-child {
  margin: 0;
  color: var(--text);
  line-height: 1.6;
}

.guide-section {
  margin-bottom: 1.35rem;
  padding: clamp(1.12rem, 2vw, 1.65rem);
}

.quick-map-grid,
.guide-sections-grid {
  display: grid;
  gap: 0.8rem;
}

.quick-map-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.quick-map-card,
.guide-layer-card {
  padding: 1.02rem;
}

.quick-map-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.55rem;
  align-items: start;
}

.quick-map-header h3 {
  margin: 0;
  font-family: "Bahnschrift SemiCondensed", "Aptos Display", "Trebuchet MS", sans-serif;
  font-size: 1.08rem;
  line-height: 1.16;
}

.quick-map-layer {
  display: inline-flex;
  align-items: center;
  padding: 0.22rem 0.58rem;
  border-radius: 999px;
  background: rgba(255, 244, 234, 0.08);
  color: var(--accent);
  font-size: 0.72rem;
}

.quick-map-card p {
  margin: 0.62rem 0 0;
  color: var(--muted);
  line-height: 1.6;
}

.guide-sections-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.guide-checklist-card {
  padding: 0.96rem 1rem;
}