.screen--workspace, .screen--record { width: calc(100% - 48px); max-width: 960px; margin-inline: auto; padding-top: 24px; }
.workspace-heading { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.workspace-heading h1, .screen--record h1 { font-size: 36px; line-height: 1.15; margin: 8px 0 20px; }
.workspace-heading h2 { margin: 0; font-size: 24px; }
.workspace-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.workspace-actions > * { max-width: 100%; text-align: center; }
.workspace-band { border-top: 1px solid #cfd4ce; padding-block: 24px; margin-top: 24px; }
.workspace-band h2 { font-size: 24px; margin: 0 0 16px; }
.workspace-room { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px; padding-block: 20px; border-bottom: 1px solid #dce0da; }
.workspace-room h3 { font-size: 18px; margin: 0 0 6px; overflow-wrap: anywhere; }
.workspace-room p { margin: 0; color: #526050; }
.workspace-form { display: grid; gap: 18px; max-width: 680px; padding-block: 16px; }
.workspace-form label { display: grid; gap: 8px; font-weight: 600; }
.workspace-form input:not([type="checkbox"]), .workspace-form textarea { width: 100%; min-width: 0; padding: 12px; font: inherit; border: 1px solid #aeb8ad; border-radius: 6px; background: #fff; color: #171c16; }
.workspace-form textarea { resize: vertical; }
.workspace-form button { justify-self: start; }
.workspace-form .workspace-consent { display: flex; align-items: start; font-weight: 400; gap: 12px; padding-block: 12px; cursor: pointer; }
.workspace-consent input { width: 22px; height: 22px; flex: 0 0 22px; margin: 2px 0 0; accent-color: #263d31; }
.workspace-note { color: #536052; font-size: 14px; line-height: 1.5; max-width: 700px; }
#publicProfileEditor > summary { min-height: 48px; padding-block: 12px; cursor: pointer; font-weight: 700; }
.case-publication { border-top: 2px solid #52745e; margin-top: 28px; padding: 24px 0; }
.case-publication h3 { font-size: 20px; }
.case-publication p, .case-preview, #recordSummary, #recordDetails { overflow-wrap: anywhere; white-space: pre-wrap; }
.workspace-result { padding-block: 18px; border-bottom: 1px solid #dce0da; }
.workspace-result a { display: inline-flex; align-items: center; min-height: 44px; font-size: 20px; font-weight: 700; color: #245340; }
.workspace-result p { margin: 6px 0 0; }
.workspace-skills { padding-left: 22px; margin-block: 16px 32px; }
.workspace-skills li { margin-bottom: 8px; }
.workspace-heading .quiet-action, .workspace-actions .secondary-action, .workspace-actions .primary-action, .workspace-room button, #openWorkspace { min-height: 44px; }
#workspaceAuthMount:empty { display: none; }
.workspace-actions a { display: inline-flex; align-items: center; justify-content: center; }
.workspace-actions a:not(.primary-action), #recordDetails a { color: inherit; }
#recordDetails a { display: inline-block; min-height: 44px; padding-block: 8px; }
.v2-footer > a { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 640px) {
  .screen--workspace, .screen--record { width: calc(100% - 32px); }
  .workspace-heading { flex-wrap: wrap; gap: 8px; }
  .workspace-heading h1, .screen--record h1 { font-size: 28px; }
  .workspace-heading h2, .workspace-band h2 { font-size: 22px; }
  .workspace-actions { align-items: stretch; }
  .workspace-actions > * { flex: 1 1 240px; width: 100%; }
  .workspace-room { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .workspace-room button { justify-self: start; }
  .topbar-actions { gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
  .topbar-actions .prototype-state { display: none; }
  .topbar-actions .quiet-action { font-size: 12px; padding-inline: 9px; }
  .topbar .brand { flex-shrink: 0; }
}