.wk-page-wrap{
    max-width:1100px;
    margin:0 auto;
    padding:32px 16px;
}

.wk-page-header{
    margin-bottom:24px;
}

.wk-page-header h1{
    margin:0 0 10px;
    font-size:32px;
    line-height:1.2;
    font-weight:700;
    color:#111827;
}

.wk-page-header p{
    margin:0;
    font-size:16px;
    line-height:1.6;
    color:#6b7280;
}

.wk-match-list{
    display:grid;
    gap:16px;
}

.wk-match-card{
    background:#ffffff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    padding:18px;
    box-shadow:0 2px 10px rgba(0,0,0,.04);
}

.wk-match-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
    flex-wrap:wrap;
}

.wk-match-teams{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.wk-team-name{
    font-size:18px;
    font-weight:700;
    color:#111827;
}

.wk-match-vs{
    font-size:13px;
    font-weight:700;
    color:#6b7280;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.wk-match-meta{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
}

.wk-kickoff,
.wk-status{
    display:inline-flex;
    align-items:center;
    padding:6px 10px;
    border-radius:999px;
    font-size:13px;
    font-weight:600;
    background:#f3f4f6;
    color:#374151;
}

.wk-match-venue{
    margin-top:10px;
    font-size:14px;
    line-height:1.5;
    color:#4b5563;
}

.wk-empty-state{
    padding:24px;
    border:1px dashed #d1d5db;
    border-radius:16px;
    background:#fafafa;
    color:#6b7280;
}

@media (max-width:768px){
    .wk-page-wrap{
        padding:24px 14px;
    }

    .wk-page-header h1{
        font-size:26px;
    }

    .wk-team-name{
        font-size:16px;
    }

    .wk-match-card{
        padding:16px;
    }
}