/* Functional layout; the landing's hero.css owns all brand components and tokens. */
[hidden] { display: none !important; }
.for-brief button:disabled { opacity: .6; cursor: not-allowed; }
.for-brief .brief-form { scroll-margin-top: 24px; }
.for-brief .brief-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.for-brief .brief-field { display: flex; flex-direction: column; gap: 9px; min-width: 0; font-size: 14px; font-weight: 600; }
.for-brief .brief-wide { grid-column: 1 / -1; }
.for-brief .brief-field input, .for-brief .brief-field select, .for-brief #brief-form textarea {
  width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: 8px;
  padding: 13px; font: 400 15px/1.6 var(--sans); color: var(--ink); background: var(--white);
}
.for-brief #brief-form textarea { resize: vertical; min-height: 110px; }
.for-brief input:focus-visible, .for-brief select:focus-visible, .for-brief textarea:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.for-brief .brief-field small, .for-brief .brief-note { font: 400 13px/1.7 var(--sans); color: var(--muted); }
.for-brief .brief-check { display: flex; align-items: start; gap: 10px; line-height: 1.6; font-size: 14px; }
.for-brief .brief-check input { width: 18px; height: 18px; flex: none; margin-top: 3px; accent-color: var(--blue); }
.for-brief .brief-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.for-brief .brief-error { color: #a82222; font-size: 14px; }
.for-brief .brief-guide { max-width: 820px; }
.for-brief .brief-guide h3 { margin-top: 28px; }
.for-brief .brief-guide p { line-height: 1.85; color: var(--muted); }
@media (max-width: 640px) {
  .for-brief .brief-grid { grid-template-columns: 1fr; }
  .for-brief .brief-actions > button { width: 100%; justify-content: center; }
  .for-brief .win-body { padding: 24px 18px; }
  .for-brief .top-actions .ghost { display: none; }
}