/* General styles */
body {
    background-color: #f0f0f0; /* Example background color */
    font-family: Arial, sans-serif;
}

/* Full-width banner */
.col-12.col-lg {
    margin-bottom: 20px;
}

.card.bg-faded {
    overflow: hidden;
    background-size: cover;
    height: 200px;
}

/* Main content area */
.row.no-gutters.mt-n2 {
    margin-top: -0.5rem;
}

/* Thin left column */
.col-12.col-lg-5.col-xl-auto.row.no-gutters.align-content-start.pr-lg-2 {
    width: 350px;
}

/* User box styles */
.col-12.card.bg-faded.mt-2 {
    min-height: 200px;
}

/* Banner inside user box */
div[style*="height: 75px;"] {
    height: 75px;
    background-position: center;
    background-size: cover;
}

/* User icon */
a.bg-faded.p-1.rounded-circle.ml-3 {
    height: 100px;
    width: 100px;
    margin-top: -50px;
}

/* Flags */
.text-right.w-100 {
    position: absolute;
    top: 83px;
    right: 8px;
    max-width: calc(100% - 125px);
}

/* Social icons */
.px-3.mt-1.mb-2.justify-content-between {
    font-size: 1.2rem;
}

/* Music player */
audio {
    height: 25px;
    border-radius: 0.25rem;
    position: relative;
    z-index: 2;
    width: 100%;
}

/* Image row box */
.col-12.card.bg-faded.mt-2 {
    min-height: 300px;
}

/* Fields box */
.col-12.card.bg-faded.mt-2 {
    min-height: 200px;
}

/* Full image box */
a.w-100.mt-2 img.rounded {
    width: 100%;
}

/* Wide right column */
.col-12.col-lg {
    /* Adjust as needed */
}

/* Main text box */
.col-12.card.bg-faded.mt-2 {
    min-height: 300px;
}

/* Focal image */
.text-center img {
    max-height: 400px;
}

/* Bullets and lists */
ul.mb-0.pl-4 {
    list-style-type: disc;
}

/* Featured images */
.row.no-gutters.mx-n1.mb-n1 .col-6.col-sm-4.col-xl-2.p-1 img.rounded {
    width: 100%;
}

/* Fixed position image */
img.btn.btn-outline-transparent.p-0.tooltipster {
    max-width: 13%;
    position: fixed;
    bottom: 5px;
    left: 5px;
    z-index: 3;
}