/* =====================================================
   PAGE + CATEGORY – NOTICE BOARD DESIGN
===================================================== */

.sji-page-wrap{
max-width:1060px;
margin:15px auto 20px;
background:#ffffff;
border-radius:8px;
overflow:hidden;
}

/* MAIN HEADING */

.sji-page-wrap h1,
.sji-page-wrap > h2:first-child{
background:#8b2c3a;
color:#ffffff;
padding:14px 20px;
margin:0 0 18px;
font-size:26px;
font-weight:800;
border-radius:8px 8px 0 0;
}

/* PARAGRAPH */

.sji-page-wrap p{
padding:0 20px;
font-size:15.5px;
line-height:1.8;
color:#222;
margin-bottom:14px;
}

/* SECTION HEADING */

.sji-page-wrap h2{
margin:24px 20px 12px;
font-size:22px;
font-weight:800;
color:#000;
border-left:4px solid #b30000;
padding-left:10px;
}

/* =====================================================
   POST LIST
===================================================== */

.sji-page-wrap ul{
margin:10px 20px 24px;
padding:0;
}

.sji-page-wrap ul li{
list-style:none;
position:relative;
padding:10px 14px 10px 32px;
margin-bottom:8px;
background:#f8f8f8;
border-radius:6px;
}

.sji-page-wrap ul li::before{
content:"•";
position:absolute;
left:14px;
top:9px;
font-size:20px;
font-weight:900;
color:#b30000;
}

.sji-page-wrap ul li a{
font-size:15px;
font-weight:700;
color:#003399;
display:block;
}

.sji-page-wrap ul li:hover{
background:#f1f1f1;
}

.sji-page-wrap ul li a:hover{
color:#b30000;
}

/* =====================================================
   SINGLE POST
===================================================== */

.single-post .sji-page-wrap{
padding:18px 20px 22px;
}

/* POST TITLE */

.single-post .sji-page-heading{
background:none !important;
border:none !important;
padding:0 !important;
margin:0 0 16px !important;
font-size:22px;
font-weight:800;
line-height:1.35;
color:#8b2c3a;
text-align:left;
}

.single-post .sji-page-heading::after{
content:"";
display:block;
width:100%;
height:2px;
background:#e0e0e0;
margin-top:8px;
}

/* REMOVE DUPLICATE TITLE */

.single-post .sji-page-content > h1:first-child{
display:none !important;
}

/* =====================================================
   SHORT DETAILS
===================================================== */

.sji-short-details{
width:100%;
border-collapse:separate;
margin:30px 0;
background:#ffffff;
border-radius:8px;
overflow:hidden;
}

.sji-short-details th{
background:#1f2937;
color:#ffffff;
padding:14px 16px;
font-size:18px;
text-align:left;
}

.sji-short-details td{
padding:16px 18px;
font-size:15.5px;
line-height:1.9;
color:#111827;
text-align:justify;
}

.sji-short-details td a{
color:#2563eb;
text-decoration:none;
font-weight:500;
}

.sji-short-details td a:hover{
text-decoration:underline;
}

/* =====================================================
   3 ROW INFO BOX
===================================================== */

.sji-info{
width:100%;
margin:35px 0;
border-radius:10px;
overflow:hidden;
background:#ffffff;
box-shadow:0 6px 18px rgba(0,0,0,.12);
}

.sji-info td{
padding:16px 14px;
text-align:center;
}

.sji-info tr:nth-child(1) td{
background:linear-gradient(135deg,#1f2937,#111827);
color:#ffffff;
font-size:24px;
font-weight:700;
}

.sji-info tr:nth-child(2) td{
background:#f1f5f9;
color:#111827;
font-size:18px;
font-weight:600;
}

.sji-info tr:nth-child(3) td{
background:#ecfeff;
font-size:15.5px;
font-weight:600;
}

/* =====================================================
   IMPORTANT LINKS
===================================================== */

.sji-links{
width:100%;
border-collapse:collapse;
margin:30px 0;
background:#ffffff;
}

.sji-links tr{
border-bottom:1px solid #e5e5e5;
}

.sji-link-text{
width:70%;
padding:10px 14px;
font-size:16px;
font-weight:600;
}

.sji-link-btn{
width:30%;
padding:10px 14px;
text-align:right;
}

.sji-link-btn a{
display:inline-block;
background:#e60023;
color:#fff !important;
padding:7px 22px;
border-radius:4px;
font-size:13px;
font-weight:700;
text-decoration:none;
}

.sji-link-btn a:hover{
background:#c4001d;
}

/* =====================================================
   FAQ
===================================================== */

.sji-faq{
width:100%;
margin:40px 0;
background:#ffffff;
border-radius:8px;
overflow:hidden;
}

.sji-faq td{
padding:14px 16px;
font-size:15px;
line-height:1.8;
color:#1f2937;
border-bottom:1px solid #e5e5e5;
}

/* =====================================================
   IMPORTANT TOOLS
===================================================== */

.sji-tools-box{
text-align:center;
margin:25px 0;
padding:20px;
background:#f8f9fb;
border-radius:10px;
}

.sji-tools-links{
display:flex;
justify-content:center;
gap:12px;
flex-wrap:wrap;
}

.sji-tools-links a{
padding:10px 18px;
background:#ffffff;
border:1px solid #dcdcdc;
border-radius:30px;
font-weight:600;
color:#0b57d0;
text-decoration:none;
}

.sji-tools-links a:hover{
background:#0b57d0;
color:#ffffff;
}

/* =====================================================
   MOBILE
===================================================== */

@media(max-width:768px){

.sji-page-wrap{
margin:20px 10px;
}

.sji-page-wrap h1{
font-size:22px;
padding:12px 14px;
}

.sji-page-wrap p{
padding:0 14px;
font-size:14.5px;
}

.sji-link-text{
font-size:15px;
}

.sji-link-btn{
text-align:center;
}

.sji-link-btn a{
margin-top:6px;
}

}