/*得獎者容器*/
/* 跨比賽對齊容器 */
.prizeAndWinner .winners {
    display: grid;
    /* 1. 加大寬度：將 200px 改為 250px 或更高，確保英文名字放得下 */
    /* 2. 使用 auto-fill，讓它在寬度足夠時自動排成多欄 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    
    gap: 12px 25px;
    width: 100%;
}

/* 針對每個名字單元的設定 */
.competition .winners > * {
    display: flex;             /* 使用 flex 佈局 */
    flex-direction: row;       /* 強制橫向排列 */
    justify-content: flex-start;
    align-items: baseline;     /* 讓文字底部對齊 */
    
    white-space: nowrap;       /* 關鍵：強制不換行 */
    font-size: 0.95rem;
}

/* 如果名字還是太長，讓它稍微縮小字體或顯示省略號，而不是斷行 */
.competition .winners > span, 
.competition .winners > div {
    overflow: hidden;
    text-overflow: ellipsis; /* 如果真的塞不下，顯示... */
}

/* 手機版：改為 1 欄或 2 欄，確保班級編號不消失 */
@media (max-width: 600px) {
    .competition .winners {
        grid-template-columns: 1fr 1fr; /* 強制兩欄 */
        font-size: 0.85rem;
    }
}