.note-intro {
    background: var(--bg-soft);
    padding: 20px;
    border: 3px solid aliceblue;
    border-left: 4px solid var(--accent);
    margin: 30px 0;
    border-radius: 0 16px 16px 0;
    
}

.newcontent div.note-intro p {
    padding-bottom: 0px; 
  }

.finder h3 {
    margin-bottom: 25px;
}


.table-wrapper {
    margin: 0 auto;
    padding: 10px 12px 18px;
    background: #fff;
    max-width: 1150px;
}

.custom-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #d5d7da;
    border-radius: 8px;
    overflow: hidden;
    background: #f8f8f8;
}

.custom-table thead th {
    background: #dfe1e4;
    color: #0d4f93;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    padding: 16px 18px;
    border-bottom: 1px solid #d0d3d6;
}

.custom-table tbody td {
    background: #f5f5f5;
    padding: 13px 18px;
    font-size: 17px;
    color: #333;
    border-bottom: 1px solid #d9dcdf;
    vertical-align: middle;
}

.custom-table tbody tr:last-child td {
    border-bottom: none;
}

.badge {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
}

.excellent {
    background: #d7ead5;
    color: #2f6b2f;
}

.good {
    background: #d7e5f5;
    color: #24558a;
}

.questionable {
    background: #f3e4bc;
    color: #9a6200;
}

.poor {
    background: #f4d6d6;
    color: #a33434;
}

.width-350{
    width: 350px;
}