/* ══════════════════════════════════════
   SINGLE CASE STUDY PAGE CSS
══════════════════════════════════════ */

/* ─── PAGE BANNER ─── */
.cs-page-banner { background:#fff; padding:56px 0 0; }
.cs-page-banner h1 { font-size:42px; font-weight:700; color:#0C2545; margin-bottom:12px; line-height:1.15; }
.cs-page-banner .cs-subtitle { font-size:15px; color:#020A12; max-width:700px; }

/* ─── BREADCRUMB ─── */
.breadcrumb-bar { background:#fff; padding:20px 0 32px; }
.breadcrumb { display:flex; align-items:center; gap:6px; font-size:13px; list-style:none; flex-wrap:wrap; }
.breadcrumb a { color:#0F57A4; transition:color .2s; }
.breadcrumb a:hover { color:#0d4a8e; }
.breadcrumb-sep { color:#bbb; display:flex; align-items:center; }
.breadcrumb-current { color:#020A12; }

/* ─── GRAY WRAPPER ─── */
.cs-section-wrap { background:#F7F7F7; padding:32px 0 60px; }

/* ─── META CARD ─── */
.cs-meta-card {
  background:#fff; border-radius:0;
  padding:28px 32px; margin-bottom:24px;
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.cs-meta-label { font-size:11px; font-weight:700; color:#020A12; text-transform:uppercase; letter-spacing:.8px; margin-bottom:6px; }
.cs-meta-value { font-size:16px; font-weight:700; color:#0C2545; }

/* ─── CONTENT CARD ─── */
.cs-content-card { background:#fff; border-radius:0; padding:48px; }

.cs-content-card h2 { font-size:28px; font-weight:500; color:#0C2545; margin-bottom:14px; margin-top:40px; }
.cs-content-card h2:first-child { margin-top:0; }
.cs-content-card p { font-size:14px; color:#020A12; line-height:1.75; margin-bottom:14px; }
.cs-content-card ul { list-style:none; display:flex; flex-direction:column; gap:8px; padding-left:4px; margin-bottom:16px; }
.cs-content-card ul li { display:flex; align-items:flex-start; gap:10px; font-size:14px; color:#020A12; line-height:1.6; }
.cs-content-card ul li::before { content:'·'; font-size:22px; color:#0C2545; flex-shrink:0; line-height:1.3; font-weight:700; }

/* ─── RESULTS GRID ─── */
.cs-results-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:20px 0 8px; }
.cs-result-card { background:#F7F7F7; border-radius:0; padding:20px 24px; }
.cs-result-number { font-size:28px; font-weight:700; color:#0F57A4; margin-bottom:6px; line-height:1; }
.cs-result-label { font-size:13px; color:#020A12; line-height:1.4; }

/* ─── SPECS TABLE ─── */
.cs-specs-wrap { background:#F7F7F7; margin:16px 0; }
.cs-specs-table { width:100%; border-collapse:collapse; }
.cs-specs-table td { padding:16px 20px; font-size:14px; border:none; background:transparent; }
.cs-specs-table td:first-child { color:#020A12; width:40%; font-weight:400; }
.cs-specs-table td:last-child { color:#0C2545; font-weight:500; }

/* ─── BUTTONS ─── */
.cs-actions { display:flex; gap:14px; margin-top:40px; }
.btn-cs-download {
  display:inline-flex; align-items:center; gap:8px;
  background:#0F57A4; color:#fff;
  font-size:14px; font-weight:400;
  padding:11px 24px; border-radius:4px;
  border:none; cursor:pointer; font-family:inherit;
  transition:background .2s; text-decoration:none;
}
.btn-cs-download:hover { background:#0d4a8e; }
.btn-cs-download svg { width:16px; height:16px; }
.btn-cs-view-all {
  display:inline-flex; align-items:center; gap:8px;
  border:1.5px solid #0F57A4; color:#0F57A4; background:#fff;
  font-size:14px; font-weight:400;
  padding:11px 24px; border-radius:4px;
  cursor:pointer; font-family:inherit;
  transition:all .2s; text-decoration:none;
}
.btn-cs-view-all:hover { background:#0F57A4; color:#fff; }
.btn-cs-view-all svg { width:14px; height:14px; }

/* ─── MOBILE ─── */
@media (max-width:768px) {
  .cs-page-banner h1 { font-size:28px; }
  .cs-meta-card { grid-template-columns:1fr; gap:16px; padding:20px; }
  .cs-content-card { padding:28px 20px; }
  .cs-results-grid { grid-template-columns:1fr; }
  .cs-actions { flex-direction:column; }
}