.l2-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(24px,4vw,64px); align-items:start; }
.l2-steps { margin-top:22px; display:grid; gap:14px; }
.l2-steps li { border-top:1px solid var(--line-2); padding-top:12px; }
.t-ink .l2-steps li { border-color:var(--line-ink-2); }
.l2-steps b { font-size:1.1rem; }
.l2-steps p { margin-top:6px; font-size:1rem; }
.l2-demo { padding:26px; background:var(--white); color:var(--text); border:1px solid var(--line); border-radius:16px; }
.l2-demo h2 { font-size:1.3rem; margin-bottom:12px; }
.l2-demo pre { font: .92rem/1.7 var(--mono); white-space:pre-wrap; overflow-wrap:anywhere; margin:0; }
.l2-flow { display:grid; gap:10px; margin-top:24px; }
.l2-flow button { text-align:left; padding:16px 18px; border:1px solid var(--line-ink-2); border-radius:8px; }
.l2-flow button[aria-pressed="true"] { background:var(--mark); color:var(--ink); }
.l2-flow small { display:block; opacity:.75; }
.l2-answer { min-height:5em; padding-top:16px; font-size:1.04rem; }
.l2-plan { width:100%; border-collapse:collapse; margin-top:22px; font-size:1rem; }
.l2-plan th,.l2-plan td { text-align:left; padding:12px 10px; border-bottom:1px solid var(--line-2); }
.l2-links { display:grid; gap:14px; margin-top:22px; }
.l2-links a { display:block; font-size:1.1rem; font-weight:600; }
.l2-links p { font-size:1rem; }
.handover { max-width:980px; display:grid; align-content:center; gap:24px; }
.handover ol { display:grid; gap:18px; }
.handover li { border-top:1px solid var(--line-2); padding-top:14px; }
.handover b { font-size:1.25rem; }
.handover p { font-size:1.05rem; }
.inspiration-copy { min-height:180px; display:grid; align-content:start; gap:14px; }
@media(max-width:900px){ .l2-layout { grid-template-columns:1fr; } .l2-plan { font-size:.9rem; } .l2-plan th,.l2-plan td { padding:10px 6px; } }

/* Moved concrete code remains readable and scrolls within the panel. */
.l2-code{margin:0;padding:24px;background:#171719;border:1px solid #373739;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;font:clamp(13px,1.2vw,18px)/1.65 ui-monospace,SFMono-Regular,monospace;color:#eee;}
.sp-simulation { grid-column: 1 / -1; margin: 0 0 8px; }