/* ============================================
   FAQ Main Content Area
   ============================================ */
.pp-main-content .big-box { 
  margin-bottom: 24px;
  background: #fff;
  padding: 24px;
  border-radius: 8px;
}

/* Question/Answer Heading Styles - Blue (Higher Priority) */
.big-box .pp-faq-question h2,
.big-box .pp-faq-answer h2 {
  color: #28c !important;
  font-weight: 700;
  margin-top: 0 !important;
  margin-bottom: 0.75em !important;
  font-size: 1.5em;
  line-height: 1.3;
}

/* Paragraphs inside FAQ content */
.pp-faq-question p,
.pp-faq-answer p {
  line-height: 1.7;
  margin-bottom: 1em;
  color: #2d3748;
}

/* Links inside FAQ content - Blue #28c */
.pp-faq-question a,
.pp-faq-answer a {
  color: #28c !important;
  text-decoration: none;
  transition: color 0.2s;
}

.pp-faq-question a:hover,
.pp-faq-answer a:hover {
  color: #1a5c8a !important;
  text-decoration: underline;
}

/* Lists inside FAQ content */
.pp-faq-question ul,
.pp-faq-question ol,
.pp-faq-answer ul,
.pp-faq-answer ol {
  margin: 1em 0;
  padding-left: 1.5em;
  color: #2d3748;
}

.pp-faq-question li,
.pp-faq-answer li {
  margin-bottom: 0.5em;
  line-height: 1.6;
}

/* FAQ List Styles (Questions Page) */
.pp-faq-list {
  display: grid;
  gap: 24px;
  margin: 24px 0;
}

.pp-faq-item {
  background: #fff;
  padding: 24px;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  transition: box-shadow 0.3s;
  border-left: 4px solid #28c;
}

.pp-faq-item:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.pp-faq-title {
  margin: 0 0 12px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.pp-faq-title a {
  color: #28c;
  text-decoration: none;
}

.pp-faq-title a:hover {
  color: #1a5c8a;
  text-decoration: underline;
}

.pp-faq-summary {
  color: #4a5568;
  line-height: 1.6;
  margin-bottom: 12px;
}

.pp-faq-more {
  margin-top: 12px;
}

.pp-faq-more a {
  color: #28c;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9em;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.pp-faq-more a:hover {
  text-decoration: underline;
}

.pp-faq-more a::after {
  content: '→';
  transition: transform 0.2s;
}

.pp-faq-more a:hover::after {
  transform: translateX(4px);
}

/* Responsive Optimization */
@media (max-width: 640px) {
  .pp-faq-item {
    padding: 16px;
  }
  
  .big-box .pp-faq-question h2,
  .big-box .pp-faq-answer h2 {
    font-size: 1.25em !important;
  }
}