/* ===== Article Content Styling ===== */

/* Paragraph */
.entry-content p,
.post-content p,
.wp-block-post-content p {
    color: #000000;
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 18px;
}

/* H2 Heading */
.entry-content h2,
.post-content h2,
.wp-block-post-content h2 {
    color: #D80000;
    margin-top: 20px;
    margin-bottom: 18px;
    line-height: 1.4;
}

/* H3 Heading */
.entry-content h3,
.post-content h3,
.wp-block-post-content h3 {
    color: #0008A4;
    margin-top: 20px;
    margin-bottom: 15px;
    line-height: 1.4;
}








/* =====================================================
   POST PAGE
===================================================== */
.stm-post{
    background:#fff;
    border:1px solid #e5ebf3;
    border-radius:0 0 12px 12px;
    padding:22px 24px;
    font-family:Arial,Helvetica,sans-serif;
}
.stm-post-title{
    margin:0 0 8px;
    color:#123f78;
    font-size:28px;
    line-height:1.35;
    font-weight:800;
}
.stm-post-meta{
    margin:0 0 18px;
    padding-bottom:12px;
    border-bottom:1px solid #e5ebf3;
    color:#5d6b7e;
    font-size:14px;
}
.stm-post-meta a{ color:#0069d9; text-decoration:none; font-weight:600; }
.stm-post-meta a:hover{ text-decoration:underline; }

.entry-content{ overflow-wrap:anywhere; }
.entry-content a{ color:#0069d9; font-weight:600; }
.entry-content img{ max-width:100%; height:auto; }
.entry-content ul,
.entry-content ol{ margin:0 0 18px 24px; font-size:17px; line-height:1.8; }
.entry-content li{ margin-bottom:6px; }
.entry-content table{
    display:block;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    border-collapse:collapse;
    margin:0 0 20px;
    font-size:16px;
}
.entry-content th,
.entry-content td{
    border:1px solid #cfd8e6;
    padding:9px 12px;
    text-align:left;
    vertical-align:top;
}
.entry-content th{ background:#0173F8; color:#fff; font-weight:700; }
.entry-content tr:nth-child(even) td{ background:#f7faff; }

.stm-related-title{
    margin:26px 0 12px;
    color:#D80000;
    font-size:22px;
    font-family:Arial,Helvetica,sans-serif;
}

/* =====================================================
   LIST (category / search / related)
===================================================== */
.stm-list{
    margin:0;
    padding:0;
    list-style:none;
    background:#fff;
    border:1px solid #0173F8;
    font-family:Arial,Helvetica,sans-serif;
}
.stm-list li{ padding:9px 15px; border-bottom:1px solid #d9d9d9; line-height:1.4; }
.stm-list li:last-child{ border-bottom:0; }
.stm-list li a{ color:#000; font-size:18px; font-weight:600; text-decoration:none; }
.stm-list li a:hover{ color:#d40000; text-decoration:underline; }
.stm-list .red{ color:#e00000; font-weight:700; margin-left:4px; }
.stm-list .stm-date{ display:block; margin-top:2px; color:#666; font-size:13px; }
.stm-empty{ padding:28px 15px; text-align:center; color:#555; font-size:16px; }
.stm-search-info{ margin:10px 4px; color:#333; font-size:16px; }

/* PAGINATION */
.stm-pagination{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin:20px 0 6px; font-family:Arial,Helvetica,sans-serif; }
.stm-pagination a,
.stm-pagination span{
    min-width:38px;
    padding:7px 13px;
    border:1px solid #0173F8;
    border-radius:4px;
    color:#0173F8;
    font-size:15px;
    font-weight:600;
    text-align:center;
    text-decoration:none;
}
.stm-pagination a:hover{ background:#eef5ff; }
.stm-pagination .current{ background:#0173F8; color:#fff; }
.stm-pagination .dots{ border-color:transparent; }

@media (max-width:767px){
    .stm-post{ padding:16px 12px; }
    .stm-post-title{ font-size:22px; }
    .entry-content ul, .entry-content ol{ font-size:16px; }
    .entry-content table{ font-size:14px; }
    .stm-list li{ padding:8px 12px; }
    .stm-list li a{ font-size:16px; }
    .stm-related-title{ font-size:19px; }
}