:root{
  --dg-blue:#1f5fae;
  --dg-blue-dark:#184c8b;
  --dg-gray-900:#0b1220;
  --dg-gray-700:#374151;
  --dg-gray-600:#4b5563;
  --dg-border:rgba(17,24,39,0.12);
}

.dg-faqs{
  padding: 18px 0 56px;
  background: linear-gradient(180deg, rgba(31,95,174,0.06), rgba(255,255,255,0.0) 40%);
}
.dg-faqs .dg-container{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 16px;
}

.dg-faqs .dg-hero{
  background: #fff;
  border: 1px solid var(--dg-border);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 6px 24px rgba(2,6,23,0.06);
}
.dg-faqs h1{
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 900;
  color: var(--dg-gray-900);
}
.dg-faqs p{margin:0; color: var(--dg-gray-600);}

.dg-faqs .dg-cat{
  margin-top: 14px;
  background: #fff;
  border: 1px solid var(--dg-border);
  border-radius: 16px;
  padding: 14px;
}
.dg-faqs .dg-cat h2{
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 900;
  color: var(--dg-gray-900);
}

.dg-faqs details{
  border: 1px solid rgba(17,24,39,0.12);
  border-radius: 14px;
  padding: 12px;
  margin-top: 10px;
}
.dg-faqs details[open]{
  border-color: rgba(31,95,174,0.35);
  box-shadow: 0 10px 22px rgba(2,6,23,0.06);
}
.dg-faqs summary{
  cursor: pointer;
  font-weight: 900;
  color: var(--dg-gray-900);
}
.dg-faqs .dg-answer{
  margin-top: 10px;
  color: var(--dg-gray-700);
}
.dg-faqs .dg-answer p{margin: 10px 0; color: var(--dg-gray-700);}
.dg-faqs .dg-answer ul{margin: 10px 0 10px 18px;}

.dg-faqs .dg-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.dg-faqs .dg-btn{
  display:inline-block;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(17,24,39,0.16);
  background: #fff;
  cursor:pointer;
  font-weight: 900;
  font-size: 13px;
  text-decoration:none;
  color: var(--dg-gray-900);
}
.dg-faqs .dg-btn.primary{
  background: var(--dg-blue);
  border-color: rgba(31,95,174,0.75);
  color: #fff;
}
.dg-faqs .dg-btn.primary:hover{background: var(--dg-blue-dark);}