/* Match the existing site theme. Examples share the tool column, not a second page grid. */
.practice-workspace .worked-examples{grid-column:1;min-width:0;scroll-margin-top:24px}
.practice-workspace .quick-tools{grid-column:2;grid-row:1 / span 2}
main .worked-examples{padding:24px;border:2px solid var(--border);background:#fffdf9;box-shadow:5px 5px 0 var(--border)}
.worked-examples .practice-kicker{font-size:11px;font-weight:800;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;color:var(--primary);margin:0 0 12px}
.worked-examples>p{max-width:none;margin:0 0 20px;color:var(--muted)}
.practice-grid{display:grid;gap:20px;min-width:0}
.practice-card{min-width:0;border:2px solid var(--border);padding:20px;background:var(--bg)}
.practice-card h3{font-family:inherit;font-size:18px;font-weight:700;line-height:1.35;letter-spacing:-.3px;color:var(--text);margin:0 0 16px}
.practice-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px}
.practice-card dl>div{min-width:0}
.practice-card dt{font-size:12px;font-weight:700;line-height:1.5;color:var(--muted);margin:0 0 6px}
.practice-card dd{margin:0}
.practice-card pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;min-height:100px;background:var(--primary-light);border:1px solid var(--border);padding:12px;margin:0;color:var(--text)}
.practice-card p{font-family:inherit;font-size:15px;line-height:1.65;color:var(--muted);padding:0;margin:0 0 16px}
.practice-card .btn{font-family:inherit;white-space:normal;min-height:48px;max-width:100%;margin:0}
.practice-undo{border-top:1px solid var(--primary-mid);margin-top:20px;padding-top:20px}
.practice-undo .btn{font-family:inherit;min-height:48px;white-space:normal;max-width:100%}
.practice-undo p,.practice-live{font-family:inherit;font-size:13px;line-height:1.6;color:var(--muted);margin:10px 0 0}
.practice-live:empty{display:none}
.practice-undo .btn:disabled{opacity:1;background:var(--primary-light);color:var(--muted);box-shadow:none;cursor:not-allowed;transform:none}
@media(max-width:850px){.practice-workspace .worked-examples,.practice-workspace .quick-tools{grid-column:1;grid-row:auto}.practice-workspace .worked-examples{order:2}.practice-workspace .quick-tools{order:3}}
@media(max-width:600px){main .worked-examples{padding:17px;box-shadow:4px 4px 0 var(--border)}.worked-examples .practice-kicker{font-size:9px;letter-spacing:.06em}.practice-card{padding:14px}.practice-card h3{font-size:17px}.practice-card dl{grid-template-columns:1fr;gap:12px}.practice-card pre{min-height:0}.practice-card .btn,.practice-undo .btn{width:100%;min-height:50px;font-size:14px}.practice-card p{font-size:14px}.practice-grid{gap:16px}}