@layer components {
  .contact-idea-assistant { padding: 1rem; border: 1px solid var(--line); border-radius: 14px; }
  .contact-idea-assistant h3 { font: 500 1rem/1.35 var(--font); letter-spacing: -.025em; }
  .contact-idea-assistant p { font-size: .72rem; line-height: 1.65; color: var(--brand-deep); }
  .contact-idea-intro { margin-top: .4rem; }
  .contact-idea-tools { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; margin-top: 1rem; }
  .contact-idea-assistant button { min-height: 44px; padding: .65rem .85rem; border: 1px solid var(--brand-deep); border-radius: 10px; background: var(--surface); color: var(--ink); font: 500 .7rem/1.45 var(--font); cursor: pointer; }
  .contact-idea-tools button { width: 100%; }
  .contact-idea-assistant button:disabled { opacity: .55; cursor: default; }
  .contact-idea-assistant button:enabled:hover { background: var(--ink); color: var(--surface); }
  .contact-idea-assistant button:focus-visible { outline: 2px solid var(--brand-deep); outline-offset: 3px; }
  .contact-idea-services { margin-top: 1rem; }
  .contact-idea-services strong { font-size: .75rem; }
  .contact-idea-services > div { padding-block: .75rem; border-top: 1px solid var(--line); }
  .contact-idea-services button { margin-top: .4rem; }
  .contact-idea-assistant [data-idea-status]:not(:empty) { margin-top: .75rem; }
}