/* DBIT Rewards Guide & Policy — customer-facing FAQ/policy surface. */
.dbit-guide,
.dbit-guide * { box-sizing: border-box; }

.dbit-guide {
  --g-text:#202223;
  --g-muted:#6d7175;
  --g-border:#e1e3e5;
  --g-border-soft:#eceef0;
  --g-blue:#0b79b7;
  --g-blue-soft:#f4f9fc;
  --g-panel:#ffffff;
  width:100%;
  min-width:0;
  margin:0;
  color:var(--g-text);
}

/* FAQ-style hero, intentionally closer to DeltaBox IT's main FAQ page. */
.dbit-guide__hero {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:142px;
  margin:0 0 28px;
  padding:26px 28px;
  border-radius:12px;
  background:#202223;
  text-align:center;
  color:#fff;
}
.dbit-guide__eyebrow {
  display:block;
  margin:0 0 7px;
  color:#b9c5cc;
  font-size:11px;
  line-height:1.3;
  font-weight:650;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.dbit-guide__hero h2 {
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:27px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.dbit-guide__hero p {
  max-width:760px;
  margin:0!important;
  color:#dfe3e5!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.dbit-guide__hero small {
  display:block;
  margin-top:10px;
  color:#aeb7bc;
  font-size:10.5px;
  line-height:1.35;
}

.dbit-guide__panel {
  width:100%;
  padding:30px 34px 34px;
  border:1px solid #edf0f2;
  border-radius:12px;
  background:var(--g-panel);
}

.dbit-guide__intro {
  max-width:820px;
  margin:0 auto 30px;
  text-align:center;
}
.dbit-guide__intro h3 {
  margin:0 0 7px!important;
  color:var(--g-text)!important;
  font-size:20px!important;
  line-height:1.3!important;
  font-weight:700!important;
}
.dbit-guide__intro p {
  margin:0!important;
  color:var(--g-muted)!important;
  font-size:13px!important;
  line-height:1.6!important;
}

.dbit-guide__group {
  max-width:100%;
  margin:0 0 32px;
}
.dbit-guide__group:last-of-type { margin-bottom:0; }
.dbit-guide__group-head {
  margin:0 0 12px;
  padding:0 2px;
}
.dbit-guide__group-head h3 {
  margin:0 0 3px!important;
  color:var(--g-text)!important;
  font-size:17px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
.dbit-guide__group-head p {
  margin:0!important;
  color:var(--g-muted)!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}

/* FAQ cards: one clear question per row, matching the site's normal FAQ language. */
.dbit-guide-faq {
  margin:0 0 8px;
  overflow:hidden;
  border:1px solid var(--g-border);
  border-radius:10px;
  background:#fff;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.dbit-guide-faq:last-child { margin-bottom:0; }
.dbit-guide-faq:hover { border-color:#d3d7da; }
.dbit-guide-faq[open] {
  border-color:#d7e5ef;
  box-shadow:0 2px 10px rgba(32,34,35,.035);
}
.dbit-guide-faq summary {
  display:flex;
  align-items:center;
  gap:11px;
  min-height:52px;
  padding:14px 16px;
  cursor:pointer;
  list-style:none;
  color:var(--g-text);
  font-size:13.5px;
  line-height:1.45;
  font-weight:650;
}
.dbit-guide-faq summary::-webkit-details-marker { display:none; }
.dbit-guide-faq summary:hover,
.dbit-guide-faq[open] summary { background:#fbfcfd; }
.dbit-guide-faq summary i {
  width:7px;
  height:7px;
  flex:0 0 7px;
  margin:0 1px 3px 0;
  border-right:1.5px solid #9aa1a6;
  border-bottom:1.5px solid #9aa1a6;
  transform:rotate(45deg);
  transition:transform .15s ease;
}
.dbit-guide-faq[open] summary i {
  margin-bottom:-2px;
  transform:rotate(225deg);
}
.dbit-guide-faq[open] summary span { color:var(--g-blue); }

.dbit-guide-faq__answer {
  padding:0 18px 18px 34px;
  color:#4f565b;
  font-size:13px;
  line-height:1.72;
}
.dbit-guide-faq__answer p { margin:0 0 11px!important; }
.dbit-guide-faq__answer p:last-child { margin-bottom:0!important; }
.dbit-guide-faq__answer ul,
.dbit-guide-faq__answer ol {
  margin:7px 0 12px 20px!important;
  padding:0!important;
}
.dbit-guide-faq__answer li { margin:4px 0; }
.dbit-guide-faq__answer strong { color:var(--g-text); font-weight:700; }

.dbit-guide__footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:30px;
  padding:16px 18px;
  border:1px solid #d9e8f2;
  border-radius:10px;
  background:linear-gradient(135deg,#fff,var(--g-blue-soft));
}
.dbit-guide__footer > div {
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.dbit-guide__footer strong { font-size:13px; line-height:1.35; }
.dbit-guide__footer span { color:var(--g-muted); font-size:11px; line-height:1.45; }
.dbit-guide__footer nav {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
}
.dbit-guide__footer a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid #cfe0ec;
  border-radius:7px;
  background:#fff;
  color:#0b6fa9!important;
  font-size:11px;
  line-height:1.2;
  font-weight:650;
  text-decoration:none!important;
}
.dbit-guide__footer a:hover { background:#f7fbfd; border-color:#b8d4e6; }

@media (max-width: 768px) {
  .dbit-guide__hero {
    min-height:0;
    margin-bottom:16px;
    padding:22px 16px;
    border-radius:10px;
    text-align:left;
    align-items:flex-start;
  }
  .dbit-guide__hero h2 { font-size:22px!important; }
  .dbit-guide__hero p { font-size:12px!important; }

  .dbit-guide__panel {
    padding:19px 12px 20px;
    border-radius:10px;
  }
  .dbit-guide__intro {
    margin-bottom:23px;
    text-align:left;
  }
  .dbit-guide__intro h3 { font-size:18px!important; }
  .dbit-guide__intro p { font-size:12px!important; }

  .dbit-guide__group { margin-bottom:26px; }
  .dbit-guide__group-head { margin-bottom:10px; }
  .dbit-guide__group-head h3 { font-size:16px!important; }
  .dbit-guide__group-head p { font-size:11px!important; }

  .dbit-guide-faq { margin-bottom:7px; border-radius:9px; }
  .dbit-guide-faq summary {
    min-height:50px;
    padding:13px 12px;
    gap:9px;
    font-size:12.5px;
  }
  .dbit-guide-faq__answer {
    padding:0 12px 15px 28px;
    font-size:12px;
    line-height:1.68;
  }
  .dbit-guide-faq__answer ul,
  .dbit-guide-faq__answer ol { margin-left:18px!important; }

  .dbit-guide__footer {
    flex-direction:column;
    align-items:flex-start;
    margin-top:22px;
    padding:13px;
  }
  .dbit-guide__footer nav {
    width:100%;
    justify-content:flex-start;
  }
  .dbit-guide__footer a { flex:1 1 auto; }
}