.brief-details {
  border-block:1px solid #ccd5c8;
  padding:18px 0;
  margin:3px 0
}
.brief-details+.brief-details {
  border-top:0;
  margin-top:-3px
}
.brief-details summary {
  cursor:pointer;
  color:#214b3c;
  font-weight:600;
  font-size:15px;
  line-height:1.5;
  list-style-position:outside;
  margin-left:18px
}
.brief-details summary span {
  font-size:12px;
  font-weight:400;
  color:#5b695f;
  margin-left:8px
}
.brief-details summary:focus-visible {
  outline:3px solid #315747;
  outline-offset:6px;
  border-radius:2px
}
.brief-details>.helptext {
  margin:16px 0
}
.brief-details__fields {
  display:grid;
  gap:20px;
  padding-top:8px
}
.brief-details .errorlist {
  color:var(--danger-text);
  font-size:13px;
  margin:8px 0;
  padding-left:20px
}
.brief-details[open] {
  padding-bottom:24px
}
.brief-details[open] summary {
  margin-bottom:12px
}
.project-form>.form-errors {
  margin-bottom:5px
}
.project-form>.errorlist,.project-form .field>.errorlist {
  color:var(--danger-text);
  font-size:13px;
  margin:8px 0;
  padding-left:20px
}
.brief-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(32px, 6vw, 80px);
  width: min(88%, 1160px);
  margin: 0 auto;
  padding: 54px 0 80px;
  align-items: start;
  min-height: 0;
}
.brief-layout .form-intro h1 { font-size: clamp(36px, 4vw, 52px); line-height: 1.16; letter-spacing: -.045em; max-width: 17ch; text-wrap: balance; }
.brief-layout .form-intro > p { font-size: 17px; line-height: 1.7; }
.brief-layout .plain-note { background: var(--surface-tint); border-radius: 8px; padding: 18px 20px; margin: 30px 0 24px; }
.brief-layout .plain-note p { font-size: 15px; line-height: 1.7; margin: 10px 0 0; }
.brief-layout .form-intro .form-privacy { font-size: 14px; max-width: 46ch; }
.brief-layout .project-form { box-sizing: border-box; width: 100%; max-width: none; padding: 28px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-warm); }
.brief-layout .project-form .field > label { margin-top: 0; font-size: 15px; line-height: 1.5; }
.brief-layout .project-form .field { margin-bottom: 24px; }
.brief-layout .project-form .field--checkbox { margin-top: 22px; }
.brief-layout .brief-details { padding: 20px 0; }
.brief-layout .brief-details summary { font-size: 16px; color: #4c5d36; }
.brief-layout .brief-details summary span { font-size: 13px; color: var(--muted); }
.brief-layout .brief-details__fields { gap: 0; padding-top: 14px; }
.brief-layout .project-form .helptext { font-size: 14px; line-height: 1.65; }
.brief-layout .form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: 26px; }
.brief-layout .form-actions :is(button, a) { margin: 0; min-height: 46px; font-size: 14px; }
.brief-layout #draft-status { font-size: 13px; line-height: 1.6; margin-top: 16px; color: var(--muted); }
@media (max-width: 860px) {
  .brief-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-top: 32px; }
  .brief-layout .form-intro h1 { max-width: 22ch; }
  .brief-layout .form-intro > p { max-width: 60ch; }
  .brief-layout .plain-note { margin: 22px 0; }
}
@media (max-width: 480px) {
  .brief-layout { width: calc(100% - 36px); padding-bottom: 50px; }
  .brief-layout .project-form { padding: 22px 18px; }
  .brief-layout .form-actions { align-items: stretch; flex-direction: column; }
}