/* .........................................
//
// ページ：合格者発表ページ
//
// ......................................... */

.result-list-wrap {

}

.result-description {
  line-height: var(--line-height-180);
  font-size: var(--font-size-16);
  margin-bottom: 40px;
}

.result-item {
    background-color: var(--Base);
    padding: 24px;
    margin-bottom: 40px;
}

.seminar-title {
    font-size: var(--font-size-18);
    font-weight: var(--font-weight-bold);
    color: var(--Main);
    margin-bottom: 8px;
}

.seminar-meta {
    color: var(--Black);
    font-weight: var(--font-weight-bold);
    margin: 32px 0px 16px 0px;
}

.seminar-meta .bullet {
    color: var(--Accent);
}

.result-statistics {
    text-align: center;
    margin-bottom: 16px;
    width: 100%;
}

.stat-box {
    margin: 0 auto;
    background-color: var(--Sub);
    padding: 8px 16px;
    font-size: var(--font-size-14);
    width: fit-content;
}

.stat-box.main {
    background-color: #A1EEFF;
}

.stat-box.retake {
    background-color: #A1D8FF;
}

.exam-number-block {
    background-color: var(--Base);
}

.exam-label {
    background-color: var(--Link);
    color: var(--White);
    font-weight: var(--font-weight-bold);
    padding: 8px 10px;
    display: inline-block;
    margin-top: 8px;
    margin-bottom: 8px;
}

.exam-numbers {
    color: var(--Black);
    line-height: 2;
}

/* =====================================
   ページネーションのスタイル
   ==================================== */
.pagination-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -10px;
    margin-bottom: -15px;
    gap: 20px;
}

.pagination-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #203A72;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
}

.pagination-arrow:hover {
    background-color: #2C396E;
}

.pagination-arrow.disabled {
    background-color: #cccccc;
    opacity: 0.6;
}

.pagination-arrow img {
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(1);
}

.pagination-arrow .arrow-right {
    transform: scaleX(-1);
}

.pagination-numbers {
    display: flex;
    gap: 2px;
    align-items: center;
}

.pagination-number {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    color: #2C396E;
    font-weight: bold;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.pagination-number:hover {
    background-color: #F3F4F6;
}

.pagination-number.active {
    color: #203A72;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.pagination-dots {
    color: #555;
    font-weight: bold;
    padding: 0 5px;
}