/* Help catalog: compact rows, shared staff/customer theme tokens. */
.cfl-ux-resources202,
.cfl-v2-shell[data-theme] .cfl-ux-resources202 {
  --cfl-resource-bg:var(--cfl-ui-surface,var(--cfl-cx-surface,#fff));
  --cfl-resource-soft:var(--cfl-ui-surface-subtle,var(--cfl-cx-soft,#f6f8fb));
  --cfl-resource-border:var(--cfl-ui-border,var(--cfl-cx-line,#dbe3ec));
  --cfl-resource-text:var(--cfl-ui-text,var(--cfl-cx-text,#172033));
  --cfl-resource-muted:var(--cfl-ui-text-muted,var(--cfl-cx-muted,#596b80));
  min-width:0;
  gap:24px;
}
.cfl-ux-resources202 :is(h2,h3,p,small,a) { overflow-wrap:anywhere; }
.cfl-ux-resources202 :is(.cfl-resource-heading,.cfl-resource-detail-head) h2 {
  margin:0;
  font-size:22px;
  line-height:1.3;
  color:var(--cfl-resource-text);
}
.cfl-ux-resources202 .cfl-resource-walkthroughs {
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  border:1px solid var(--cfl-resource-border);
  border-radius:9px;
  background:var(--cfl-resource-bg);
  box-shadow:none;
  min-width:0;
}
.cfl-ux-resources202 .cfl-resource-walkthroughs > header {
  display:block;
  margin:0;
  padding:16px 18px;
  border-bottom:1px solid var(--cfl-resource-border);
}
.cfl-ux-resources202 .cfl-resource-walkthroughs > header h2 {
  margin:0;
  font-size:18px;
  line-height:1.4;
  color:var(--cfl-resource-text);
}
.cfl-ux-resources202 :is(.cfl-walkthrough-featured,.cfl-walkthrough-grid) {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  margin:0;
  min-width:0;
}
.cfl-ux-resources202 .cfl-walkthrough-card,
.cfl-ux-resources202 .cfl-walkthrough-card.is-featured {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px 20px;
  min-height:0;
  margin:0;
  padding:14px 18px;
  border:0;
  border-bottom:1px solid var(--cfl-resource-border);
  border-radius:0;
  background:var(--cfl-resource-bg);
  box-shadow:none;
}
.cfl-ux-resources202 .cfl-walkthrough-grid .cfl-walkthrough-card:last-child { border-bottom:0; }
.cfl-ux-resources202 .cfl-walkthrough-card > div { min-width:0; }
.cfl-ux-resources202 .cfl-walkthrough-card h3 {
  margin:0 0 5px;
  color:var(--cfl-resource-text);
  font-size:15px;
  line-height:1.4;
}
.cfl-ux-resources202 .cfl-walkthrough-card small {
  display:inline;
  color:var(--cfl-resource-muted);
  font-size:12px;
  line-height:1.5;
}
.cfl-ux-resources202 .cfl-walkthrough-card .cfl-walkthrough-progress-label {
  display:inline-block;
  margin:0 0 0 12px;
  font-weight:650;
}
.cfl-ux-resources202 .cfl-walkthrough-card .cfl-btn {
  justify-self:end;
  width:auto;
  min-height:40px;
  margin:0;
  white-space:normal;
  max-width:100%;
}
.cfl-ux-resources202 .cfl-resource-group {
  display:grid;
  grid-template-columns:minmax(130px,170px) minmax(0,1fr);
  align-items:start;
  gap:18px;
  min-width:0;
}
.cfl-ux-resources202 .cfl-resource-group > header { padding-top:15px; }
.cfl-ux-resources202 .cfl-resource-group > header h2 {
  margin:0;
  color:var(--cfl-resource-text);
  font-size:16px;
  line-height:1.4;
}
.cfl-ux-resources202 .cfl-resource-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  min-width:0;
  border:1px solid var(--cfl-resource-border);
  border-radius:9px;
  background:var(--cfl-resource-bg);
}
.cfl-ux-resources202 .cfl-resource-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px 20px;
  min-width:0;
  min-height:0;
  padding:15px 18px;
  border:0;
  border-bottom:1px solid var(--cfl-resource-border);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.cfl-ux-resources202 .cfl-resource-row:last-child { border-bottom:0; }
.cfl-ux-resources202 .cfl-resource-row-copy { min-width:0; }
.cfl-ux-resources202 .cfl-resource-row-heading { display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px; }
.cfl-ux-resources202 .cfl-resource-row h3 { margin:0;font-size:15px;line-height:1.4;color:var(--cfl-resource-text); }
.cfl-ux-resources202 .cfl-resource-row p { margin:5px 0 0;font-size:13px;line-height:1.5;color:var(--cfl-resource-muted); }
.cfl-ux-resources202 .cfl-resource-row > a { min-height:40px;display:inline-flex;align-items:center;margin:0;font-size:13px;white-space:normal; }
.cfl-ux-resources202 .cfl-resource-reset-walkthroughs { margin:0;padding:16px 0;border-top:1px solid var(--cfl-resource-border);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap; }
.cfl-ux-resources202 .cfl-resource-reset-walkthroughs p { margin:0; }
.cfl-ux-resources202 .cfl-resource-reset-walkthroughs span { color:var(--cfl-resource-muted);font-size:13px; }
@media(max-width:900px) {
  .cfl-ux-resources202 .cfl-resource-group { grid-template-columns:minmax(0,1fr);gap:10px; }
  .cfl-ux-resources202 .cfl-resource-group > header { padding-top:0; }
}
@media(max-width:600px) {
  .cfl-ux-resources202 .cfl-walkthrough-card,
  .cfl-ux-resources202 .cfl-walkthrough-card.is-featured,
  .cfl-ux-resources202 .cfl-resource-row { grid-template-columns:minmax(0,1fr);gap:10px;padding:14px; }
  .cfl-ux-resources202 .cfl-walkthrough-card .cfl-btn { justify-self:start;min-height:44px; }
  .cfl-ux-resources202 .cfl-resource-row > a { min-height:44px;justify-self:start; }
  .cfl-ux-resources202 .cfl-walkthrough-card .cfl-walkthrough-progress-label { display:block;margin:4px 0 0; }
}