body { 
    background:#f7f9fc; 
    font-family: Arial, sans-serif; 
    margin:0; 
}

.main-content { 
    max-width:1100px; 
    margin:20px auto; 
    padding:10px; 
}

.card {
    background:white; 
    border-radius:10px; 
    padding:20px; 
    margin-bottom:15px;
    box-shadow:0 3px 6px rgba(0,0,0,0.1);
}
.card h2 { 
    margin:0; 
    color:#0d47a1; 
}

.card small {
     display:block; 
     margin-top:4px; 
     color:#666; 
}

.card .meta { 
    margin:10px 0; 
    color:#444; 
}

.tag {
    display:inline-block; 
    background:#e8f0fe; 
    color:#0d47a1;
    font-weight:bold;
    border-radius:20px; 
    padding:5px 12px; 
    margin:5px 0;
}

.btn {
    display:inline-block; 
    background:#0d47a1; 
    color:white; 
    padding:10px 15px;
    border-radius:6px; 
    text-decoration:none; 
    font-weight:bold;
}

.btn:hover { background:#093170; }

.popup { 
    display:none;
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background:rgba(0,0,0,0.6); 
    align-items:center; 
    justify-content:center;
    z-index: 1000; 
}
.popup-content { 
    position: absolute;
    top:43%; 
    left:37%; 
    background:#fff; 
    padding:20px; 
    border-radius:8px; 
    width:400px; 
}
.close { 
    float:right; 
    font-size:20px; 
    cursor:pointer; 
}
ul.camp-list { 
    list-style:none; 
    padding:0; 
}
ul.camp-list li { 
    margin:8px 0; 
}
ul.camp-list a { 
    text-decoration:none; 
    color:#007bff; 
    font-weight:bold; 
}