/* Reset any previous link styles within the figure */
figure a {
    text-decoration: unset; /* Remove any previous text decoration styles */
    border: unset; /* Remove any previous border styles */
    display: inline; /* Ensure that the link behaves as an inline element */
}

/* Ensure no underline and border for images within links */
figure a img {
    text-decoration: unset; /* Remove any previous text decoration styles for images */
    border: none; /* Ensure no borders around images */
}

/* General styling for figure and its contents */
figure.field-content {
    display: block;
    margin: 0; /* No outside margins */
    padding: 8px; /* Padding on all sides for figure content */
}

figure.field-content img {
    display: block;
    max-width: 100%; /* Ensure image is responsive */
    border-radius: 4px; /* Rounded corners */
    box-shadow: 3px 6px 12px rgba(0, 0, 0, 0.3); /* More distinct shadow */
    padding: 0; /* No extra padding */
}

figure.field-content p {
    font-family: 'Open Sans', 'Arial', 'Helvetica', 'Verdana', 'Tahoma', sans-serif !important;
    margin: 0;
    width: 100%; /* Adjust width considering figure padding */
    text-align: left !important; /* Left-align the text */
    font-style: italic !important; /* Italic text */
    font-size: 0.9em !important; /* Slightly smaller font size */
    color: #555 !important; /* Soft gray color */
    padding: 8px !important; /* Padding inside the caption */
    line-height: 1.5 !important; /* Line height for readability */
    letter-spacing: 0.015em !important; /* Adjust letter spacing */
    word-spacing: 0.04em !important; /* Adjust word spacing */
    background-color: #f9f9f9 !important; /* Background color for the caption */
    border-radius: 4px !important; /* Rounded corners for caption background */
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1) !important; /* Subtle shadow for caption background */
}
