/* =========================================
   🔷 SMART BOX
========================================= */
.smart-box {
    background: linear-gradient(135deg, #f5f7fa, #eef1f5);
    border-left: 5px solid #0073aa;
    padding: 18px 22px;
    margin: 20px 0;
    font-size: 16px;
    line-height: 1.8;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    position: relative;
    text-align: justify;
}

.smart-box:before {
    content: "“";
    font-size: 42px;
    color: #0073aa;
    position: absolute;
    top: 5px;
    left: 12px;
    opacity: 0.3;
}


/* =========================================
   🔷 SMART TABLE
========================================= */
.smart-table-wrapper {
    overflow-x: auto;
    margin: 20px 0;
}

.smart-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

.smart-table th,
.smart-table td {
    border: 1px solid #ddd;
    padding: 10px;
}

.smart-table th {
    background: #0073aa;
    color: #fff;
    text-align: left;
}

.smart-table td {
    word-break: break-word;
}

/* Zebra effect */
.smart-table tbody tr:nth-child(even) {
    background: #f9f9f9;
}


/* =========================================
   🔢 NEPALI NUMBER (ENGLISH + EXTRA)
========================================= */

/* Keep default English number */
ol {
    padding-left: 30px;
}

/* Show Nepali number beside English */
ol li::after {
    content: " (" counter(list-item) ")";
    margin-left: 6px;
    color: #0073aa;
    font-size: 14px;
}


/* =========================================
   🔹 ATTRACTIVE BULLET
========================================= */

/* Keep default bullet */
ul {
    padding-left: 25px;
}

/* Style default bullet */
ul li::marker {
    color: #0073aa;
    font-size: 16px;
}

/* Add extra design */
ul li::after {
    content: " ◆";
    color: #e63946;
    font-size: 12px;
    margin-left: 5px;
}


/* =========================================
   📱 RESPONSIVE
========================================= */
@media (max-width: 768px) {

    .smart-box {
        padding: 15px;
        font-size: 15px;
    }

    .smart-table {
        font-size: 14px;
    }

}