.digest-wrapper {
    display: grid;
    margin: var(--fluid-mg1); --min-mg1: 12; --max-mg1: 24;
    margin-bottom: var(--fluid-mg2); --min-mg2: 16; --max-mg2: 30;
    grid-template-columns: 1fr 1fr;
    gap: var(--fluid-gp1) var(--fluid-gp2);
    --min-gp1: 10; --max-gp1: 30; --min-gp2: 12; --max-gp2: 30;
}
.digest-title {
    display: flex;
    grid-column: span 2;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 3px solid #0f172a;
}
.digest-title span {
    font-size: var(--fluid-fs); --min-fs: 15; --max-fs: 24;
    font-weight: 900;
    letter-spacing: 1.2px;
}
.digest-title .btn {
    margin-bottom: var(--fluid-mg1); --min-mg1: 3; --max-mg1: 6;
    padding: var(--fluid-pd1) var(--fluid-pd2);
    --min-pd1: 1; --max-pd1: 3; --min-pd2: 5; --max-pd2: 10;
    font-size: var(--fluid-fs); --min-fs: 8; --max-fs: 14;
    font-weight: 700;
    color: #64748b;
    letter-spacing: .5px;
    border: 1.5px solid #cbd5e1;
    border-radius: 15px;
    transition: .2s ease;
}
.digest-title .btn:hover {
    color: var(--text);
    border: 1.5px solid var(--text);
    opacity: 1;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
}

.digest {
    display: grid;
    margin: 0;  /* box-designの打ち消し */
    --min-pd1: 10; --max-pd1: 20;   /* box-designの修正 */
    gap: var(--fluid-gp1); --min-gp1: 10; --max-gp1: 25;
    border-radius: 10px;
    transition: box-shadow .2s ease;
}
.digest .category {
    font-size: var(--fluid-fs); --min-fs: 15; --max-fs: 24;
    font-weight: 900;
    letter-spacing: 1px;
}
.digest .category.B-1 {
    color: chocolate;
}
.digest .category.Ladies {
    color: green;
}
.digest .stats-group {
    display: grid;
    gap: var(--fluid-gp1) var(--fluid-gp2);
    --min-gp1: 15; --max-gp1: 30; --min-gp2: 15; --max-gp2: 30;
}
.digest .stats-group > div {
    display: grid;
    gap: var(--fluid-gp1); --min-gp1: 2; --max-gp1: 5;
}
.digest .section-title {
    display: flex;
    align-items: flex-end;
    font-size: var(--fluid-fs); --min-fs: 11; --max-fs: 16;
    font-weight: 800;
    color: #94a3b8; 
    letter-spacing: 1.5px;
}
.table {
    display: grid;
    text-align: center;
}
.table .header > div {
    padding: var(--fluid-pd1) var(--fluid-pd2);
    --min-pd1: 2; --max-pd1: 4; --min-pd2: 2; --max-pd2: 3;
    align-content: center;
    font-size: var(--fluid-fs); --min-fs: 10; --max-fs: 16;
    font-weight: 700;
    color: #94a3b8;
    letter-spacing: .05em;
    border-bottom: 1px solid var(--border);
}
.table .cell {
    transition: background .2s;
}
.table .cell:hover {
    background: var(--border);
}
.table .cell div, .table .cell a {
    padding: var(--fluid-pd1) var(--fluid-pd2);
    --min-pd1: 4; --max-pd1: 7; --min-pd2: 2; --max-pd2: 5;
    align-content: center;
    font-weight: 600;
    color: var(--text);
    border-bottom: 1px solid var(--border);
}
.table .cell div:first-child {
    font-weight: 800;
    font-style: italic;
}
.table:last-child {
    margin-bottom: var(--fluid-mg1); --min-mg1: 5; --max-mg1: 10;
}

.cs-table > div {
    display: grid;
}
.cs-table .game {
    grid-column: span 2;
}
.cs-table .score {
    grid-column: span 2;
}
.cs-table .cell {
    font-size: var(--fluid-fs); --min-fs: 10; --max-fs: 18;
}
.cs-table .cell div {
    height: var(--fluid-hg); --min-hg: 20; --max-hg: 40;
}
.ps-table > div {
    display: grid;
}
.ps-table .cell {
    font-size: var(--fluid-fs); --min-fs: 9; --max-fs: 13;
}
.ps-table .cell div {
    height: var(--fluid-hg); --min-hg: 20; --max-hg: 35;
}

/* PC */ @media only screen and (min-width: 1021px) {
.ps-table > div {
    grid-template-columns: 2fr 8fr 5fr 3fr;
}
}
/* PC・タブレット */ @media only screen and (min-width: 768px) {
.digest .stats-group {
    grid-template-columns: 1fr 1fr;
}
.cs-table > div {
    grid-template-columns: 2fr 4fr 3fr 2fr 2fr 2fr 2fr;
}
}
/* タブレット */ @media (max-width: 1020.9px) and (min-width: 768px) {
}
/* タブレット・スマホ */ @media only screen and (max-width: 1020.9px) {
.ps-table > div {
    grid-template-columns: 2fr 8fr 3fr 3fr;
}
.ps-table .cell img {
    width: var(--fluid-wd); --min-wd: 15; --max-wd: 30;
    vertical-align: middle;
}
}
/* スマホ */ @media only screen and (max-width: 767.9px) {
.cs-table > div {
    grid-template-columns: 2fr 4fr 3fr;
}
}