:root{
    --text:#1f2937; /* slate-800 */
    --muted:#6b7280; /* slate-500 */
    --line:#e5e7eb; /* gray-200 */
    --primary:#2F7BE3; /* blue-600 */
    --bg:#ffffff;
    --hover:#f8fafc; /* slate-50 */
}

/* wrapper */
#dm-dochieu{
    margin:32px auto; padding:0 16px;
    font-size: 18px; line-height: 1.6;
}
#dm-dochieu li {
    font-size: 18px; line-height: 1.6; margin: 10px 0;
}

/* grid */
.grid{
    display:grid; gap:18px;
    grid-template-columns:repeat(2,minmax(0,1fr));
}
@media (max-width: 820px){
    .grid{ grid-template-columns:1fr; }
}


/* column sections */
.section{

}


h3.heading{
    display:flex; align-items:center; gap:10px;
    font-family: OpenSansBold; color:#2F7BE3; text-decoration:none;
    padding:6px 0;
    font-size: 18px; line-height: 1.5;
    margin-bottom: 0 !important;
}
.heading .chev{
    width:16px; height:16px; display:inline-flex; align-items:center; justify-content:center;
    border-radius:999px; border:1px solid var(--line); color:var(--muted); font-size:12px; flex:0 0 16px;
}


.list{ list-style:none !important; margin:0; padding:0 0 6px 0; }
.list li{
    position:relative; padding-left:0; line-height:1.5;
    color:var(--text);
}
.list li + li{ margin-top:8px; }

.list a{ color:inherit; text-decoration:none; }
.list a:hover{ color: #2F7BE3 }
#dm-dochieu a {
    color: #000000 !important;
}

/* subtle row hover for whole block */