.guide-content-rich {
  margin: 0;
  padding: 20px;
  border: 1px solid #dfe7ef;
  border-radius: 14px;
  color: #33495c;
  background: #fbfcfe;
  font: 13px/1.68 "Segoe UI", sans-serif;
}

.guide-content-rich h3 {
  margin: 24px 0 9px;
  padding: 0 0 7px;
  border-bottom: 1px solid #e4eaf1;
  color: #2c4160;
  font-size: 17px;
}

.guide-content-rich h3:first-child { margin-top: 0; }
.guide-content-rich h4 { margin: 18px 0 7px; color: #664c99; font-size: 14px; }
.guide-content-rich p { margin: 0 0 10px; }
.guide-content-rich ul,
.guide-content-rich ol { margin: 7px 0 15px; padding-left: 23px; }
.guide-content-rich li { margin: 5px 0; padding-left: 2px; }

.guide-callout {
  margin: 13px 0;
  padding: 12px 14px;
  border: 1px solid #cfbdf3;
  border-left: 4px solid #805fc1;
  border-radius: 9px;
  color: #4c3c72;
  background: #f5f0ff;
  font-weight: 700;
}

.guide-table-wrap {
  max-width: 100%;
  margin: 10px 0 18px;
  overflow: auto;
  border: 1px solid #dce5ed;
  border-radius: 10px;
  background: #fff;
}

.guide-table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 12px; }
.guide-table th,
.guide-table td { padding: 9px 10px; border-right: 1px solid #e7edf2; border-bottom: 1px solid #e7edf2; text-align: left; vertical-align: top; }
.guide-table th { position: sticky; top: 0; color: #fff; background: #554579; font-size: 11px; }
.guide-table tr:nth-child(even) td { background: #f7f9fc; }
.guide-table tr:last-child td { border-bottom: 0; }
.guide-table th:last-child,
.guide-table td:last-child { border-right: 0; }
.guide-keywords { font-size: 9px; }

@media (max-width: 760px) {
  .guide-summary { font-size: 12px; }
  .guide-content-rich { padding: 15px; font-size: 12.5px; }
  .guide-content-rich h3 { font-size: 16px; }
  .guide-table { font-size: 11px; }
}