/* /design/workspace/ — wrapper around the interactive design artboard */
.study-hero { max-width: 100%; }
.study-hero .lede { max-width: 72ch; }
.study-actions { display: flex; gap: 13px; flex-wrap: wrap; margin-top: 30px; }
.study-frame-wrap { padding: 40px 0 88px; }
.study-note { display: flex; align-items: flex-start; gap: 12px; padding: 14px 18px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); font-size: 14px; line-height: 1.55; color: var(--text-2); margin-bottom: 20px; }
.study-note .chip { margin-top: 2px; }
.study-note a { color: var(--text-2); font-weight: 600; }
.study-frame { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: #0B1017; }
.study-frame iframe { display: block; width: 100%; height: min(92vh, 1200px); border: 0; }
.study-caption { margin-top: 14px; }