/* 역사문화총서 전용. 인천시사 완료본과 공통 레이아웃에는 적용하지 않는다. */
.history-archive-wrap--series {
    width: 100%;
    max-width: 912px;
    color: #333;
    font-family: "Noto Sans", "microsoft neogothic", "applegothic", "맑은 고딕", "malgun gothic", "dotum", "돋움", "Droid sans", sans-serif;
    font-weight: 500;
    letter-spacing: -0.05em;
    font-size: 1.0625rem;
    line-height: 1.4;
}

.history-archive-wrap--series,
.history-archive-wrap--series * {
    box-sizing: border-box;
}

.history-archive-wrap--series button,
.history-archive-wrap--series a {
    font: inherit;
    color: inherit;
}

.history-archive-wrap--series button {
    cursor: pointer;
}

.history-archive-wrap--series button:focus-visible,
.history-archive-wrap--series a:focus-visible {
    outline: 3px solid #1a1a1a;
    outline-offset: -3px;
}

.history-archive-wrap--series .history-detail[hidden] {
    display: none;
}

.history-archive-wrap--series .ic26-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.history-archive-wrap--series .history-help {
    margin: 0 0 22px;
}

.history-archive-wrap--series table {
    width: 100%;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #333;
}

.history-archive-wrap--series .col-year {
    width: 85px;
}

.history-archive-wrap--series .col-vol {
    width: 74px;
}

.history-archive-wrap--series .col-view,
.history-archive-wrap--series .col-download {
    width: 84px;
}

.history-archive-wrap--series th,
.history-archive-wrap--series td {
    padding: 0;
    border: 0;
    border-right: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
}

.history-archive-wrap--series thead tr > :first-child,
.history-archive-wrap--series .td-year {
    border-left: 1px solid #c6c6c6;
}

.history-archive-wrap--series thead th {
    height: 57px;
    background: #f5f5f5;
    border-top: 0;
}

.history-archive-wrap--series .history-summary {
    height: 50px;
}

.history-archive-wrap--series .history-summary.is-active>* {
    background: #f0f9ff;
}

.history-archive-wrap--series .td-title {
    text-align: left;
}

.history-archive-wrap--series .history-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 49px;
    padding: 8px 15px 8px 12px;
    border: 0;
    background: transparent;
    text-align: left;
    font-weight: 500;
}

.history-archive-wrap--series .history-toggle span {
    overflow-wrap: anywhere;
}

.history-archive-wrap--series .history-toggle::after {
    content: "";
    flex: none;
    width: 24px;
    height: 24px;
    background: url("../image/incheon06/btn_arrowdown.svg") no-repeat center / 24px 24px;
}

.history-archive-wrap--series .history-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

.history-archive-wrap--series .ic26-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    text-decoration: none;
    vertical-align: middle;
}

.history-archive-wrap--series .action-label {
    display: none;
}

.history-archive-wrap--series .history-detail>td {
    font-weight: 400;
    text-align: left;
}

