.cd-shell { max-width: 720px; margin: 0 auto; padding: 24px 24px 96px; }
.cd-head-section { margin-bottom: 36px; padding-bottom: 24px; border-bottom: 0.5px solid rgba(243, 243, 243, 0.08); }
.cd-page-title { font-size: var(--t-h1); letter-spacing: var(--t-h1-tracking); line-height: var(--t-h1-lh); }
.cd-page-lede { font-size: var(--t-body); color: var(--c-muted); margin-top: 8px; }
.cd-item { padding: 24px 0; border-bottom: 0.5px solid rgba(243, 243, 243, 0.06); }
.cd-placeholder { font-size: var(--t-body); color: var(--c-muted); padding: 80px 0; text-align: center; font-style: italic; }
.cd-head { margin-bottom: 12px; }
.cd-title { font-size: var(--t-h2); font-weight: 500; letter-spacing: var(--t-h2-tracking); }
.cd-desc  { font-size: var(--t-body); color: var(--c-muted); margin-top: 6px; }
.cd-meta  { font-size: 9px; letter-spacing: 0.06em; color: var(--c-muted); font-family: var(--font-mono); margin-top: 8px; text-transform: uppercase; display: flex; gap: 8px; align-items: baseline; }
.cd-canvas { background: var(--c-card); border: 0.5px solid rgba(243, 243, 243, 0.06); border-radius: var(--radius-base); }

@media (max-width: 720px) {
  .cd-canvas { transform: scale(0.5); transform-origin: top left; height: 200px; margin-bottom: 16px; }
  .cd-item { padding: 16px 0; }
}