.highlight-bar {
background: #e0f7fa !important;
border-right: 6px solid #00796b !important;
padding: 1rem 1.2rem !important;
font-weight: bold !important;
font-size: 1.1rem !important;
border-radius: 5px !important;
margin: 1.5rem 0 1rem !important;
}

.feature-box {
background: #e0f2f1 !important;
border-right: 6px solid #004d40 !important;
padding: 1.2rem !important;
border-radius: 6px !important;
margin: 1rem 0 !important;
}

.feature-box h2 {
margin-top: 0 !important;
color: #004d40 !important;
font-size: 1.2rem !important;
}

.feature-box ul {
margin: .75rem 0 .5rem 1.2rem !important;
padding: 0 !important;
}

.feature-box ul li {
margin-bottom: .6rem !important;
}

table {
width: 100% !important;
border-collapse: collapse !important;
margin: 1rem 0 !important;
}

table th,
table td {
padding: .8rem !important;
border: 1px solid #ddd !important;
text-align: center !important;
}

table th {
background: #fff8e1 !important;
}

table tbody tr:nth-child(even) {
background: #fafafa !important;
}

pre {
background: #fafafa !important;
border-left: 4px solid #f9a825 !important;
padding: .8rem !important;
overflow-x: auto !important;
border-radius: 4px !important;
margin: 1rem 0 !important;
font-family: monospace !important;
font-size: .95rem !important;
}

.tip {
background: #fffde7 !important;
border-right: 6px solid #fbc02d !important;
padding: 1rem !important;
border-radius: 6px !important;
margin: 1rem 0 !important;
}