.workspace { padding-block: 52px 72px }
.workspace-head, .actions, .feed-head, .review-head, .review-foot, .dialog-head { display: flex; align-items: center; gap: 12px }
.workspace-head, .feed-head, .review-head, .dialog-head { justify-content: space-between }
.workspace-head, .review-foot, .actions { flex-wrap: wrap }
.workspace-head h1 { margin-bottom: 10px }
.workspace-head p:last-child, .feed-head h2, .review h3, .meta { margin-bottom: 0 }
.back, .original { text-underline-offset: 4px }
.metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 28px 0 }
.metrics > div, .feed { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 20px }
.metrics dt { color: var(--muted); font-size: 14px }
.metrics dd { margin: 4px 0 0; font: 400 clamp(26px, 4vw, 46px)/1.1 var(--display) }
.filters, .form-grid { display: grid; gap: 12px }
.filters { grid-template-columns: 2fr 1.3fr 1fr 1fr; margin: 18px 0 4px }
.form-grid { grid-template-columns: 1fr 1fr; column-gap: 16px; row-gap: 0 }
.review { border-top: 1px solid var(--line); padding: 18px 0 }
.review:last-child { padding-bottom: 0 }
.review h3, .review-text { overflow-wrap: anywhere }
.review-text { margin: 12px 0; white-space: pre-wrap }
.rating { color: var(--star); white-space: nowrap }
.review-foot { font-size: 14px }
.review-foot .toggle { margin-inline-start: auto; min-height: 36px; padding-inline: 12px }
.state { color: var(--star) }
.state.answered { color: var(--good) }
.empty { padding: 24px 0 8px; color: var(--muted) }
.notice { padding: 10px 14px; border-inline-start: 3px solid var(--star); overflow-wrap: anywhere }
dialog { color: var(--fg); background: var(--panel); border: 1px solid var(--line); border-radius: 14px; width: min(560px, calc(100% - 24px)); padding: 22px; max-height: 90dvh }
dialog::backdrop { background: #080a0dc9 }
.dialog-head { margin-bottom: 12px; align-items: flex-start }
.dialog-head h2 { margin-bottom: 0 }
.close { flex: 0 0 36px; background: transparent; border: 1px solid var(--line); border-radius: 8px; font-size: 24px; line-height: 34px; padding: 0 }
.error { color: var(--bad); overflow-wrap: anywhere }
.field > input, .field > select, .field > textarea { min-width: 0; width: 100%; display: block; margin-top: 6px }
@media (max-width: 730px) {
  .workspace { padding-block: 32px 44px }
  .filters { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .metrics > div, .feed { padding: 14px }
}
@media (max-width: 390px) {
  .form-grid { grid-template-columns: minmax(0, 1fr) }
  .metrics { gap: 6px }
  .metrics > div { padding: 9px }
}