.krewes-page :is(#create-dialog, #edit-krewe-dialog) { width: min(620px, calc(100% - 28px)); }
.krewes-page .bio-editor { font-weight: normal; }
.krewes-page .bio-editor textarea { min-height: 240px; width: 100%; padding: 12px; border: 1px solid #d5bfdf; border-radius: 0 0 4px 4px; background: #fff; color: #745d83; font: 13px/1.5 Arial, sans-serif; }
.krewes-page .bio-editor-toolbar { border-color: #d5bfdf; background: #faf1ff; }
.krewes-page .bio-editor-toolbar button { color: #84577f; border-color: #dcc4e0; }
.krewes-page .bio-editor .bio-editor-preview { min-height: 240px; border-color: #d5bfdf; color: #745d83; font: 13px/1.6 Arial, sans-serif; }
.krewe-about-image-link { display: flex; gap: 8px; padding: 10px; border-inline: 1px solid #d5bfdf; background: #faf1ff; }
.krewe-about-image-link input { min-width: 0; flex: 1; width: 100%; padding: 8px; border: 1px solid #d5bfdf; border-radius: 4px; font: 13px Arial, sans-serif; }
.krewe-about-image-link button { flex: none; padding: 8px 10px; border: 1px solid #c08bb0; border-radius: 4px; background: #f8d4e9; color: #84577f; font: 600 13px Arial, sans-serif; }
.krewe-about-content { margin: 16px 0; color: #7c668b; font: 13px/1.75 Arial, sans-serif; }
.krewes-page :is(.krewe-about-content, .bio-editor-preview) :is(h2, h3) { display: block; min-height: 0; margin: .35em 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: inherit; font-family: inherit; font-weight: 800; line-height: 1.2; }
.krewes-page :is(.krewe-about-content, .bio-editor-preview) h2 { font-size: 1.55em; }
.krewes-page :is(.krewe-about-content, .bio-editor-preview) h3 { font-size: 1.25em; }
.krewes-page .bio-content .profile-bio-image { display: block; max-width: 100%; margin: 8px 0; }
.krewes-page .bio-content .profile-bio-image img { display: block; width: auto; height: auto; max-width: 100%; max-height: 420px; object-fit: contain; border-radius: 4px; }
.krewes-page .bio-content .profile-bio-image-row > .profile-bio-image { min-width: 0; max-width: calc(50% - 5px); margin: 0; }
.krewes-page .bio-content .profile-bio-image-row img { max-height: 220px; }
.krewes-page .bio-editor-status { overflow-wrap: anywhere; }
@media (max-width: 520px) {
  .krewes-page .bio-editor textarea, .krewes-page .bio-editor .bio-editor-preview { min-height: 200px; }
  .krewe-about-image-link { flex-wrap: wrap; }
  .krewe-about-image-link button { margin-left: auto; }
}