/* CSDA / Page: 協會成員 (2026-10-11)
   與現有 CSDA Page v2 相容，不修改全站 Header 或其他頁面。 */
.csda-page:has(.csda-memberlist) article > h1 {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
    border:0;
}
.csda-page .csda-page-rich .csda-memberlist {
    max-width:1100px;
    margin:0 auto;
    color:#242d40;
    font-size:15px;
    line-height:1.65;
}
.csda-page .csda-page-rich .csda-memberlist__banner {
    display:block;
    margin:0 0 30px;
    padding:0;
    width:100%;
    max-width:none;
}
.csda-page .csda-page-rich .csda-memberlist__banner img {
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    aspect-ratio:1789 / 197;
    object-fit:contain;
    border-radius:0;
}
.csda-page .csda-page-rich .csda-memberlist__scroll {
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:visible;
    border-radius:4px;
    border:1px solid #e0e5ee;
    background:#fff;
}
.csda-page .csda-page-rich .csda-memberlist__table {
    width:100%;
    max-width:100%;
    margin:0;
    border:0;
    border-collapse:collapse;
    table-layout:auto;
    font-size:15px;
    line-height:1.7;
}
.csda-page .csda-page-rich .csda-memberlist__table th,
.csda-page .csda-page-rich .csda-memberlist__table td {
    padding:14px 18px;
    border:0;
    border-bottom:1px solid #e8ecf2;
    text-align:left;
    vertical-align:middle;
}
.csda-page .csda-page-rich .csda-memberlist__table th {
    background:#eff3f8;
    color:#172b53;
    font-size:14px;
    font-weight:700;
    letter-spacing:.015em;
    white-space:nowrap;
}
.csda-page .csda-page-rich .csda-memberlist__table th:nth-child(1),
.csda-page .csda-page-rich .csda-memberlist__table td:nth-child(1) {width:23%;}
.csda-page .csda-page-rich .csda-memberlist__table th:nth-child(2),
.csda-page .csda-page-rich .csda-memberlist__table td:nth-child(2) {width:27%;}
.csda-page .csda-page-rich .csda-memberlist__table th:nth-child(3),
.csda-page .csda-page-rich .csda-memberlist__table td:nth-child(3) {width:50%;}
.csda-page .csda-page-rich .csda-memberlist__table tbody tr:nth-child(even) {background:#fafbfe;}
.csda-page .csda-page-rich .csda-memberlist__table tbody tr:hover {background:#f0f5fc;}
.csda-page .csda-page-rich .csda-memberlist__table tbody tr:last-child td {border-bottom:0;}
.csda-page .csda-page-rich .csda-memberlist__table td a {
    display:inline;
    position:static;
    height:auto;
    padding:0;
    color:#2d4f94;
    text-decoration:none;
    overflow-wrap:anywhere;
}
.csda-page .csda-page-rich .csda-memberlist__table td a:hover {text-decoration:underline;}
.csda-page .csda-page-rich .csda-memberlist__table .csda-memberlist__sort {
    display:inline-flex;
    align-items:center;
    min-height:30px;
    gap:7px;
    padding:0;
    border:0;
    background:transparent;
    color:inherit;
    font:inherit;
    font-weight:inherit;
    cursor:pointer;
}
.csda-page .csda-page-rich .csda-memberlist__table .csda-memberlist__sort::after {
    content:'⇅';
    color:#8c99ae;
    font-size:12px;
    font-weight:400;
}
.csda-page .csda-page-rich .csda-memberlist__table th[aria-sort='ascending'] .csda-memberlist__sort::after {content:'▲';font-size:9px;color:#263e8e;}
.csda-page .csda-page-rich .csda-memberlist__table th[aria-sort='descending'] .csda-memberlist__sort::after {content:'▼';font-size:9px;color:#263e8e;}
.csda-page .csda-page-rich .csda-memberlist__table .csda-memberlist__sort:focus-visible {outline:2px solid #4565b4;outline-offset:3px;}
@media(max-width:700px){
    .csda-page .csda-page-rich .csda-memberlist__banner {margin-bottom:20px;}
    .csda-page .csda-page-rich .csda-memberlist__table {font-size:14px;}
    .csda-page .csda-page-rich .csda-memberlist__table th,
    .csda-page .csda-page-rich .csda-memberlist__table td {padding:12px;}
}
@media(max-width:620px){
    .csda-page .csda-page-rich .csda-memberlist__scroll {border:0;overflow:visible;background:transparent;}
    .csda-page .csda-page-rich .csda-memberlist__table,
    .csda-page .csda-page-rich .csda-memberlist__table tbody,
    .csda-page .csda-page-rich .csda-memberlist__table tr {display:block;width:100%;}
    .csda-page .csda-page-rich .csda-memberlist__table thead {
        position:absolute;
        width:1px;
        height:1px;
        overflow:hidden;
        clip-path:inset(50%);
    }
    .csda-page .csda-page-rich .csda-memberlist__table tbody tr,
    .csda-page .csda-page-rich .csda-memberlist__table tbody tr:nth-child(even) {
        margin:0 0 12px;
        padding:7px 0;
        border:1px solid #e4e9f1;
        border-radius:7px;
        background:#fff;
    }
    .csda-page .csda-page-rich .csda-memberlist__table td,
    .csda-page .csda-page-rich .csda-memberlist__table td:nth-child(n) {
        display:grid;
        grid-template-columns:80px minmax(0,1fr);
        column-gap:12px;
        width:100%;
        padding:7px 15px;
        border:0;
        overflow-wrap:anywhere;
        font-size:14px;
        line-height:1.6;
    }
    .csda-page .csda-page-rich .csda-memberlist__table td::before {
        color:#68788d;
        font-weight:600;
    }
    .csda-page .csda-page-rich .csda-memberlist__table td:nth-child(1)::before {content:'姓名';}
    .csda-page .csda-page-rich .csda-memberlist__table td:nth-child(2)::before {content:'職位';}
    .csda-page .csda-page-rich .csda-memberlist__table td:nth-child(3)::before {content:'電子郵箱';}
}