/*
=========================================================
DISHA RECRUITMENT
CUSTOMER-SUPPORT-GUIDE.CSS
VERSION 1.0
STABILITY → COMPACTNESS → READABILITY → PREMIUM
=========================================================
*/

/* =========================================================
CSE-00 PAGE FOUNDATION START
========================================================= */
.cse-guide-page{--cse-blue:#0B4F9C;--cse-green:#148C3B;--cse-soft:#F4F8FD;--cse-border:#DCE6F1;--cse-text:#243447;--cse-muted:#64778B;--cse-shadow:0 6px 18px rgba(18,60,105,.055)}
.cse-guide-page a{text-decoration:none}
/* CSE-00 END */

/* =========================================================
CSE-01 HERO START
========================================================= */
.cse-hero{padding:34px 0 31px}
.cse-hero .guide-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:30px}
.cse-hero .guide-hero-content h1{max-width:730px;font-size:39px;line-height:1.13}
.cse-hero-image{justify-content:center}
.cse-hero-image img{width:100%;max-width:390px;aspect-ratio:1/1;object-fit:contain;background:#fff}
.cse-text-link{display:inline-flex;align-items:center;padding:10px 4px;color:var(--cse-blue);font-size:13px;font-weight:800}
.cse-text-link:hover{color:var(--cse-green)}
.cse-guide-meta{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:9px;color:var(--cse-muted);font-size:12px;line-height:1.4}
/* CSE-01 END */

/* =========================================================
CSE-02 FOUR DIMENSIONS START
========================================================= */
.cse-framework-section{padding:38px 0 40px;background:#fff}
.cse-four-dimension-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;max-width:1000px;margin:0 auto 18px}
.cse-dimension-card{padding:15px 14px;border:1px solid var(--cse-border);border-top:3px solid var(--cse-blue);border-radius:10px;background:#fff;box-shadow:var(--cse-shadow)}
.cse-dimension-card>span{display:flex;align-items:center;justify-content:center;width:29px;height:29px;margin-bottom:9px;border-radius:8px;background:#EDF5FD;color:var(--cse-blue);font-size:10px;font-weight:800}
.cse-dimension-card h3{margin:0 0 5px;color:var(--cse-blue);font-family:"Poppins",Arial,sans-serif;font-size:16px;line-height:1.3}
.cse-dimension-card p{margin:0;color:var(--cse-muted);font-size:13px;line-height:1.5}
.cse-decision-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:1000px;margin:0 auto;overflow:hidden;border:1px solid var(--cse-border);border-radius:10px;background:#F8FBFE}
.cse-decision-strip div{min-width:0;padding:11px 10px;border-left:1px solid #E4EBF3}
.cse-decision-strip div:first-child{border-left:0}
.cse-decision-strip strong,.cse-decision-strip span{display:block}
.cse-decision-strip strong{margin-bottom:3px;color:var(--cse-blue);font-size:12px}
.cse-decision-strip span{color:var(--cse-muted);font-size:11.5px;line-height:1.4}
/* CSE-02 END */

/* =========================================================
CSE-03 ROLE START
========================================================= */
.cse-soft{background:var(--cse-soft)}
.cse-role-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:1000px;margin:0 auto}
.cse-role-list,.cse-role-types{border:1px solid var(--cse-border);border-radius:11px;background:#fff;box-shadow:var(--cse-shadow)}
.cse-role-list{padding:7px 16px}
.cse-role-list div{display:flex;gap:9px;padding:9px 0;border-top:1px solid #E9EFF5;color:var(--cse-text);font-size:14px;line-height:1.4}
.cse-role-list div:first-child{border-top:0}.cse-role-list i{color:var(--cse-green);font-style:normal;font-weight:800}
.cse-role-types{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.cse-role-types div{padding:15px 14px;border-left:1px solid #E9EFF5;border-top:1px solid #E9EFF5}
.cse-role-types div:nth-child(1),.cse-role-types div:nth-child(2){border-top:0}.cse-role-types div:nth-child(odd){border-left:0}
.cse-role-types strong,.cse-role-types span{display:block}.cse-role-types strong{margin-bottom:4px;color:var(--cse-blue);font-size:14px}.cse-role-types span{color:var(--cse-muted);font-size:12.5px;line-height:1.45}
/* CSE-03 END */

/* =========================================================
CSE-04 PERSON START
========================================================= */
.cse-competency-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;max-width:1000px;margin:0 auto 17px}
.cse-competency-grid div{min-height:92px;padding:15px 14px;border:1px solid var(--cse-border);border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(18,60,105,.04)}
.cse-competency-grid strong,.cse-competency-grid span{display:block}.cse-competency-grid strong{margin-bottom:5px;color:var(--cse-blue);font-size:15px}.cse-competency-grid span{color:var(--cse-muted);font-size:12.8px;line-height:1.5}
.cse-contrast{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;max-width:1000px;margin:0 auto;padding:13px 16px;border-left:4px solid var(--cse-green);border-radius:8px;background:#F7FCF8;text-align:center}
.cse-contrast div{display:flex;align-items:center;gap:10px}.cse-contrast div span{color:var(--cse-muted);font-size:13px;font-weight:700}.cse-contrast div strong{color:var(--cse-blue);font-size:18px}.cse-contrast p{flex:1 1 300px;margin:0;color:var(--cse-muted);font-size:12.5px;line-height:1.45}
/* CSE-04 END */

/* =========================================================
CSE-05 ASSESSMENT START
========================================================= */
.cse-assessment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-width:1000px;margin:0 auto}
.cse-assessment-grid article{padding:19px 17px 17px;border:1px solid var(--cse-border);border-top:3px solid var(--cse-green);border-radius:11px;background:#fff;box-shadow:var(--cse-shadow)}
.cse-assessment-number{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-bottom:10px;border-radius:8px;background:#EFF9F2;color:var(--cse-green);font-size:10px;font-weight:800}
.cse-assessment-grid h3{margin:0 0 7px;color:var(--cse-blue);font-size:18px}.cse-assessment-grid p{margin:0 0 12px;color:var(--cse-muted);font-size:13px;line-height:1.55}.cse-assessment-grid .cse-prompt{color:var(--cse-text);font-size:13.5px;font-weight:600}
.cse-assessment-grid h4{margin:0 0 6px;color:var(--cse-blue);font-size:11px;text-transform:uppercase;letter-spacing:.6px}
.cse-mini-tags{display:flex;flex-wrap:wrap;gap:5px}.cse-mini-tags span{padding:5px 7px;border-radius:5px;background:#F2F6FA;color:#53677B;font-size:10.5px;font-weight:700}
.cse-assessment-callout{max-width:1000px;margin:12px auto 0;padding:12px 15px;border-left:4px solid var(--cse-blue);border-radius:8px;background:#fff;color:var(--cse-muted);font-size:13px;line-height:1.5}.cse-assessment-callout strong{color:var(--cse-blue)}
/* CSE-05 END */

/* =========================================================
CSE-06 HIRING SYSTEM START
========================================================= */
.cse-process{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));max-width:1050px;margin:0 auto;overflow:hidden;border:1px solid var(--cse-border);border-radius:11px;background:#fff;box-shadow:var(--cse-shadow)}
.cse-process div{padding:14px 9px;text-align:center;border-left:1px solid #E7EDF4}.cse-process div:first-child{border-left:0}
.cse-process span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;margin:0 auto 6px;border-radius:50%;background:#EAF3FD;color:var(--cse-blue);font-size:9px;font-weight:800}
.cse-process strong,.cse-process small{display:block}.cse-process strong{color:var(--cse-blue);font-size:12px}.cse-process small{margin-top:3px;color:var(--cse-muted);font-size:10px;line-height:1.35}
/* CSE-06 END */

/* =========================================================
CSE-07 EXPERIENCE START
========================================================= */
.cse-experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:900px;margin:0 auto}.cse-experience-grid>div{padding:19px;border:1px solid var(--cse-border);border-radius:11px;background:#fff;box-shadow:var(--cse-shadow)}.cse-experience-grid h3{margin:0 0 12px;color:var(--cse-blue);font-size:19px}
.cse-pros,.cse-check{display:grid;grid-template-columns:125px 1fr;gap:9px;padding:10px 0;border-top:1px solid #E8EEF4}.cse-pros strong,.cse-check strong{color:var(--cse-green);font-size:12px}.cse-check strong{color:var(--cse-blue)}.cse-pros span,.cse-check span{color:var(--cse-muted);font-size:13px;line-height:1.5}
/* CSE-07 END */

/* =========================================================
CSE-08 INTERVIEW START
========================================================= */
.cse-interview-table-wrap{max-width:1000px;margin:0 auto}.cse-interview-table th:first-child{width:72%}.cse-interview-table th:last-child{width:28%}.cse-interview-table th,.cse-interview-table td{font-size:13.5px}
.cse-listen-strip{max-width:1000px;margin:11px auto 0;padding:11px 15px;border-radius:8px;background:#F2F7FC;color:var(--cse-muted);font-size:13px;text-align:center}.cse-listen-strip strong{color:var(--cse-blue)}
/* CSE-08 END */

/* =========================================================
CSE-09 SCORECARD START
========================================================= */
.cse-scorecard{max-width:760px;margin:0 auto;overflow:hidden;border:1px solid var(--cse-border);border-radius:11px;background:#fff;box-shadow:var(--cse-shadow)}.cse-scorecard>div{display:grid;grid-template-columns:1fr 120px;border-top:1px solid #E8EEF4}.cse-scorecard>div:first-child{border-top:0}.cse-scorecard>div:not(.cse-score-head){padding:10px 15px}.cse-scorecard strong{color:var(--cse-text);font-size:13.5px}.cse-scorecard b{color:var(--cse-blue);font-size:13.5px;text-align:right}.cse-score-head{padding:11px 15px;background:var(--cse-blue);color:#fff;font-size:12.5px;font-weight:700}
/* CSE-09 END */

/* =========================================================
CSE-10 BANGALORE START
========================================================= */
.cse-bangalore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;max-width:1000px;margin:0 auto}.cse-bangalore-grid div{min-height:88px;padding:15px;border:1px solid var(--cse-border);border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(18,60,105,.04)}.cse-bangalore-grid strong,.cse-bangalore-grid span{display:block}.cse-bangalore-grid strong{margin-bottom:5px;color:var(--cse-blue);font-size:14px}.cse-bangalore-grid span{color:var(--cse-muted);font-size:12.5px;line-height:1.5}
/* CSE-10 END */

/* =========================================================
CSE-11 MISTAKES START
========================================================= */
.cse-mistakes{max-width:1000px;margin:0 auto;border:1px solid var(--cse-border);border-radius:11px;overflow:hidden;background:#fff;box-shadow:var(--cse-shadow)}.cse-mistakes>div{display:grid;grid-template-columns:46px 1fr;gap:10px;padding:12px 15px;border-top:1px solid #E8EEF4}.cse-mistakes>div:first-child{border-top:0}.cse-mistakes b{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:8px;background:#FFF6EC;color:#B36A17;font-size:10px}.cse-mistakes span{color:var(--cse-muted);font-size:13px;line-height:1.5}.cse-mistakes strong{color:var(--cse-text)}
/* CSE-11 END */

/* =========================================================
CSE-12 SUCCESS START
========================================================= */
.cse-success-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:1000px;margin:0 auto}.cse-success-grid div{padding:15px 13px;border:1px solid var(--cse-border);border-top:3px solid var(--cse-green);border-radius:10px;background:#fff}.cse-success-grid strong,.cse-success-grid span{display:block}.cse-success-grid strong{margin-bottom:5px;color:var(--cse-blue);font-size:13.5px}.cse-success-grid span{color:var(--cse-muted);font-size:12px;line-height:1.45}
/* CSE-12 END */

/* =========================================================
CSE-13 CHECKLIST START
========================================================= */
.cse-checklist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1000px;margin:0 auto;overflow:hidden;border:1px solid var(--cse-border);border-radius:11px;background:#fff;box-shadow:var(--cse-shadow)}.cse-check-group{padding:16px 14px;border-left:1px solid #E7EDF4}.cse-check-group:first-child{border-left:0}.cse-check-group h3{margin:0 0 9px;color:var(--cse-blue);font-size:14px}.cse-check-group span{display:block;padding:4px 0;color:var(--cse-muted);font-size:12px;line-height:1.4}
/* CSE-13 END */

/* =========================================================
CSE-14 FAQ START
========================================================= */
.cse-guide-page .faq-question{font-size:15px}
/* CSE-14 END */

/* =========================================================
CSE-15 RELATED / CSE-16 BRIDGE / CSE-17 CTA
========================================================= */
.cse-related{padding-top:40px;padding-bottom:42px}.cse-employer-note{padding:27px 0 29px}.cse-employer-note .btn{white-space:nowrap}.cse-final-cta{padding:38px 0;background:#0B4F9C;text-align:center}.cse-final-cta .section-tag{margin-bottom:8px;background:rgba(255,255,255,.13);color:#fff}.cse-final-cta h2{max-width:800px;margin:0 auto 8px;color:#fff;font-size:29px;line-height:1.2}.cse-final-cta p{max-width:720px;margin:0 auto 16px;color:#EAF3FF;font-size:14.5px;line-height:1.6}
/* =========================================================
CSE-15/16/17 END
========================================================= */

/* =========================================================
CSE-18 RESPONSIVE START
========================================================= */
@media(max-width:1050px){
.cse-four-dimension-grid{grid-template-columns:repeat(2,1fr)}.cse-decision-strip{grid-template-columns:repeat(3,1fr)}.cse-decision-strip div:nth-child(4){border-left:0;border-top:1px solid #E4EBF3}.cse-competency-grid{grid-template-columns:repeat(2,1fr)}.cse-process{grid-template-columns:repeat(4,1fr)}.cse-process div:nth-child(5){border-left:0;border-top:1px solid #E7EDF4}.cse-success-grid{grid-template-columns:repeat(3,1fr)}.cse-checklist{grid-template-columns:repeat(2,1fr)}.cse-check-group:nth-child(3){border-left:0;border-top:1px solid #E7EDF4}.cse-check-group:nth-child(4){border-top:1px solid #E7EDF4}
}
@media(max-width:900px){
.cse-hero .guide-hero-grid{grid-template-columns:1fr;gap:22px}.cse-hero-image{justify-content:flex-start}.cse-hero-image img{max-width:370px}.cse-role-layout,.cse-experience-grid{grid-template-columns:1fr}.cse-assessment-grid{grid-template-columns:1fr 1fr}.cse-assessment-grid article:last-child{grid-column:1/-1}.cse-bangalore-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
.cse-hero{padding:27px 0 25px}.cse-hero .guide-hero-content h1{font-size:31px;line-height:1.14}.cse-guide-meta{display:grid;gap:6px}.cse-four-dimension-grid,.cse-decision-strip,.cse-competency-grid,.cse-assessment-grid,.cse-bangalore-grid,.cse-success-grid{grid-template-columns:1fr 1fr}.cse-decision-strip div{border-left:0;border-top:1px solid #E4EBF3}.cse-decision-strip div:nth-child(1),.cse-decision-strip div:nth-child(2){border-top:0}.cse-process{grid-template-columns:repeat(2,1fr)}.cse-process div{border-left:0;border-top:1px solid #E7EDF4}.cse-process div:nth-child(1),.cse-process div:nth-child(2){border-top:0}.cse-scorecard>div{grid-template-columns:1fr 90px}.cse-checklist{grid-template-columns:1fr}.cse-check-group,.cse-check-group:nth-child(3),.cse-check-group:nth-child(4){border-left:0;border-top:1px solid #E7EDF4}.cse-check-group:first-child{border-top:0}.cse-contrast{text-align:left;justify-content:flex-start}.cse-final-cta h2{font-size:25px}.cse-employer-note .btn{width:100%;white-space:normal}
}
@media(max-width:520px){
.cse-four-dimension-grid,.cse-decision-strip,.cse-competency-grid,.cse-assessment-grid,.cse-bangalore-grid,.cse-success-grid{grid-template-columns:1fr}.cse-assessment-grid article:last-child{grid-column:auto}.cse-role-types{grid-template-columns:1fr}.cse-role-types div,.cse-role-types div:nth-child(odd){border-left:0;border-top:1px solid #E9EFF5}.cse-role-types div:first-child{border-top:0}.cse-pros,.cse-check{grid-template-columns:1fr;gap:4px}.cse-interview-table{min-width:620px}.cse-interview-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
/* CSE-18 END */

/* =========================================================
CSE-19 PRINT START
========================================================= */
@media print{.cse-text-link,.cse-final-cta,.cse-employer-note,.hrx-footer{display:none!important}.cse-guide-page .guide-section,.cse-framework-section{padding:18px 0}.cse-dimension-card,.cse-role-list,.cse-role-types,.cse-assessment-grid article,.cse-scorecard,.cse-checklist{box-shadow:none}}
/* CSE-19 PRINT END */