.memo-container {
 display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem;
align-items: center; /* center each box */
}

.result-box {
background-color: white;
padding: 1rem 1.5rem; /* Add horizontal padding for inner spacing */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border-radius: 15px;
/*font-size: 0.9rem; makes the text small, like why?*/
max-width: 1000px;
width: 100%;
text-align: left; /* Left align text inside the box */
margin-bottom: 1rem;
}

.result-box > * {
text-align: left;
margin-left: 0.5rem; /* Add a little left margin to contents */
}

.result-box a {
color: #03508c;
font-weight: 600;
font-size: 1.2rem;
line-height: 1.4;
text-decoration: none;
display: block;
}

.result-box a:hover {
text-decoration: underline;
}

.result-box p {
margin-top: 0.25rem;
font-size: 1.2rem;
color: #666;
}

/* Style the search-results-container to match memo-container */
.search-results-container {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem;
align-items: center;
}

.search-results-container .result-box h2 {
color: #333;
font-weight: normal;
font-size: 1.2rem;
margin: 0;
line-height: 1.4;
}

.search-results-container .result-box p {
margin-top: 0.5rem;
font-size: 1.2rem;
color: #666;
}

.regional-memos .memo-wrapper p {
text-align: center;
}

/* Make roast titles angry red */
.regional-memos .memo-wrapper h2 {
/*color: #d32f2f; /* angry red */
text-align: center;
}

/* School Divisions styling to match memo results */
.result-box strong {
display: inline;
color: #03508c;
font-weight: normal; /* Changed from 600 to normal - labels not bold */
font-size: 1.2rem;
line-height: 1.4;
}

.result-box span {
/*display: block; <- makes the province inline with the SDO */
margin-bottom: 0.8em; /* Increased from 0.3em to create more space */
color: #666;
line-height: 1.4;
font-size: 1.2rem; /* Added font-size */
font-weight: 600;
}

.division-results-section {
margin-top: 0;
padding-top: 0;
width: 100%;
display: flex;
box-shadow: 0 0 10px rgba(0, 0, 0, 0); flex-direction: column;
align-items: center; /* Center the frame itself */
padding-left: 0; /* Remove left margin from the frame */
box-sizing: border-box;
}

.division-results-title {
color: #03508c;
margin-bottom: 1rem;
text-align: center;
font-size: 1.2rem;
font-weight: 600;
margin-left: 3rem;
}

.memo-results-title {
color: #03508c;
margin-bottom: 1rem;
margin-top: 2.5rem; /* Add space above the memo results */
text-align: center;
font-size: 1.2rem;
font-weight: 600;
}

.division-title {
display: inline; /* Keep this */
color: #03508c;
font-weight: 600; /* Keep bold for the actual division name */
font-size: 1.2rem; /* Added font-size */
line-height: 1.4;
margin-left: 3rem;
}

.division-province {
display: inline; /* Para one line ra and Division: SDO (Province) */
color: #666;
font-size: 1.2rem; /* Added font-size */
margin-left: 0; /* Ensure no margin */
}

.division-results-section .result-box > * {
margin-left: 0rem;
}

/* Responsive tweaks for mobile because of course */
@media (max-width: 600px) {
.memo-container,
.search-results-container {
gap: 0.75rem;
padding: 0.5rem;
 }

.result-box {
padding: 0.75rem;
 }

.result-box a,
.result-box strong,
.result-box p,
.result-box span,
.search-results-container .result-box h2,
.search-results-container .result-box p,
.division-title,
.division-province {
font-size: 0.95rem;
 }
}