/* File: assets/public.css */

.predicto-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}

.predicto-container section h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
}

.predicto-container section h3 {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.predicto-container section p {
    margin-bottom: 1.2rem;
}

.predicto-container section ul {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.predicto-container section ul li {
    margin-bottom: 0.5rem;
}

/*.predicto-container ul li strong {*/
/*    color: #2b6cb0;*/
/*}*/

.predicto-container section table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.95rem;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}

.predicto-container section thead tr {
    background-color: #f7fafc;
    color: #4a5568;
    text-align: left;
    border-bottom: 2px solid #e2e8f0;
}

.predicto-container section th,
.predicto-container section td {
    padding: 12px 15px;
}

.predicto-container section tbody tr {
    border-bottom: 1px solid #edf2f7;
}

.predicto-container section tbody tr:last-of-type {
    border-bottom: none;
}

.predicto-container section p strong {
    display: inline-block;
    /*padding: 8px 12px;*/
    border-radius: 6px;
    margin-top: 10px;
}