/* --- トグル（標準チェックボックス）のスタイリング --- 
.toggle-container {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.toggle-input {
    /* 標準チェックボックスとしてそのまま使用 
    opacity: 1; 
    width: auto;
    height: auto;
    margin-right: 8px;
    position: static; 
    margin-left: 0;
}
.toggle-label {
    /* トグルの装飾を削除 
    font-size: 0.9em;
    cursor: pointer;
    user-select: none;
    position: static;
    padding-left: 0;
}
.margin-top-10 {
    margin-top: 10px;
}
*/
/* 終点生存率ラベル */
#endpoint-mortality-label {
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    font-size: 1.1em;
    padding: 5px 10px;
}

/* 死亡率終点ラベル */
#mortality-endpoint-label {
    color: #ff0000;
    background: rgba(0, 0, 0, 0.8);
    font-size: 1.1em;
    padding: 5px 10px;
}

/* Z軸の色凡例 */
#color-legend-container {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #555;
}

#color-bar {
    height: 15px;
    width: 100%;
    background: linear-gradient(to right, #0000ff, #00ff00, #ff0000); /* 40歳(青) -> 65歳(緑) -> 90歳(赤) */
    border-radius: 3px;
}

#color-labels {
    display: flex;
    justify-content: space-between;
    font-size: 0.8em;
    margin-top: 5px;
    color: #ccc;
}