.herbie-projects-reference { display: block; margin-top: 6px; color: #64748b; font-size: 11px; }
.herbie-projects-brief { border: 1px solid #e2e8f0; border-radius: 12px; margin: 28px 0; padding: 22px; min-width: 0; }
.herbie-projects-brief legend { padding: 0 8px; color: #0f172a; font-size: 18px; font-weight: 600; }
.herbie-projects-field-label { font-size: 13px; font-weight: 600; }
.herbie-projects-feature-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 20px; }
.herbie-projects-feature-list .herbie-membership-check { margin: 0; align-items: start; }
.herbie-projects-feature-list input { flex-shrink: 0; }
.herbie-projects-progress { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 8px; margin: 24px 0; padding: 0; list-style: none; }
.herbie-projects-progress li { padding: 12px 6px; border-top: 4px solid #e2e8f0; color: #64748b; font-size: 11px; line-height: 1.5; }
.herbie-projects-progress li.is-reached { border-color: var(--herbie-primary); color: #334155; }
.herbie-projects-progress li[aria-current="step"] { color: var(--herbie-primary); font-weight: 700; }
.herbie-projects-update { padding: 20px; border: 1px solid #dbeafe; border-radius: 12px; background: #f8fafc; margin: 24px 0; }
.herbie-projects-update p:last-child { margin-bottom: 0; }
@media (max-width: 640px) {
.herbie-projects-feature-list { grid-template-columns: minmax(0,1fr); }
.herbie-projects-brief { padding: 16px; }
.herbie-projects-progress { grid-template-columns: repeat(2,minmax(0,1fr)); }
}