/* ═══════════════════════════
   SLIDE-SPECIFIC LAYOUTS
═══════════════════════════ */

/* ── TITLE ── */
.s-title{display:grid;grid-template-columns:1fr 500px;height:100%}

.s-title-l{padding:60px 48px 60px 56px;display:flex;flex-direction:column;justify-content:space-between}

.s-title-r{
  border-left:1px solid var(--line2);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:36px 28px;gap:24px;background:rgba(250, 252, 255);
}

.s-title-r img{
  max-width:100%;
  height:auto;
  max-height:600px;
  object-fit:contain;
}

.title-meta{display:flex;gap:32px}
.title-meta-item{display:flex;flex-direction:column;gap:4px}
.title-meta-key{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}
.title-meta-val{font-size:13px;color:var(--fg2)}

/* ── SECTION HEADER ── */
.s-section{
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  padding:56px 56px;gap:16px;
}

.section-number{
  font-size:120px;font-weight:700;color:rgba(26,127,55,0.07);font-family:var(--sans);
  line-height:1;letter-spacing:-.05em;position:absolute;right:56px;bottom:40px;
  font-family:var(--mono);pointer-events:none;user-select:none;
}

/* ── FULL CODE ── */
.s-code{display:flex;flex-direction:column;padding:40px 48px;gap:14px;height:100%}

.s-code-center{display:flex;flex-direction:column;padding:36px 64px;gap:16px;height:100%;justify-content:center}
.s-code-center .code-wrap{flex:0 0 auto}

.s-code .code-wrap{flex:1;display:flex;flex-direction:column}
.s-code .code-wrap pre.code{flex:1}

/* ── COMPARE (SQL vs Cypher) ── */
.s-compare{display:grid;grid-template-columns:1fr 1fr;height:100%}

.compare-pane{padding:36px 36px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.compare-pane:last-child{background:#f6f8fa}

/* ── THREE COL ── */
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;height:100%}

.grid3-cell{padding:40px 32px;display:flex;flex-direction:column;gap:14px;border-right:1px solid var(--line2)}
.grid3-cell:last-child{border-right:none}

/* ── PROPERTY GRAPH VISUAL ── */
.pg-diagram{
  display:flex;flex-direction:column;align-items:flex-start;
  gap:0;font-family:var(--mono);font-size:13.5px;color:var(--fg2);line-height:1.8;
}

.pg-node{color:var(--fg);font-weight:500}
.pg-rel{color:var(--fg3);padding-left:4px}
.pg-prop{color:#1a7f37;font-size:12.5px}
.pg-hi{color:#0550ae}

/* ── Question / Insight slides ── */
.s-question{
  display:flex;flex-direction:column;align-items:flex-start;
  justify-content:center;padding:72px 96px;gap:28px;
  background:var(--bg);height:100%;
}

.q-context{
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--fg3);font-family:var(--mono);
}

.q-text{
  font-size:36px;font-weight:600;color:var(--fg);
  font-family:var(--sans);line-height:1.2;letter-spacing:-.02em;
  max-width:780px;
}

.q-text em{font-style:normal;color:#1a7f37}

.s-insight{
  display:flex;flex-direction:column;align-items:flex-start;
  justify-content:center;padding:72px 96px;gap:24px;
  background:var(--bg2);height:100%;
  border-left:4px solid #1a7f37;
}

.insight-label{
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:#1a7f37;font-family:var(--mono);
}

.insight-text{
  font-size:28px;font-weight:400;color:var(--fg);
  font-family:var(--sans);line-height:1.35;letter-spacing:-.01em;
  max-width:820px;
}

.insight-text strong{font-weight:600}