/* ═══════════════════════════════════════
   TSR Global Post Template Styles
   Target Sarkari Result
   ═══════════════════════════════════════ */

:root{
--primary:#0A2A43;
--secondary:#1E9E56;
--border:#d9e2ec;
--bg:#f5f7fa;
--white:#ffffff;
--text:#222;
--light-green:#eef8f1;
--light-yellow:#fff8e5;
--light-blue:#e8f0fe;
--shadow:0 2px 12px rgba(0,0,0,0.08);
--radius:8px;
}

*{box-sizing:border-box;margin:0;padding:0;}

.tsr-container{
max-width:1000px;
margin:25px auto;
background:var(--white);
border:1px solid var(--border);
border-radius:var(--radius);
font-family:Arial,Helvetica,sans-serif;
color:var(--text);
line-height:1.8;
overflow:hidden;
box-shadow:var(--shadow);
}

/* ── Header ── */
.tsr-header{
background:linear-gradient(135deg,var(--primary) 0%,#0d3a5c 50%,#0A2A43 100%);
color:#fff;
padding:28px 22px;
text-align:center;
position:relative;
overflow:hidden;
}
.tsr-header::before{
content:"";position:absolute;
top:-60px;right:-60px;
width:160px;height:160px;
background:rgba(30,158,86,0.13);
border-radius:50%;
}
.tsr-header h1{
margin:0;font-size:26px;
line-height:1.4;
position:relative;z-index:1;
}

/* ── Subtitle ── */
.tsr-subtitle{
background:var(--light-green);
padding:12px;
text-align:center;
font-weight:bold;
color:var(--secondary);
border-bottom:3px solid var(--secondary);
font-size:14px;
}

/* ── Content & Section ── */
.tsr-content{padding:20px;}
.tsr-section{margin:24px 0;}

/* ── H2 Section Titles ── */
.tsr-title{
border-left:6px solid var(--secondary);
background:linear-gradient(90deg,#f7f9fb 0%,#eef8f1 100%);
padding:12px 16px;
font-size:20px;
font-weight:bold;
color:var(--primary);
margin-bottom:12px;
border-radius:0 var(--radius) var(--radius) 0;
}

/* ── Tables ── */
.tsr-table{
width:100%;
border-collapse:collapse;
border-radius:var(--radius);
overflow:hidden;
box-shadow:0 1px 4px rgba(0,0,0,0.04);
}
.tsr-table th{
background:var(--primary);
color:#fff;
padding:10px 14px;
text-align:left;
font-size:13.5px;
}
.tsr-table td{
padding:10px 14px;
border:1px solid #e8e8e8;
font-size:14px;
}
.tsr-table tr:nth-child(even){background:#fafbfc;}
.tsr-table tr:hover{background:#f0f7f2;}
.tsr-table .total-row{
background:var(--light-green)!important;
font-weight:bold;
}
.tsr-table .total-row td{border-color:var(--secondary);}

/* ── Badges ── */
.badge{
background:var(--secondary);color:#fff;
padding:3px 11px;border-radius:4px;
font-size:13px;font-weight:600;display:inline-block;
}

/* ── Quick Info Cards ── */
.tsr-cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
gap:14px;
margin:20px 0;
}
.tsr-card{
background:var(--primary);
color:#fff;
padding:16px 10px;
border-radius:var(--radius);
text-align:center;
}
.tsr-card .card-val{
font-size:22px;
font-weight:bold;
color:var(--secondary);
display:block;
}
.tsr-card .card-lbl{
font-size:11px;
opacity:0.8;
text-transform:uppercase;
letter-spacing:0.4px;
margin-top:4px;
display:block;
}

/* ── Timeline (Important Dates) ── */
.tsr-timeline{
position:relative;
padding-left:30px;
list-style:none;
}
.tsr-timeline::before{
content:"";
position:absolute;
left:10px;top:6px;bottom:6px;
width:3px;
background:var(--secondary);
border-radius:3px;
}
.tsr-timeline li{
position:relative;
margin-bottom:12px;
padding:12px 16px;
background:#f7f9fb;
border-radius:var(--radius);
border:1px solid #e8e8e8;
font-size:14px;
}
.tsr-timeline li::before{
content:"";
position:absolute;
left:-26px;top:18px;
width:13px;height:13px;
background:var(--secondary);
border:3px solid #fff;
border-radius:50%;
box-shadow:0 0 0 2px var(--secondary);
}
.tsr-timeline li .tl-date{
font-weight:bold;
color:var(--secondary);
}

/* ── Apply Online Highlight Box ── */
.tsr-apply-box{
background:linear-gradient(135deg,#1E9E56 0%,#178a4a 100%);
border-radius:var(--radius);
padding:28px 25px;
text-align:center;
color:#fff;
margin:24px 0;
position:relative;
overflow:hidden;
}
.tsr-apply-box::before{
content:"";position:absolute;
top:-40px;right:-40px;
width:140px;height:140px;
background:rgba(255,255,255,0.08);
border-radius:50%;
}
.tsr-apply-box h2{
margin:0 0 6px 0;
font-size:22px;
position:relative;z-index:1;
}
.tsr-apply-box p{
margin:0 0 18px 0;
opacity:0.9;
font-size:14px;
position:relative;z-index:1;
}
.tsr-apply-btn{
display:inline-block;
background:#fff;
color:var(--secondary);
padding:14px 40px;
border-radius:50px;
font-size:16px;
font-weight:bold;
text-decoration:none;
transition:all 0.3s;
position:relative;z-index:1;
box-shadow:0 4px 15px rgba(0,0,0,0.2);
}
.tsr-apply-btn:hover{
background:var(--primary);
color:#fff;
text-decoration:none;
transform:translateY(-2px);
box-shadow:0 6px 20px rgba(0,0,0,0.3);
}
.tsr-apply-deadline{
margin-top:14px;
font-size:13px;
opacity:0.85;
position:relative;z-index:1;
}
.tsr-apply-deadline strong{color:#fff3cd;}

/* ── Note Boxes ── */
.note{
background:var(--light-yellow);
border-left:5px solid #ff9800;
padding:12px 16px;
margin-top:12px;
border-radius:0 var(--radius) var(--radius) 0;
font-size:13.5px;
}
.note-blue{
background:var(--light-blue);
border-left:5px solid #1565c0;
padding:12px 16px;
margin-top:12px;
border-radius:0 var(--radius) var(--radius) 0;
font-size:13.5px;
}
.note-green{
background:var(--light-green);
border-left:5px solid var(--secondary);
padding:12px 16px;
margin-top:12px;
border-radius:0 var(--radius) var(--radius) 0;
font-size:13.5px;
}
.note-red{
background:#fde8e8;
border-left:5px solid #e53935;
padding:12px 16px;
margin-top:12px;
border-radius:0 var(--radius) var(--radius) 0;
font-size:13.5px;
}

/* ── Links ── */
a{color:var(--primary);font-weight:bold;text-decoration:none;transition:color 0.2s;}
a:hover{color:var(--secondary);text-decoration:underline;}

/* ── Lists ── */
.tsr-content ul{padding-left:22px;}
.tsr-content ul li{margin-bottom:5px;font-size:14px;}

/* ── Numbered Steps ── */
.tsr-steps{
counter-reset:step;
list-style:none;
padding:0!important;
}
.tsr-steps li{
counter-increment:step;
position:relative;
padding:10px 12px 10px 52px;
margin-bottom:8px;
background:#f7f9fb;
border-radius:var(--radius);
border:1px solid #e8e8e8;
font-size:14px;
}
.tsr-steps li::before{
content:counter(step);
position:absolute;
left:12px;top:50%;
transform:translateY(-50%);
width:28px;height:28px;
background:var(--secondary);
color:#fff;border-radius:50%;
display:flex;align-items:center;justify-content:center;
font-weight:bold;font-size:13px;
}

/* ── FAQ Accordion ── */
.faq-item{
border:1px solid #e0e0e0;
border-radius:var(--radius);
margin-bottom:8px;
overflow:hidden;
}
.faq-q{
background:#f7f9fb;
padding:12px 16px;
cursor:pointer;
font-weight:bold;
font-size:14px;
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
user-select:none;
}
.faq-q:hover{background:#eef8f1;}
.faq-q .faq-arrow{
font-size:16px;transition:transform 0.3s;
flex-shrink:0;color:var(--secondary);
}
.faq-item.active .faq-arrow{transform:rotate(180deg);}
.faq-a{
padding:0 16px;
max-height:0;overflow:hidden;
transition:max-height 0.3s ease,padding 0.3s ease;
font-size:14px;line-height:1.7;
}
.faq-item.active .faq-a{
max-height:300px;
padding:12px 16px;
}

/* ── Responsive ── */
@media(max-width:768px){
.tsr-header h1{font-size:20px;}
.tsr-cards{grid-template-columns:repeat(3,1fr);gap:8px;}
.tsr-card .card-val{font-size:18px;}
.tsr-title{font-size:17px;padding:10px 14px;}
.tsr-content{padding:14px;}
.tsr-table th,.tsr-table td{padding:8px 10px;font-size:13px;}
.tsr-apply-btn{padding:12px 30px;font-size:15px;}
}
@media(max-width:480px){
.tsr-cards{grid-template-columns:repeat(2,1fr);}
.tsr-header{padding:20px 14px;}
.tsr-header h1{font-size:17px;}
}