/* Schools Tab Accordion Styles */
.schools-tab-accordion-wrap {
    margin-bottom: 2em;
}
.school-type-title {
    font-size: 1.5em;
}
.schools-accordion {
    margin-bottom: 1em;
}
.school-accordion-item {
    border-bottom: 1px solid #eee;
    margin-bottom: 2px;
}
.school-accordion-title {
    background: #f1efef;
    color: inherit;
    cursor: pointer;
    padding: 1em;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1em;
    transition: background 0.2s;
    border-radius: 0;
}
.school-accordion-title:hover,
.school-accordion-title.active {
    background: #e0e0e0;
    color: inherit;
}
.school-accordion-content {
    display: none;
    padding: 1em;
    background: #fafafa;
}
.school-accordion-content.open {
    display: block;
}
.school-accordion-content .school-row {
    margin-bottom: 20px;
}

/* Tab Interface Styling */
.schools-tab-interface {
    margin-bottom: 2em;
}
.schools-tab-list {
    display: flex;
    flex-wrap: wrap;
    background: #e0e0e0;
    border-bottom: 1px solid #eee;
    margin: 0 0 2px 0;
    padding-left: 0;
    list-style: none;
}
.schools-tab {
    cursor: pointer;
    padding: 1em 2em;
    border: none;
    border-right: 1px solid #eee;
    font-size: 1em;
    transition: background 0.2s, color 0.2s;
    margin: 0;
}
.schools-tab:last-child {
    border-right: none;
}
.schools-tab.active,
.schools-tab:hover {
    background: #f1efef;
}