#project-brief { scroll-margin-top: 96px; }
.project-brief { min-width: 0; }
.project-brief fieldset { border: 0; padding: 0; margin: 24px 0 0; min-width: 0; }
.brief-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.brief-field { min-width: 0; }
.brief-field label { display: block; font-weight: 700; margin-bottom: 8px; }
.project-brief textarea { display: block; width: 100%; min-height: 112px; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius); color: var(--ink); background: var(--white); font-size: 16px; line-height: 1.6; resize: vertical; overflow-wrap: anywhere; }
.project-brief textarea[aria-invalid="true"] { border: 2px solid var(--ink); }
.brief-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.brief-actions .button { min-height: 44px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.brief-actions .button-dark { color: var(--white); background: var(--ink); }
.brief-actions .button-outline { color: var(--ink); border-color: var(--ink); background: var(--white); }
.brief-actions .button:hover { color: var(--white); background: var(--ink); }
.brief-status { min-height: 1.6em; }
.brief-review { margin-top: 24px; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); min-width: 0; }
.brief-review textarea { min-height: 260px; }
.project-brief [hidden] { display: none; }
@media (max-width: 700px) { .brief-grid { grid-template-columns: minmax(0, 1fr); } .brief-review { padding: 16px; } }