.nnds-table {
    border-collapse: collapse;
}

.nnds-table-header {
    font-size: var(--fontSize-m);
    font-weight: var(--fontWeight-bold);
    color: var(--color-text-default);
    background: var(--color-brand-white);
    z-index: 10;
}

.nnds-table-header-sticky {
    position: sticky;
    top: 0;
}

.nnds-table-body {
    font-size: var(--fontSize-m);
    font-weight: var(--fontWeight-normal);
    color: var(--color-text-default);
}

.nnds-table-cell {
    padding: 12px 8px;
}

.nnds-table-cell-sticky {
    position: sticky;
    left: 0;
    background: var(--color-brand-white);
}

.nnds-table-cell-right {
    text-align: right;
}

.nnds-table-cell-left {
    text-align: left;
}

.nnds-table-cell-th {
    position: relative;
}

/* sticky headerでボーダーを固定するには疑似要素で指定 */
.nnds-table-cell-th::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--color-grey-800);
    z-index: 1;
}

.nnds-table-cell-td {
    border-bottom: 1px solid var(--color-sand-200);
}

/* ボタンを入れた時、行の高さが通常より大きくなってしまうので調整する */
.nnds-table-cell a {
    margin-top: -5px;
    margin-bottom: -5px;
}

.nnds-table-cell-normal {
    color: var(--color-text-default);
}

.nnds-table-cell-strong {
    font-weight: var(--fontWeight-bold);
}

.nnds-table-cell-subtle {
    color: var(--color-text-subtle);
}

.nnds-table-cell-subtext {
    font-weight: var(--fontWeight-normal);
    font-size: var(--fontSize-s);
    color: var(--color-text-subtle);
}