.history-archive-wrap--series .history-detail-body {
    padding: 20px;
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.history-archive-wrap--series .history-meta {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
}

.history-archive-wrap--series .history-meta-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.history-archive-wrap--series .history-meta dt {
    display: flex;
    align-items: center;
    gap: 4px;
    align-self: flex-start;
    flex: 0 0 90px;
    min-width: 0;
    height: 28px;
    padding: 2px 5px 2px 38px;
    border-radius: 4px;
    background: #dce9f8;
    color: #355b80;
    font-weight: 500;
    white-space: nowrap;
}

.history-archive-wrap--series .history-meta dd {
    flex: 1;
    margin: 0;
    min-width: 0;
    line-height: 28px;
}

.history-archive-wrap--series .author-line {
    display: block;
    line-height: 23px;
}

.history-archive-wrap--series .author-line+.author-line {
    margin-top: 8px;
}

.history-archive-wrap--series .history-description {
    padding: 12px 16px;
    margin: 12px 0 0;
    background: #f0f2f4;
    border-radius: 8px;
    line-height: 23px;
}

.history-archive-wrap--series .history-pending {
    margin: 0;
    padding: 4px 0;
    color: #555;
}

.history-archive-wrap--series .ic26-icon-btn[aria-disabled="true"] {
    opacity: .5;
    cursor: default;
}

@media (max-width:768px) {
    .history-archive-wrap--series {
        font-size: 1rem;
    }

    .history-archive-wrap--series .history-help {
        margin-bottom: 16px;
        line-height: 1.6;
    }

    .history-archive-wrap--series table,
    .history-archive-wrap--series tbody {
        display: block;
        width: 100%;
    }

    .history-archive-wrap--series colgroup {
        display: none;
    }

    .history-archive-wrap--series thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
    }

    .history-archive-wrap--series .history-summary {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        height: auto;
        padding: 14px 16px 12px;
        border: 1px solid #c6c6c6;
        border-top: 0;
    }

    .history-archive-wrap--series .history-summary>* {
        border: 0;
        background: transparent;
    }

    .history-archive-wrap--series .history-summary>:first-child {
        border: 0;
    }

    .history-archive-wrap--series .history-summary.is-active {
        background: #f0f9ff;
    }

    .history-archive-wrap--series .td-year {
        text-align: left;
        font-size: 1rem;
    }

    .history-archive-wrap--series .td-vol {
        flex: 1;
        text-align: left;
        padding-left: 10px;
        font-size: 1rem;
        color: #555;
    }

    .history-archive-wrap--series .td-vol br {
        display: none;
    }

    .history-archive-wrap--series .td-title {
        flex: 0 0 100%;
        min-width: 0;
    }

    .history-archive-wrap--series .history-toggle {
        min-height: 44px;
        padding: 8px 0 0;
        align-items: center;
        font-size: 1.2rem;
        line-height: 1.6;
    }

    .history-archive-wrap--series .history-summary .td-view,
    .history-archive-wrap--series .history-summary .td-download {
        display: none;
    }

    .history-archive-wrap--series .history-detail {
        display: block;
    }

    .history-archive-wrap--series .history-detail>td {
        display: block;
        border-top: 0;
        border-left: 1px solid #c6c6c6;
    }

    .history-archive-wrap--series .history-detail-body {
        padding: 16px;
    }

    .history-archive-wrap--series .history-meta {
        gap: 12px;
    }

    .history-archive-wrap--series .history-meta dt {
        font-size: 0.9375rem;
    }

    .history-archive-wrap--series .history-meta dd {
        line-height: 1.7;
    }

    .history-archive-wrap--series .history-description {
        line-height: 1.7;
    }

    .history-archive-wrap--series .mobile-actions {
        display: flex;
        gap: 8px;
        margin-top: 16px;
    }

    .history-archive-wrap--series .mobile-actions .ic26-icon-btn {
        flex: 1;
        min-width: 0;
        min-height: 48px;
        border: 1px solid #c6c6c6;
        border-radius: 4px;
        background: #fff;
        font-size: 0.9375rem;
    }

    .history-archive-wrap--series .mobile-actions .ic26-icon-btn[href]:hover,
    .history-archive-wrap--series .mobile-actions .ic26-icon-btn[href]:focus-visible {
        border: 1px solid #006099;
    }

    .history-archive-wrap--series .action-label {
        display: inline;
        white-space: nowrap;
    }
}

/* 운영 루트 14px 구간에서도 연도 약15px, 도서명 약18px 유지. */
@media (max-width:360px) {

    .history-archive-wrap--series .td-year,
    .history-archive-wrap--series .td-vol {
        font-size: 1.0714rem;
    }

    .history-archive-wrap--series .history-toggle {
        font-size: 1.2857rem;
    }
}

@media (min-width:769px) {
    .history-archive-wrap--series .mobile-actions {
        display: none;
    }
}

/* 기본/hover SVG를 배경 이미지로 교체. 버튼 배경색은 유지한다. */
.history-archive-wrap--series .ic26-ico {
    display: inline-block;
    flex: none;
    width: 24px;
    height: 24px;
}

.history-archive-wrap--series .ic26-ico--search {
    width: 26px;
    height: 26px;
    background: url("../image/incheon06/ic26-ico-search-blue.svg") no-repeat center / contain;
}

