.platform-instructions h3 {
  margin-top: 0;
}

.padded-image {
    padding: 1em;
    border: none;
    outline: none;
}

/* Default image styles for block images */
img {
    max-width: 100%;
    height: auto;
    display: block; /* Ensures images are treated as block elements */
    margin: 0 auto; /* Centers the image horizontally */
}

/* Inline images for small icons */
.inline-img {
    display: inline;
    max-width: none; /* Allow images to retain their natural size unless otherwise specified */
    vertical-align: middle; /* Align with text vertically */
}

/*
More standout for sections
*/

/* --- Main H2 Headings --- */
h2 {
  font-size: 2em !important;
  font-weight: 600 !important;      /* A strong, but not-too-heavy, bold */
  margin-top: 3rem !important;       /* BIG space above to separate sections */
  padding-left: 0.75rem !important;  /* Space for the bar */
  
  /* This is the accent bar! */
  border-left: 32px solid #0366d6 !important; /* A nice, noticeable blue */
  
  /* Remove the old bottom border */
  border-bottom: none !important;
}

/* --- Sub-H3 Headings --- */
h3 {
  font-size: 1.5em !important;
  font-weight: 600 !important;
  margin-top: 2rem !important;        /* Generous space above */
  padding-left: 0.5rem !important;    /* Space for the bar */
  
  /* This is the lighter, thinner accent bar */
  border-left: 24px solid #959da5 !important; /* A more subtle grey */

  /* Remove the old bottom border */
  border-bottom: none !important;
}

.input {
  color: red;
  background-color: transparent;
}