/* PR-06C: community and identity presentation layer. */
.tb-community {
  color: var(--tb-ink);
  background: var(--tb-canvas);
}

.tb-community__breadcrumbs {
  width: min(100% - 2rem, var(--tb-container));
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-2);
  padding-block: var(--tb-space-4);
  color: var(--tb-text-muted);
  font-size: var(--tb-text-sm);
}

.tb-community__breadcrumbs a {
  color: var(--tb-purple);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.2em;
}

.tb-community__hero {
  background-image: linear-gradient(135deg, var(--tb-plum), var(--tb-purple));
}

.tb-community__hero > .absolute {
  display: none;
}

.tb-community__hero h1 {
  color: var(--tb-surface);
  font-family: var(--tb-font-editorial);
}

.tb-community__hero p {
  color: var(--tb-surface-lavender);
}

.tb-community__content h1,
.tb-community h2,
.tb-community h3 {
  color: var(--tb-plum);
}

.tb-community--forum .bg-white,
.tb-community--contact .bg-white,
.tb-community--identity .bg-white {
  border: 1px solid var(--tb-border);
  box-shadow: var(--tb-shadow-subtle);
}

.tb-community--forum input,
.tb-community--forum textarea,
.tb-community--contact input,
.tb-community--contact textarea {
  min-height: 2.75rem;
  border-color: var(--tb-border);
  border-radius: var(--tb-radius-md);
}

.tb-community--forum textarea,
.tb-community--contact textarea {
  min-height: 8rem;
}

.tb-community--forum input:focus,
.tb-community--forum textarea:focus,
.tb-community--contact input:focus,
.tb-community--contact textarea:focus {
  border-color: var(--tb-purple);
  outline: 3px solid color-mix(in srgb, var(--tb-purple) 24%, transparent);
  outline-offset: 2px;
}

.tb-community--forum button,
.tb-community--forum .btn-glow,
.tb-community--contact button,
.tb-community--contact .btn-glow,
.tb-community--identity .btn-glow {
  min-height: 2.75rem;
  border-radius: 999px;
  background: var(--tb-purple);
  color: var(--tb-surface);
  box-shadow: none;
}

.tb-community__brand-panel {
  aspect-ratio: 4 / 5;
  display: grid;
  place-content: center;
  gap: var(--tb-space-6);
  padding: var(--tb-space-8);
  text-align: center;
  color: var(--tb-text-muted);
  background: linear-gradient(145deg, var(--tb-surface), var(--tb-surface-lavender));
  border: 1px solid var(--tb-border);
  border-radius: var(--tb-radius-md);
  box-shadow: var(--tb-shadow-subtle);
}

.tb-community__brand-panel img {
  width: min(100%, 22rem);
  margin-inline: auto;
}

.tb-community__brand-panel p {
  margin: 0;
  color: var(--tb-plum);
  font-family: var(--tb-font-editorial);
  letter-spacing: 0.08em;
}

@media (max-width: 47.99rem) {
  .tb-community__breadcrumbs {
    width: min(100% - 1.25rem, var(--tb-container));
  }
}