/* 各賞を別々の横並び領域にし、サイズ変更の相互干渉を防ぐ。 */
@media (min-width:781px) {
    .cpl-excellent,
    .cpl-honorable,
    .cpl-selected {
        display:flex;
        flex-wrap:nowrap;
        justify-content:space-between;
        width:100%;
        min-width:0;
        max-width:100%;
    }

    .cpl-excellent .cpl-card { flex:0 0 var(--excellent); width:var(--excellent); }
    .cpl-honorable .cpl-card { flex:0 0 var(--honorable); width:var(--honorable); }
    .cpl-selected .cpl-card { flex:0 0 var(--selected); width:var(--selected); }
}