/* Square-edged quote boxes */
.quote-box {
    background-color: rgba(0, 102, 204, 0.08); /* Medium-to-deep blue with some transparency */
    position: relative;
    text-align: left;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #0066cc; /* Medium-to-deep blue */
    border-top-color: #006699;
    border-right-color: #006699;
    border-bottom-color: #006699;
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 0; /* Ensures square edges */
}

.quote-content {
    color: #050505;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
    line-height: 2.0;
}

.quote-content, .bold {
    font-weight: normal;
}

main .quote-box p {
    line-height: 1.2; /* Adjust the value as needed */
}

.quote-cite {
    position: relative;
    z-index: 1;
    text-align: left;
    font-size: 16px;
    font-style: italic;
}

.quotation-mark {
    width: 40px;
    height: auto; /* Preserves the aspect ratio */
}

.quote-cite span {
    color: #3f3f3f;
}

/* Rounded boxes for general text */
.text-box {
    background-color: rgba(214,124,179,0.2); /* Slightly different shade for distinction */
    border: 2px solid #d67cb3; /* 2px solid border */
    border-radius: 10px; /* Rounded edges */
    padding: 20px; /* Padding */
    margin: 10px 0; /* Margin between text boxes */
    font-size: 16px; /* Text font size */
    color: #050505; /* Text color */
}

.no-decoration {
    text-decoration: none !important; /* Removes underlining from links */
    color: inherit; /* Optional: ensures the link color matches surrounding text */
}
ul {
    list-style-type: square; /* Keeps the square bullet points */
    margin-left: 0; /* Removes the default left margin */
    padding-left: 0; /* Removes the default left padding */
}
h1 {
    text-align: left;
}