.history-archive-wrap--series .ic26-ico--download {
    background: url("../image/incheon06/btn_download.svg") no-repeat center / contain;
}

.history-archive-wrap--series .ic26-icon-btn[href]:hover .ic26-ico--search,
.history-archive-wrap--series .ic26-icon-btn[href]:focus-visible .ic26-ico--search {
    background: url("../image/incheon06/btn_search-hover.svg") no-repeat center / contain;
}

.history-archive-wrap--series .ic26-icon-btn[href]:hover .ic26-ico--download,
.history-archive-wrap--series .ic26-icon-btn[href]:focus-visible .ic26-ico--download {
    background: url("../image/incheon06/btn_download-hover.svg") no-repeat center / contain;
}

/* 상세 라벨: 아이콘은 왼쪽 10px에 배치. 글자 여백 38px = 10px + 아이콘 24px + 간격 4px. */
.history-archive-wrap--series .history-meta .info-users {
    background: #dce9f8 url("../image/incheon06/icon_users.svg") no-repeat 10px center / 24px 24px;
}

.history-archive-wrap--series .history-meta .info-building {
    background: #dce9f8 url("../image/incheon06/icon_building.svg") no-repeat 10px center / 24px 24px;
}

.history-archive-wrap--series .history-meta .info-calendar {
    background: #dce9f8 url("../image/incheon06/icon_calendar.svg") no-repeat 10px center / 24px 24px;
}

/* 총서 PC: Figma 연도 85 / 호수 74 / 도서명 585 / 버튼 각84px. */
.history-preview > .history-archive-wrap--series { margin: 0 auto; }
.history-archive-wrap--series .mobile-year { display: none; }
.history-archive-wrap--series .td-year { background: #fff; }
.history-archive-wrap--series .history-summary.is-active > .td-year { background: #fff; }
.history-archive-wrap--series .history-series-head { padding: 0px 0 20px; border-bottom: 1px solid #333; }
.history-archive-wrap--series .history-series-head h4 { margin: 0; padding-left: 40px; background: url("../image/incheon06/blt-h4.png") no-repeat left center / 26px 22px; font-size: 1.5rem; font-weight: 500; line-height: 1.4; }
.history-archive-wrap--series .history-series-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 20px 0 15px; }
.history-archive-wrap--series .history-series-toolbar .history-help { margin: 0; color: #555; }
.history-archive-wrap--series .select-input-btn-group { display: flex; align-items: center; gap: 3px; }
.history-archive-wrap--series .form-label { color: #555; white-space: nowrap; }
.history-archive-wrap--series .form-select { width: 70px; height: 36px; padding: 0 22px 0 8px; border: 1px solid #ccc; border-radius: 0; background: #fff url("../image/incheon06/arw_select_down.png") no-repeat right 8px center; appearance: none; font: inherit; color: #333; }
.history-archive-wrap--series .btn-search { min-width: 80px; height: 36px; padding: 0 12px; border: 0; background: #0079c1; color: #fff; font: inherit; }
.history-archive-wrap--series .btn-search:hover { background: #006099; }
.history-archive-wrap--series .form-select:focus-visible { outline: 3px solid #1a1a1a; outline-offset: -3px; }
.history-archive-wrap--series .history-summary[hidden],
.history-archive-wrap--series tbody[hidden] { display: none; }

.history-archive-wrap--series tbody .history-summary > .td-title {

    background-color: #fff;

}

.history-archive-wrap--series tbody .history-summary.is-active > .td-title {

    background-color: #f0f9ff;

}



@media (min-width: 769px) {
    .history-archive-wrap--series .history-toggle { padding-left: 4px; }
}
@media (max-width: 768px) {
    .history-archive-wrap--series .history-series-head { padding-top: 24px; }
    .history-archive-wrap--series .td-year { display: none; }
    .history-archive-wrap--series .td-vol { flex: 0 0 100%; padding-left: 0; }
    .history-archive-wrap--series .mobile-year { display: inline; margin-right: 10px; color: #333; }
    .history-archive-wrap--series .history-series-search { margin-left: auto; }
    .history-archive-wrap--series .form-select { max-width: 90px; }
}