/* The realtor bio maker (components/realtor-bio/realtor-bio-maker.tsx) on
   /realtor-bio/. Built on flyer-maker.css (.fm-*) and status-posts.css
   (.sp-caption for each bio box); no colours of its own. */

.rb-results { grid-area:preview; display:grid; gap:22px; }
.rb-results .sp-caption { margin-top:0; }
.rb-results textarea { resize:none; }
.rb-sample { margin:0; font-size:.875rem; color:#5d6577; }
.rb-bio-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }

/* Focus and tone: pill choices, wrapping. */
.rb-choices { border:0; padding:0; margin:0 0 18px; min-width:0; }
.rb-choices legend { padding:0; font-size:.9375rem; font-weight:610; color:#343d52; margin-bottom:6px; }
.rb-options { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.rb-option span { display:inline-block; padding:8px 14px; border:1px solid var(--line); border-radius:999px; background:#fff; font-size:.9375rem; color:#343d52; cursor:pointer; transition:border-color .16s,box-shadow .16s,color .16s; }
.rb-option input:checked + span { border-color:var(--purple); box-shadow:0 0 0 1px var(--purple); color:var(--purple-deep); }
.rb-option input:disabled + span { opacity:.45; cursor:not-allowed; }
.rb-option input:focus-visible + span { outline:3px solid #8864ff; outline-offset:2px; }

.rb-submit { display:grid; gap:8px; justify-items:start; }
.rb-submit p { margin:0; }

@media (max-width:850px) {
  .rb-submit .button { justify-self:stretch; }
}

/* The page's example bios. */
.rb-examples-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:34px; }
.rb-examples-grid figure { margin:0; padding:22px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.rb-examples-grid figcaption { font-size:.8125rem; font-weight:610; color:#5d6577; margin-bottom:10px; }
.rb-examples-grid blockquote { margin:0; font-size:.9375rem; line-height:1.6; color:#232a3d; }
@media (max-width:850px) { .rb-examples-grid { grid-template-columns:1fr; } }