/* 1. Standard Layout Fixes */
.main-container {
    max-width: 90%;
    margin: 0 auto;
    padding-left: 2%;
    padding-right: 2%;
}

img {
    max-width: 100%;
    margin: auto;
    display: block;
}

/* 2. FORCE TOP ALIGNMENT (The Fix) */
/* We target the specific container used by Trestles */
div.quarto-about-trestles .about-entity {
    justify-content: flex-start !important; /* Force items to the top */
    align-items: center !important; /* Center items horizontally */
    margin-top: 0px !important;     /* Remove top spacing */
    padding-top: 10px !important;   /* Small padding only */
}

/* 3. Force the image itself to behave */
div.quarto-about-trestles .about-entity .about-image {
    margin-top: 0px !important;
    margin-bottom: 15px !important;
}

/* 4. Ensure the container height doesn't force centering */
div.quarto-about-trestles .about-entity {
    min-height: 0 !important;
    height: auto !important;
}