/* ===== GUIDES PAGE STYLES ===== */
.guides-library .container {
  max-width: 1280px;
}

.guides-filter {
  margin-bottom: 48px;
}

.guides-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.guide-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
}
.guide-card:hover {
  transform: translateY(-4px);
  border-color: rgba(118, 230, 216, 0.25);
}

.guide-card__header {
  position: relative;
  padding: 32px 24px 28px;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.guide-card__header--managed-it {
  background: linear-gradient(135deg, #155065 0%, #00b19b 100%);
}
.guide-card__header--cyber {
  background: linear-gradient(135deg, #1b3a6b 0%, #0f4c5c 100%);
}

.guide-card__watermark {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  opacity: 0.15;
  object-fit: contain;
}

.guide-card__category {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(255,255,255,0.8);
  margin-bottom: 8px;
}

.guide-card__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
  color: #ffffff;
}

.guide-card__body {
  padding: 20px 24px 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.guide-card__desc {
  font-size: 14px;
  color: #bcbfcc;
  line-height: 1.6;
  margin-bottom: 20px;
  flex: 1;
}

.guide-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.guide-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 50px;
  letter-spacing: 0.3px;
}
.guide-card__badge--guide {
  background: rgba(118, 230, 216, 0.12);
  color: #76e6d8;
}
.guide-card__badge--playbook {
  background: rgba(139, 92, 246, 0.12);
  color: #a78bfa;
}
.guide-card__badge--whitepaper {
  background: rgba(59, 130, 246, 0.12);
  color: #60a5fa;
}

.guide-card__badge svg {
  width: 14px;
  height: 14px;
}

.guide-card__download {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #76e6d8;
  transition: color 0.3s;
}
.guide-card__download:hover {
  color: #5dd2c3;
}
.guide-card__download svg {
  width: 16px;
  height: 16px;
}

.guides-count {
  font-size: 15px;
  color: #bcbfcc;
  margin-bottom: 24px;
}
.guides-count span {
  color: #76e6d8;
  font-weight: 600;
}

/* Responsive */
@media (max-width: 1024px) {
  .guides-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .guide-card__header {
    min-height: 110px;
  }
}
@media (max-width: 768px) {
  .guides-filter .tabs__nav--pills {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start;
    scrollbar-width: none;
  }
  .guides-filter .tabs__nav--pills::-webkit-scrollbar { display: none; }
}
@media (max-width: 640px) {
  .guides-grid {
    grid-template-columns: 1fr;
  }
  .guide-card__header {
    min-height: 100px;
    padding: 24px 20px 20px;
  }
  .guide-card__body {
    padding: 16px 20px 20px;
  }
  .guide-card__category {
    font-size: 12px;
  }
  .guide-card__badge {
    font-size: 12px;
  }
}