/* Horizontal Blocks: container */
.hb-row {                          
  display: flex;                   /* arrange children horizontally */
  flex-wrap: nowrap;               /* prevent wrapping to multiple rows */
  gap: 1.0rem;                     /* spacing between the columns */
  width: 100%;                     /* allow the row to span full width */
  margin: 0.1rem 0;                /* vertical spacing around the row */
}

/* Individual column cards */
.hb-col {                          /* each column inside the row */
  flex: 1 1 0;                     /* equal-width flexible columns */
  padding: 1rem 1.25rem;           /* internal spacing around content */
  border-right: 1px solid rgba(0,0,0,0.06); /* light divider between columns */
}

.hb-col:last-child {               /* last column in the row */
  border-right: none;              /* remove divider on the far right */
}

.hb-col h3,                        /* headings inside a column */
.hb-col h4 {                       /* supports both h3 and h4 usage */
  margin-top: 0;                   /* tighten spacing so headings align cleanly */
}

/* Match ad-sam background for the entire horizontal block wrapper */
.hf-block .hb-row {                /* horizontal block when inside hf-block */
  background-color: var(--md-default-bg-color); /* same background as ad-sam */
  border-radius: 0.75rem;          /* rounded corners to match ad-sam */
  /* padding: 1rem 1.25rem; */           /* consistent internal spacing */
  padding: 0.0rem 0.0rem;        /* tighter vertical spacing */
  margin-top: 0.0rem;              /* reduced outer spacing */
  margin-bottom: 0.0rem;           /* reduced outer spacing */
  margin-top: 0.5rem;             /* space above the block */
  margin-bottom: 0.5rem;           /* space below the block */

  box-shadow: 0 0 0 1px rgba(0,0,0,0.04); /* subtle outline to match ad-sam visual weight */
}