/* ユーザーが解いた問題の技法(Users/AITechniques.html) */
.tech-intro {
    max-width: 60em;
    color: var(--yk-text-muted);
}

.tech-category {
    margin-top: 1.5em;
}

.tech-category-count {
    margin-left: 0.5em;
    font-size: 0.8em;
    font-weight: normal;
    color: var(--yk-text-muted);
}

.tech-table {
    max-width: 60em;
}

.tech-table .tech-count {
    width: 7em;
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.tech-table .tech-bar-cell {
    width: 35%;
}

/* 棒の長さは、一番多い技法を 100% とした割合(テンプレートが width を入れる) */
.tech-bar {
    display: inline-block;
    height: 0.8em;
    min-width: 2px;
    vertical-align: middle;
    border-radius: 2px;
    background-color: var(--bs-primary);
}

.tech-table tr.tech-zero > td,
.tech-table tr.tech-zero > td > a {
    color: var(--yk-text-muted);
}

.tech-table tr.tech-selected > td {
    font-weight: bold;
}

.tech-desc {
    font-size: 0.85em;
    color: var(--yk-text-muted);
}