.fear-and-greed-index {
    text-align: center;
    margin: 20px 0;
}

.fng-gauge {
    position: relative;
    width: 200px; /* 300px → 200px */
    height: 100px; /* 150px → 100px */
    margin: 0 auto;
    background: #fff; /* 目標イメージの背景色 */
    border-radius: 100px 100px 0 0; /* 150px → 100px */
}

#fng-gauge-canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.fng-classification {
    position: absolute; /* ゲージ内に配置 */
    top: 40px; /* 数値（30）の下に配置（110px → 70px） */
    left: 50%;
    transform: translateX(-50%); /* 中央揃え */
    font-size: 14px; /* 20px → 14px（サイズに合わせて縮小） */
    color: #555; /* 分類の色を白に */
    font-family: Arial, sans-serif;
    z-index: 10; /* 他の要素より手前に表示 */
}

.fng-timestamp {
    margin-top: 8px; /* 10px → 8px（サイズに合わせて縮小） */
    font-size: 11px; /* 14px → 11px（サイズに合わせて縮小） */
    color: #555;
    line-height: 1.5; /* 行間を広げて2行表示に対応 */
    display: flex;
    flex-direction: column; /* 縦に並べる */
    align-items: center; /* 中央揃え */
}