.learner-review select { display: block; width: 100%; box-sizing: border-box; min-height: 44px; margin: 8px 0 20px; padding: 10px; font: inherit; color: inherit; background: #fff; border: 1px solid #82998d; border-radius: 4px; }
.learner-review [data-detail] { margin-top: 28px; }
.learner-review [data-content] { white-space: pre-wrap; overflow-wrap: anywhere; }

/* This form is shared by learner and independent pages; do not rely on editor CSS. */
.learner-review textarea { display: block; box-sizing: border-box; width: 100%; min-height: 10rem; margin: 8px 0; padding: 16px; font: inherit; line-height: 1.7; color: var(--ink); background: #fff; border: 1px solid #82998d; border-radius: 4px; resize: vertical; caret-color: var(--accent); }
/* The review has its own live status. Keep workspace feedback readable in flow. */
main:has(#learner-review:not([hidden])) #status { position: static; }