.depthink-preview > .next-heading { margin:22px 0; }
.depthink-preview > p { line-height:1.7; }
.depthink-preview > .bk-link { display:inline-block; margin-top:14px; }
.depthink-figure { margin:18px 0; }
.depthink-figure figcaption { margin-top:10px; color:#65798d; font-size:10px; line-height:1.5; }
.depthink-space { position:relative; height:260px; border-radius:14px; overflow:hidden; background:radial-gradient(ellipse at 20% 20%,#e2f2ff,transparent 65%),linear-gradient(145deg,#f5f6ff,#e5effa); border:1px solid #dce8f5; }
.depthink-plane { position:absolute; padding:16px; border:1px solid #c6d9ed; border-radius:10px; background:rgba(255,255,255,.95); box-shadow:0 8px 22px #587dac14; }
.depthink-plane--source { top:17px; left:16px; width:69%; transform:skewY(-3deg); }
.depthink-plane--ideas { bottom:18px; right:16px; width:72%; transform:skewY(-3deg); }
.depthink-plane-label { display:block; font-size:8px; letter-spacing:1.3px; color:#6487ab; margin-bottom:7px; }
.depthink-plane strong { display:block; font-size:13px; color:#356fa5; font-weight:500; }
.depthink-source-lines { height:24px; width:85%; margin:10px 0; background:repeating-linear-gradient(to bottom,#dde5ed 0px,#dde5ed 2px,transparent 2px,transparent 8px); }
.depthink-summary { padding:6px 9px; background:#e5effc; border-radius:5px; font-size:10px; }
.depthink-blocks { display:flex; gap:7px; margin:16px 0 12px; }
.depthink-blocks span { padding:9px 6px; flex:1; text-align:center; border-radius:5px; font-size:9px; background:#e3edf9; }
.depthink-blocks span:nth-child(2) { background:#eee6f7; }
.depthink-blocks span:nth-child(3) { background:#e3f1e9; }
.depthink-plane small { font-size:9px; color:#6487ab; }
@media(max-width:720px) { .depthink-space { height:235px; } .depthink-plane { padding:12px; } .depthink-plane--source { left:10px; } .depthink-plane--ideas { right:10px; width:79%; } }
/* Keep both layers' labels readable while suggesting spatial separation. */
.depthink-plane { padding:12px; line-height:1.4; }
.depthink-plane--source { top:12px; width:82%; }
.depthink-source-lines { display:none; }
.depthink-summary { margin-top:9px; }
.depthink-plane--ideas { bottom:12px; }
@media(max-width:720px) { .depthink-space { height:260px; } }
/* Case-study pieces: research question + step table */
.depthink-question { margin:14px 0 16px; padding:10px 0 10px 16px; border-left:3px solid #9cc1e6; color:#356fa5; font-family:var(--font-editorial); font-size:1.02em; line-height:1.55; }
.depthink-steps { width:100%; border-collapse:collapse; margin:14px 0 6px; font-size:.92em; line-height:1.45; }
.depthink-steps th, .depthink-steps td { text-align:left; padding:7px 10px; border-bottom:1px solid #dce8f5; vertical-align:top; }
.depthink-steps thead th { font-size:.8em; letter-spacing:.6px; text-transform:uppercase; color:#6487ab; font-weight:600; }
.depthink-steps tbody th { color:#356fa5; font-weight:600; white-space:nowrap; width:1%; }
.depthink-figure figcaption em { font-style:italic; opacity:.8; }
.depthink-diagram svg { display:block; width:100%; height:auto; max-height:230px; }
.depthink-quotes { list-style:none; padding:0; margin:10px 0 16px; display:flex; flex-direction:column; gap:8px; }
.depthink-quotes li { margin:0; padding:8px 12px; background:#e3f0fb; border-radius:6px; line-height:1.5; }
.depthink-quotes li::before { content:none; }
.depthink-quotes span { color:#6487ab; font-size:.9em; white-space:nowrap; }
.depthink-quotes li { font-size:1.02em; padding:10px 14px; }
.next-body .depthink-quotes + .pj-h { margin-top:22px; }
.depthink-diagram { margin:12px 0; }
.depthink-diagram svg { max-height:190px; margin:0 auto; }
.depthink-steps th, .depthink-steps td { padding:6px 10px; }
/* Keep section 1 (research problem) on a single page. */
[data-face^="depthink-problem"] .depthink-question { margin:10px 0 12px; padding:6px 0 6px 14px; }
[data-face^="depthink-problem"] .depthink-quotes { margin:8px 0 10px; gap:6px; }
[data-face^="depthink-problem"] .depthink-quotes li { padding:6px 12px; line-height:1.45; }
[data-face^="depthink-problem"] .depthink-quotes + .pj-h { margin-top:14px; }
