/* 学校比較フィルタの配置のみを補完し、色・入力部品は既存CSSを利用する。 */
.modComparisonModal .modComparisonHeading {
    position: relative;
    z-index: 10;
    flex-wrap: wrap;
    flex-shrink: 0;
}
.modComparisonModal .modComparisonHeadingActions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}
.modComparisonModal .modComparisonFilter > summary {
    list-style: none;
}
.modComparisonModal .modComparisonFilter > summary::-webkit-details-marker {
    display: none;
}
.modComparisonModal .modComparisonFilterPanel {
    position: absolute;
    top: 100%;
    right: 10px;
    width: min(340px, calc(100% - 20px));
    max-height: min(400px, calc(100dvh - 200px));
    overflow-y: auto;
    text-align: left;
    font-weight: normal;
}
.modComparisonModal .modTableBase table {
    width: 100%;
    table-layout: fixed;
}
.modComparisonModal .modTableBase table th,
.modComparisonModal .modTableBase table td {
    overflow-wrap: anywhere;
}