.astra-article #motion-feedback-example .draft-label { font-size:11px; letter-spacing:1px; color:var(--muted); }
.astra-article #motion-feedback-example { border:1px solid var(--line); border-radius:10px; background:white; margin:0; overflow:hidden; }
.astra-article #motion-feedback-example .excerpt-body { padding:22px; }
.astra-article #motion-feedback-example .excerpt-heading { display:flex; justify-content:space-between; gap:12px; align-items:baseline; margin-bottom:18px; }
.astra-article #motion-feedback-example .excerpt-heading h2 { font-size:16px; font-weight:500; border:0; padding:0; margin:0; }
.astra-article #motion-feedback-example .excerpt-heading > span { font-size:12px; color:var(--muted); }
.astra-article #motion-feedback-example .camera-labels { display:grid; grid-template-columns:repeat(3,1fr); background:#f8f9f6; font-size:10px; text-transform:uppercase; color:var(--muted); }
.astra-article #motion-feedback-example .camera-labels span { padding:5px 8px; border:1px solid var(--line); }
.astra-article #motion-feedback-example video { width:100%; aspect-ratio:16 / 3; display:block; background:#edf4e4; }
.astra-article #motion-feedback-example .controls { display:flex; gap:8px; align-items:center; margin:12px 0 22px; }
.astra-article #motion-feedback-example .controls button,.astra-article #motion-feedback-example .controls select { font:12px var(--font); color:var(--green-ink); background:white; border:1px solid var(--line); border-radius:3px; padding:6px 9px; cursor:pointer; }
.astra-article #motion-feedback-example .controls button:first-child { background:var(--green-wash); border-color:#c2dca1; }
.astra-article #motion-feedback-example .controls input { flex:1; min-width:60px; accent-color:var(--green); }
.astra-article #motion-feedback-example .controls > span { font:12px var(--mono); white-space:nowrap; color:var(--muted); }
.astra-article #motion-feedback-example .message { display:grid; grid-template-columns:140px minmax(0,1fr); gap:16px; margin:20px 0; }
.astra-article #motion-feedback-example .message-label { font-size:10px; color:var(--green-ink); text-transform:uppercase; letter-spacing:.65px; padding-top:3px; }
.astra-article #motion-feedback-example .message p { font:12px/1.8 var(--mono); margin:0; border-left:2px solid var(--green); padding-left:14px; }
.astra-article #motion-feedback-example > figcaption { font-size:11px; color:var(--muted); line-height:1.65; border-top:1px solid var(--line); background:#f8f9f6; padding:14px 22px; }
.astra-article #motion-feedback-example .controls { justify-content:space-between; }
.astra-article #motion-feedback-example .controls button:disabled { opacity:.45; cursor:default; }
.astra-article #motion-feedback-example .feedback-content { border-left:2px solid var(--green); padding-left:14px; }
.astra-article #motion-feedback-example .feedback-content > p { border:0; padding:0; }
.astra-article #motion-feedback-example .tracking-errors { display:flex; flex-wrap:wrap; gap:12px 28px; margin-bottom:10px; }
.astra-article #motion-feedback-example .tracking-errors > span { font-size:12px; color:var(--muted); }
.astra-article #motion-feedback-example .tracking-errors strong { color:var(--green-ink); font:600 18px var(--font); margin-left:8px; }

.astra-article #motion-feedback-example .tracking-errors { margin:12px 0 0; padding:10px 12px; background:var(--green-wash); gap:10px 24px; }
.astra-article #motion-feedback-example .tracking-errors strong { font-size:15px; }
/* Compact reader layout. */
.astra-article #motion-feedback-example .excerpt-body { padding:16px 20px; }
.astra-article #motion-feedback-example .excerpt-heading { margin-bottom:12px; }
.astra-article #motion-feedback-example .controls { margin:8px 0 14px; }
.astra-article #motion-feedback-example .message { margin:12px 0; gap:12px; }
.astra-article #motion-feedback-example .message p { line-height:1.6; }
.astra-article #motion-feedback-example .tracking-errors { margin-top:8px; padding:7px 10px; }
.astra-article #motion-feedback-example > figcaption { padding:10px 20px; }
@media(max-width:700px) { .astra-article #motion-feedback-example .excerpt-body { padding:12px; } .astra-article #motion-feedback-example .message { gap:6px; } }

.astra-article #motion-feedback-example .tracking-errors { flex-wrap:nowrap; justify-content:space-between; gap:6px; }
.astra-article #motion-feedback-example .tracking-errors > span { white-space:nowrap; font-size:9px; }
@media(max-width:700px) {
 .astra-article #motion-feedback-example .message { grid-template-columns:1fr; }
 .astra-article #motion-feedback-example .tracking-errors { flex-wrap:wrap; justify-content:flex-start; }
}

.astra-article #motion-feedback-example .tracking-errors strong { font-size:11px; margin-left:3px; }

.astra-article .content #motion-feedback-example + p { margin-top: 18px; }