/*
 * LAW Community V1.5.0
 * A clean, self-contained visual system for community.html and community-terms.html.
 * The legacy law-community.css is intentionally not required by this stylesheet.
 */

:root {
  --c-bg: #26030d;
  --c-bg-deep: #0d0005;
  --c-bg-soft: #3b0615;
  --c-glass: rgba(43, 5, 18, .42);
  --c-glass-strong: rgba(35, 2, 13, .64);
  --c-glass-solid: rgba(29, 2, 11, .92);
  --c-glass-soft: rgba(255, 255, 255, .055);
  --c-line: rgba(255, 255, 255, .2);
  --c-line-strong: rgba(255, 255, 255, .3);
  --c-line-accent: rgba(239, 64, 105, .58);
  --c-text: #fffafa;
  --c-muted: #cfbfc4;
  --c-muted-dim: #a98f98;
  --c-accent: #d4143f;
  --c-accent-bright: #ef4069;
  --c-accent-soft: rgba(239, 64, 105, .14);
  --c-success: #73d7a4;
  --c-warning: #ffca73;
  --c-danger: #ff6e86;
  --c-serif: var(--law-serif, Georgia, "Times New Roman", serif);
  --c-sans: var(--law-sans, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --c-blur: blur(18px) saturate(125%);
  --c-shadow: 0 28px 80px rgba(3, 0, 1, .38), 0 8px 24px rgba(7, 0, 2, .24);
  --c-shadow-soft: 0 14px 36px rgba(4, 0, 2, .24);
  --c-radius-xl: 30px;
  --c-radius-lg: 24px;
  --c-radius-md: 18px;
  --c-radius-sm: 14px;
  --c-pill: 999px;
  --c-shell: 1540px;
  --c-mobile-dock-space: calc(104px + env(safe-area-inset-bottom, 0px));
  --community-control-size: 44px;
}

html:has(body.law-community-page) {
  min-width: 320px;
  -ms-overflow-style: none;
  color-scheme: dark;
  background: var(--c-bg-deep);
  scroll-behavior: smooth;
  scrollbar-width: none;
}

html:has(body.law-community-page)::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

body.law-community-page,
body.law-community-page *,
body.law-community-page *::before,
body.law-community-page *::after {
  box-sizing: border-box;
}

body.law-community-page {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  overflow-x: clip;
  color: var(--c-text);
  background:
    linear-gradient(180deg, rgba(9, 0, 4, .1), rgba(9, 0, 4, .5)),
    radial-gradient(circle at 18% 14%, rgba(212, 20, 63, .25), transparent 38rem),
    radial-gradient(circle at 84% 42%, rgba(134, 12, 49, .28), transparent 40rem),
    var(--c-bg-deep) url("images/backgrounds/law-community-heart-desktop.webp") center top / cover fixed no-repeat;
  font-family: var(--c-sans);
  font-size: 15px;
  line-height: 1.5;
  isolation: isolate;
}

body.law-community-page::before {
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(4, 0, 2, .02), rgba(4, 0, 2, .36)),
    radial-gradient(circle at 50% -20%, rgba(255, 255, 255, .12), transparent 38%);
  content: "";
}

body.law-community-page.community-has-open-dialog,
body.law-community-page:has(dialog[open]) {
  overflow: hidden;
}

.community-skip-link {
  position: fixed;
  z-index: 500;
  top: 10px;
  left: 10px;
  min-height: var(--community-control-size);
  padding: 12px 16px;
  border: 1px solid var(--c-line-strong);
  border-radius: var(--c-pill);
  color: var(--c-text);
  background: #1d010a;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  transform: translateY(-160%);
  transition: transform .16s ease;
}

.community-skip-link:focus,
.community-skip-link:focus-visible {
  transform: translateY(0);
}

.law-community-page button,
.law-community-page input,
.law-community-page select,
.law-community-page textarea {
  color: inherit;
  font: inherit;
}

.law-community-page button,
.law-community-page a {
  -webkit-tap-highlight-color: transparent;
}

.law-community-page a {
  color: inherit;
}

.law-community-page img {
  display: block;
  max-width: 100%;
}

.law-community-page [hidden] {
  display: none !important;
}

.law-community-page .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.law-community-page :where(.community-shell, .community-footer, dialog, .community-image-dialog)
  :where(button, a, input, textarea, summary):focus-visible,
.law-community-page .community-skip-link:focus-visible {
  outline: 3px solid rgba(255, 119, 151, .82);
  outline-offset: 3px;
}

.law-community-page :where(button, input, textarea):disabled {
  cursor: not-allowed;
  opacity: .56;
}

.community-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #ff8caa;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .105em;
  line-height: 1.2;
  text-transform: uppercase;
}

.community-kicker::before {
  width: 18px;
  height: 1px;
  background: currentColor;
  content: "";
}

.community-lucide {
  width: 19px;
  height: 19px;
  flex: 0 0 auto;
  pointer-events: none;
}

/* Page shell and compact V1 intro */

.community-shell,
.community-terms-shell {
  width: min(100%, calc(var(--c-shell) + 48px));
  margin-inline: auto;
  padding: 26px 24px 76px;
}

.community-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(340px, .62fr);
  align-items: center;
  gap: clamp(46px, 5vw, 78px);
  min-height: clamp(188px, 13vw, 212px);
  margin-bottom: 22px;
  padding: clamp(26px, 2.4vw, 34px) clamp(30px, 3.2vw, 48px);
  overflow: hidden;
  border: 1px solid var(--c-line);
  border-radius: var(--c-radius-xl);
  background:
    linear-gradient(116deg, rgba(32, 2, 13, .48), rgba(32, 2, 13, .16)),
    radial-gradient(circle at 84% 20%, rgba(239, 64, 105, .24), transparent 27rem),
    var(--c-glass);
  -webkit-backdrop-filter: var(--c-blur);
  backdrop-filter: var(--c-blur);
  box-shadow: var(--c-shadow);
}

.community-hero::before,
.community-workspace::before,
.community-terms-hero::before,
.community-terms-toc::before,
.community-term::before,
.community-dialog__surface::before {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 9%;
  left: 9%;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .68), transparent);
  content: "";
}

.community-hero__copy,
.community-hero__signal {
  position: relative;
  z-index: 1;
}

.community-hero__copy h1,
.community-terms-hero h1 {
  margin: 9px 0 8px;
  color: var(--c-text);
  font-family: var(--c-serif);
  font-size: clamp(48px, 4.7vw, 68px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .86;
}

.community-hero__copy p {
  max-width: 760px;
  margin: 0;
  color: var(--c-muted);
  font-size: clamp(13px, 1vw, 16px);
  line-height: 1.55;
}

.community-hero__signal {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-content: center;
  gap: 9px;
  min-width: 0;
  padding: 20px 0 20px clamp(30px, 3vw, 48px);
  border-left: 1px solid var(--c-line);
}

.community-hero__signal p {
  margin: 0 0 3px;
  font-family: var(--c-serif);
  font-size: clamp(24px, 2.4vw, 38px);
  line-height: 1;
}

.community-hero__signal > div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 18px;
}

.community-hero__signal span {
  display: block;
  color: var(--c-muted);
  font-size: 11px;
  font-weight: 720;
  letter-spacing: .04em;
}

/* Three-column community workspace */

.community-workspace {
  position: relative;
  display: grid;
  grid-template-columns: minmax(280px, 304px) minmax(0, 1fr) minmax(268px, 292px);
  justify-content: center;
  align-items: start;
  gap: 24px;
}

.community-workspace::before {
  display: none;
}

.community-rail,
.community-feed-column,
.community-empty,
.community-error-state,
.community-filter-bar {
  border: 1px solid var(--c-line);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .075), transparent 44%),
    var(--c-glass);
  -webkit-backdrop-filter: var(--c-blur);
  backdrop-filter: var(--c-blur);
  box-shadow: var(--c-shadow-soft), inset 0 1px rgba(255, 255, 255, .1);
}

.community-rail {
  position: sticky;
  top: 98px;
  min-width: 0;
  padding: 22px;
  border-radius: var(--c-radius-lg);
}

.community-rail--profile {
  display: grid;
  gap: 12px;
}

.community-profile-tools {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.community-profile-tools > .community-command {
  width: 100%;
}

.community-identity {
  min-width: 0;
}

.community-identity:has(> .community-avatar + h2),
.community-identity:has(> .community-skeleton--avatar) {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 8px 13px;
  align-items: center;
}

.community-identity:has(> .community-avatar + h2) > .community-identity__bio {
  grid-column: 1 / -1;
}

.community-identity:has(> .community-skeleton--avatar) > .community-skeleton:not(.community-skeleton--avatar) {
  grid-column: 2;
}

.community-identity__top {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  min-width: 0;
}

.community-identity h2 {
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--c-text);
  font-family: var(--c-serif);
  font-size: 26px;
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: 1;
}

.community-identity__handle {
  display: block;
  margin-top: 5px;
  overflow: hidden;
  color: var(--c-muted-dim);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.community-identity__bio {
  margin: 14px 0 0;
  overflow-wrap: anywhere;
  color: var(--c-muted);
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
}

.community-identity__instagram,
.community-member-card__instagram {
  display: inline-flex;
  min-height: var(--community-control-size);
  align-items: center;
  margin-top: 8px;
  color: #ff9ab2;
  font-size: 11px;
  font-weight: 760;
  text-decoration: none;
}

.community-avatar {
  display: inline-grid;
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 50%;
  color: var(--c-text);
  background:
    radial-gradient(circle at 34% 25%, rgba(255, 255, 255, .22), transparent 32%),
    linear-gradient(145deg, #8c1234, #3b0718);
  box-shadow: inset 0 1px rgba(255, 255, 255, .16), 0 9px 22px rgba(0, 0, 0, .22);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .04em;
}

.community-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.community-avatar--large {
  width: 88px;
  height: 88px;
  font-size: 22px;
}

.community-identity__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 16px;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.community-identity__stat {
  display: block;
  min-width: 0;
  min-height: 62px;
  padding: 9px 7px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 14px;
  color: var(--c-muted-dim);
  background: rgba(255, 255, 255, .035);
  font-size: 9px;
  font-weight: 720;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
}

button.community-identity__stat {
  cursor: pointer;
}

.community-identity__stat-action {
  appearance: none;
}

.community-identity__stat strong {
  display: block;
  margin-bottom: 3px;
  overflow: hidden;
  color: var(--c-text);
  font-size: 18px;
  line-height: 1;
  text-overflow: ellipsis;
}

button.community-identity__stat:hover {
  color: var(--c-text);
  background: rgba(239, 64, 105, .12);
}

.community-command {
  display: inline-flex;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  border: 1px solid var(--c-line);
  border-radius: var(--c-pill);
  color: var(--c-text);
  background: rgba(255, 255, 255, .055);
  box-shadow: inset 0 1px rgba(255, 255, 255, .08);
  font-size: 12px;
  font-weight: 780;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.community-command:hover {
  border-color: var(--c-line-strong);
  background: rgba(255, 255, 255, .1);
  transform: translateY(-1px);
}

.community-command--primary {
  border-color: rgba(255, 120, 151, .72);
  background: linear-gradient(135deg, var(--c-accent-bright), var(--c-accent));
  box-shadow: 0 12px 26px rgba(212, 20, 63, .25), inset 0 1px rgba(255, 255, 255, .24);
}

.community-command--primary:hover {
  border-color: rgba(255, 196, 211, .82);
  background: linear-gradient(135deg, #fa5279, #d4143f);
}

.community-command--danger,
.community-command.is-destructive {
  border-color: rgba(255, 110, 134, .52);
  color: #ffe7ec;
  background: rgba(155, 18, 49, .32);
}

.community-command--compact {
  min-height: var(--community-control-size);
  padding: 8px 13px;
  font-size: 11px;
}

.community-command--member-safety {
  gap: 7px;
}

.community-rail--profile > .community-command {
  width: 100%;
}

.community-discipline-summary {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 20px;
  gap: 12px;
  align-items: center;
  width: 100%;
  min-height: 78px;
  padding: 12px 13px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: var(--c-radius-md);
  color: var(--c-text);
  background: rgba(255, 255, 255, .045);
  text-align: left;
  cursor: pointer;
}

.community-discipline-summary:hover {
  border-color: rgba(239, 64, 105, .5);
  background: rgba(239, 64, 105, .09);
}

.community-discipline-summary__mark {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 12px;
  color: #ffc3d1;
  background: rgba(239, 64, 105, .13);
  font-weight: 900;
}

.community-discipline-summary__copy {
  min-width: 0;
}

.community-discipline-summary__copy strong,
.community-discipline-summary__copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.community-discipline-summary__copy strong {
  font-size: 11px;
  line-height: 1.25;
  text-transform: uppercase;
}

.community-discipline-summary__copy small {
  margin-top: 3px;
  color: var(--c-muted-dim);
  font-size: 10px;
  line-height: 1.35;
  white-space: normal;
}

.community-discipline-summary__arrow {
  color: #ff86a3;
  font-size: 18px;
}

.community-discipline-summary.is-suspended {
  border-color: rgba(255, 110, 134, .5);
  background: rgba(120, 7, 34, .25);
}

.community-discipline-summary.has-open-appeal {
  border-color: rgba(255, 202, 115, .38);
}

.community-command--reports,
.community-command--safety {
  justify-content: space-between;
  min-height: 48px;
  padding-inline: 16px;
}

.community-command--reports span,
.community-command--safety span {
  display: inline-grid;
  min-width: 22px;
  min-height: 22px;
  place-items: center;
  border-radius: var(--c-pill);
  color: #ffd7e1;
  background: rgba(239, 64, 105, .18);
  font-size: 10px;
}

.community-command--reports span:empty,
.community-command--safety span:empty {
  display: none;
}

.community-rail--about h2 {
  margin: 10px 0 12px;
  font-family: var(--c-serif);
  font-size: 34px;
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: .98;
}

.community-rail--about > p {
  margin: 0;
  color: var(--c-muted);
  font-size: 13px;
  line-height: 1.62;
}

.community-code-list {
  margin: 18px 0;
  padding: 0;
  list-style: none;
}

.community-code-list li {
  display: flex;
  min-height: 42px;
  align-items: center;
  gap: 12px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  font-size: 12px;
  font-weight: 720;
}

.community-code-list li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.community-code-list span {
  color: #ff8fab;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
}

.community-text-link {
  display: flex;
  min-height: var(--community-control-size);
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .11);
  color: var(--c-muted);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.community-text-link:hover {
  color: var(--c-text);
}

/* Feed header, filters and stories */

.community-feed-column {
  min-width: 0;
  overflow: clip;
  border-radius: var(--c-radius-xl);
  background:
    linear-gradient(155deg, rgba(255, 255, 255, .065), transparent 24rem),
    rgba(30, 2, 12, .52);
}

.community-feed-head {
  position: sticky;
  z-index: 12;
  top: 98px;
  display: flex;
  min-height: 108px;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 19px 22px 17px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .13);
  border-radius: 0;
  background:
    linear-gradient(110deg, rgba(239, 64, 105, .075), transparent 48%),
    rgba(27, 1, 10, .88);
  -webkit-backdrop-filter: blur(20px) saturate(125%);
  backdrop-filter: blur(20px) saturate(125%);
  box-shadow: 0 12px 24px rgba(4, 0, 2, .12), inset 0 1px rgba(255, 255, 255, .07);
}

.community-feed-head__copy {
  min-width: 0;
}

.community-feed-head h2 {
  margin: 5px 0 12px;
  overflow-wrap: anywhere;
  font-family: var(--c-serif);
  font-size: clamp(28px, 2.3vw, 37px);
  font-weight: 400;
  letter-spacing: -.03em;
  line-height: 1;
}

.community-feed-tabs {
  display: inline-flex;
  gap: 4px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: var(--c-pill);
  background: rgba(0, 0, 0, .15);
}

.community-feed-tabs button {
  min-width: 74px;
  min-height: var(--community-control-size);
  padding: 6px 12px;
  border: 0;
  border-radius: var(--c-pill);
  color: var(--c-muted-dim);
  background: transparent;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

.community-feed-tabs button.is-active {
  color: var(--c-text);
  background: rgba(255, 255, 255, .12);
  box-shadow: inset 0 1px rgba(255, 255, 255, .1);
}

.community-feed-head__tools {
  display: flex;
  flex: 0 0 auto;
  gap: 7px;
  padding-bottom: 1px;
}

.community-icon-button,
.community-dialog__close,
.community-context__trigger {
  display: inline-grid;
  width: 44px;
  min-width: 44px;
  height: 44px;
  place-items: center;
  padding: 0;
  border: 1px solid var(--c-line);
  border-radius: 15px;
  color: var(--c-text);
  background: rgba(255, 255, 255, .055);
  box-shadow: inset 0 1px rgba(255, 255, 255, .08);
  cursor: pointer;
}

.community-icon-button:hover,
.community-dialog__close:hover,
.community-context__trigger:hover {
  border-color: var(--c-line-strong);
  background: rgba(255, 255, 255, .11);
}

.community-icon-button svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.community-notification-trigger {
  position: relative;
}

.community-notification-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  display: grid;
  min-width: 20px;
  height: 20px;
  place-items: center;
  padding: 0 5px;
  border: 2px solid #25030d;
  border-radius: var(--c-pill);
  color: #fff;
  background: var(--c-accent-bright);
  font-size: 9px;
  font-weight: 900;
}

.community-filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 10px 14px;
  padding: 10px 15px;
  border-color: rgba(255, 255, 255, .11);
  border-radius: var(--c-radius-md);
  background: rgba(255, 255, 255, .035);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: inset 0 1px rgba(255, 255, 255, .05);
  color: var(--c-muted);
  font-size: 11px;
}

.community-filter-bar button {
  min-height: var(--community-control-size);
  padding: 6px 12px;
  border: 0;
  border-radius: var(--c-pill);
  color: #ffafc2;
  background: var(--c-accent-soft);
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.community-feed {
  display: grid;
  gap: 0;
  margin-top: 0;
}

.community-quick-compose {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  margin: 13px 14px 0;
  padding: 12px 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: var(--c-radius-md);
  background: linear-gradient(120deg, rgba(239, 64, 105, .14), rgba(255, 255, 255, .045));
  box-shadow: inset 0 1px rgba(255, 255, 255, .07);
}

.community-quick-compose__mark {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 17px;
  color: var(--c-text);
  background: linear-gradient(145deg, rgba(239, 64, 105, .55), rgba(71, 5, 27, .62));
  box-shadow: inset 0 1px rgba(255, 255, 255, .2);
  font-family: var(--c-serif);
  font-size: 23px;
}

.community-quick-compose__copy {
  min-width: 0;
}

.community-quick-compose__copy strong,
.community-quick-compose__copy span {
  display: block;
}

.community-quick-compose__copy strong {
  font-family: var(--c-serif);
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -.02em;
  line-height: 1.05;
}

.community-quick-compose__copy span {
  margin-top: 4px;
  overflow: hidden;
  color: var(--c-muted-dim);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.community-quick-compose__button {
  min-width: 142px;
}

.community-post {
  position: relative;
  min-width: 0;
  padding: 17px 22px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}

.community-post + .community-post {
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.community-post.is-featured {
  margin: 10px 12px;
  border: 1px solid rgba(239, 64, 105, .35);
  border-radius: var(--c-radius-md);
  background:
    linear-gradient(145deg, rgba(239, 64, 105, .1), transparent 46%),
    rgba(255, 255, 255, .025);
}

.community-post.is-featured + .community-post {
  border-top: 0;
}

.community-post__head {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto auto;
  gap: 11px;
  align-items: center;
  min-width: 0;
}

.community-post__head > .community-avatar {
  width: 42px;
  height: 42px;
}

.community-post__member {
  min-width: 0;
  padding: 2px 0;
  border: 0;
  color: var(--c-text);
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.community-post__member strong,
.community-post__meta {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.community-post__member strong {
  font-size: 14px;
  font-weight: 800;
}

.community-post__meta {
  margin-top: 3px;
  color: var(--c-muted-dim);
  font-size: 11px;
}

.community-featured-tag,
.community-post__comment-policy,
.community-comment__visibility-state,
.community-member-card__safety-state,
.community-safety-person__states span,
.community-discipline-badge,
.community-member-report__status {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 5px 9px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: var(--c-pill);
  color: #ffafc2;
  background: rgba(239, 64, 105, .1);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .045em;
  line-height: 1.1;
  text-transform: uppercase;
}

.community-post__body {
  margin: 10px 0 0;
  overflow-wrap: anywhere;
  color: #f3e8eb;
  font-size: 15px;
  line-height: 1.55;
  white-space: pre-wrap;
}

.community-post__media {
  display: block;
  width: 100%;
  margin-top: 14px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 18px;
  background: rgba(0, 0, 0, .25);
  cursor: zoom-in;
}

.community-post__image {
  width: 100%;
  max-height: 760px;
  object-fit: cover;
}

.community-post__media.is-unavailable {
  display: grid;
  min-height: 190px;
  place-items: center;
  color: var(--c-muted-dim);
  cursor: default;
}

.community-post__actions {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 9px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.community-action {
  display: inline-flex;
  min-width: 44px;
  min-height: var(--community-control-size);
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: var(--c-pill);
  color: var(--c-muted);
  background: transparent;
  font-size: 11px;
  font-weight: 760;
  cursor: pointer;
}

.community-action:last-child {
  margin-left: auto;
}

.community-action:hover,
.community-action.is-active {
  border-color: rgba(239, 64, 105, .28);
  color: #ff9db5;
  background: var(--c-accent-soft);
}

.community-action strong {
  color: currentColor;
  font-size: 11px;
  font-weight: 850;
}

@media (min-width: 761px) {
  .community-feed {
    gap: 12px;
    padding: 12px 14px 16px;
  }

  .community-post {
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .018));
    box-shadow: inset 0 1px rgba(255, 255, 255, .06);
  }

  .community-post + .community-post {
    border-top-color: rgba(255, 255, 255, .1);
  }

  .community-post.is-featured {
    margin: 0;
  }
}

.community-heart.is-active .community-lucide {
  fill: currentColor;
}

.community-context {
  position: relative;
  z-index: 4;
}

.community-post__menu {
  margin-left: 1px;
}

.community-context__trigger {
  width: var(--community-control-size);
  min-width: var(--community-control-size);
  height: var(--community-control-size);
  border-color: transparent;
  border-radius: 13px;
  color: var(--c-muted);
  background: transparent;
}

.community-context-menu {
  position: absolute;
  z-index: 80;
  top: calc(100% + 7px);
  right: 0;
  display: grid;
  width: min(230px, calc(100vw - 36px));
  padding: 6px;
  border: 1px solid var(--c-line-strong);
  border-radius: var(--c-radius-sm);
  background: rgba(25, 1, 10, .96);
  -webkit-backdrop-filter: blur(22px) saturate(135%);
  backdrop-filter: blur(22px) saturate(135%);
  box-shadow: 0 22px 48px rgba(0, 0, 0, .44), inset 0 1px rgba(255, 255, 255, .12);
}

.community-context-menu[hidden] {
  display: none;
}

.community-context-menu__item {
  display: flex;
  min-height: var(--community-control-size);
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  border: 0;
  border-radius: 10px;
  color: var(--c-muted);
  background: transparent;
  font-size: 11px;
  font-weight: 720;
  text-align: left;
  cursor: pointer;
}

.community-context-menu__item:hover {
  color: var(--c-text);
  background: rgba(255, 255, 255, .08);
}

.community-context-menu__item.is-destructive {
  color: #ff9cb2;
}

.community-load-more {
  display: flex;
  width: min(100%, 300px);
  min-height: 46px;
  align-items: center;
  justify-content: center;
  margin: 18px auto 0;
  padding: 10px 20px;
  border: 1px solid var(--c-line);
  border-radius: var(--c-pill);
  color: var(--c-text);
  background: var(--c-glass-strong);
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

.community-empty,
.community-error-state {
  display: grid;
  min-height: 280px;
  place-content: center;
  justify-items: center;
  gap: 12px;
  padding: 34px;
  border: 0;
  border-radius: 0;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  text-align: center;
}

.community-empty h3,
.community-error-state h3 {
  margin: 0;
  font-family: var(--c-serif);
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 400;
  line-height: 1;
}

.community-empty p,
.community-error-state p {
  max-width: 460px;
  margin: 0 0 4px;
  color: var(--c-muted);
  font-size: 13px;
}

/* Loading, skeleton and error states */

@keyframes community-shimmer {
  from { background-position: 120% 0; }
  to { background-position: -120% 0; }
}

.community-post--loading {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  min-height: 112px;
}

.community-skeleton {
  width: 100%;
  height: 12px;
  border-radius: var(--c-pill);
  background: linear-gradient(90deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .15), rgba(255, 255, 255, .055));
  background-size: 240% 100%;
  animation: community-shimmer 1.45s ease-in-out infinite;
}

.community-skeleton--short {
  width: 58%;
  margin-top: 9px;
}

.community-skeleton--avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
}

.community-form-error,
.community-discipline-loading.is-error,
.community-member-reports__empty.is-error {
  color: #ff9caf;
}

.community-form-error {
  min-height: 1.35em;
  margin: 0;
  font-size: 11px;
  font-weight: 720;
}

.community-form-error:empty {
  display: none;
}

/* Footer */

.community-footer {
  position: relative;
  width: min(100% - 48px, var(--c-shell));
  margin: 0 auto 24px;
  padding: 30px;
  border: 1px solid var(--c-line);
  border-radius: var(--c-radius-xl);
  color: var(--c-muted);
  background: var(--c-glass);
  -webkit-backdrop-filter: var(--c-blur);
  backdrop-filter: var(--c-blur);
  box-shadow: var(--c-shadow-soft), inset 0 1px rgba(255, 255, 255, .1);
}

.community-footer__grid {
  display: grid;
  grid-template-columns: minmax(300px, 1.7fr) repeat(3, minmax(120px, 1fr));
  gap: 32px;
}

.community-footer__brand > div {
  display: flex;
  align-items: center;
  gap: 12px;
}

.community-footer__brand img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.community-footer__brand p,
.community-footer nav {
  margin: 0;
}

.community-footer__brand > p {
  max-width: 410px;
  margin-top: 14px;
  font-size: 12px;
}

.community-footer__brand strong,
.community-footer__brand span,
.community-footer nav strong,
.community-footer nav a {
  display: block;
}

.community-footer__brand strong,
.community-footer nav strong {
  color: var(--c-text);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.community-footer__brand span {
  font-size: 10px;
}

.community-footer nav a {
  min-height: 40px;
  padding-top: 9px;
  color: var(--c-muted);
  font-size: 11px;
  text-decoration: none;
}

.community-footer nav a:hover {
  color: var(--c-text);
}

.community-footer__bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 28px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  color: var(--c-muted-dim);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* Shared liquid-glass dialog system */

.community-dialog,
.community-image-dialog {
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  padding: 24px;
  overflow: hidden;
  border: 0;
  color: var(--c-text);
  background: transparent;
}

.community-dialog[open],
.community-image-dialog[open] {
  display: grid;
  place-items: center;
}

.community-dialog::backdrop,
.community-image-dialog::backdrop {
  background: rgba(5, 0, 3, .76);
  -webkit-backdrop-filter: blur(10px) saturate(110%);
  backdrop-filter: blur(10px) saturate(110%);
}

.community-dialog__surface {
  position: relative;
  width: min(100%, 760px);
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 26px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--c-line-strong);
  border-radius: var(--c-radius-xl);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .075), transparent 38%),
    var(--c-glass-solid);
  -webkit-backdrop-filter: blur(24px) saturate(135%);
  backdrop-filter: blur(24px) saturate(135%);
  box-shadow: 0 36px 100px rgba(0, 0, 0, .58), inset 0 1px rgba(255, 255, 255, .15);
  scrollbar-width: thin;
  scrollbar-color: rgba(239, 64, 105, .55) transparent;
}

.community-dialog__surface > * {
  position: relative;
  z-index: 1;
}

.community-dialog__head {
  position: sticky;
  z-index: 12;
  top: -26px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin: -26px -26px 22px;
  padding: 26px 26px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  background: linear-gradient(180deg, rgba(23, 1, 9, .99) 76%, rgba(23, 1, 9, .91));
}

.community-dialog__head > div {
  min-width: 0;
}

.community-dialog__head h2 {
  max-width: 680px;
  margin: 7px 0 0;
  overflow-wrap: anywhere;
  font-family: var(--c-serif);
  font-size: clamp(32px, 4vw, 42px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .94;
}

.community-dialog__kicker {
  color: #ff8caa;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.community-dialog__close {
  position: relative;
  z-index: 8;
  top: 0;
  flex: 0 0 auto;
  border-radius: 15px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
}

.community-dialog__actions {
  position: sticky;
  z-index: 11;
  bottom: -26px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin: 22px -26px -26px;
  padding: 15px 26px 26px;
  border-top: 1px solid rgba(255, 255, 255, .11);
  background: rgba(23, 1, 9, .98);
}

.community-dialog__actions .community-command {
  min-width: 150px;
}

.community-field {
  display: grid;
  min-width: 0;
  gap: 8px;
  margin: 0;
}

.community-field > span,
.community-comment-policy-picker legend,
.community-report-reasons legend {
  color: #f8e9ed;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.community-field :where(input, textarea),
.community-handle-input,
.community-comment-form textarea,
.community-discover-search input {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: var(--c-radius-md);
  color: var(--c-text);
  background: rgba(255, 255, 255, .055);
  box-shadow: inset 0 1px rgba(255, 255, 255, .045);
  caret-color: var(--c-accent-bright);
}

.community-field :where(input, textarea) {
  min-height: 48px;
  padding: 12px 14px;
  resize: vertical;
}

.community-field textarea {
  min-height: 124px;
  line-height: 1.55;
}

.community-field :where(input, textarea)::placeholder,
.community-comment-form textarea::placeholder,
.community-discover-search input::placeholder {
  color: #9b848c;
  opacity: 1;
}

.community-field :where(input, textarea):focus,
.community-handle-input:focus-within,
.community-comment-form textarea:focus,
.community-discover-search input:focus {
  border-color: rgba(239, 64, 105, .75);
  outline: 0;
  box-shadow: 0 0 0 4px rgba(239, 64, 105, .12), inset 0 1px rgba(255, 255, 255, .07);
}

.community-field small {
  color: var(--c-muted-dim);
  font-size: 10px;
}

.community-field > small:last-child {
  justify-self: end;
}

.community-profile-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.community-field--wide {
  grid-column: 1 / -1;
}

.community-handle-input {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  padding-left: 14px;
  color: var(--c-muted);
}

.community-handle-input input {
  min-height: 46px;
  padding: 10px 14px 10px 6px;
  border: 0;
  color: var(--c-text);
  background: transparent;
  outline: 0;
}

.community-upload {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 86px;
  margin-top: 16px;
  padding: 14px;
  border: 1px dashed rgba(255, 255, 255, .26);
  border-radius: var(--c-radius-md);
  background: rgba(255, 255, 255, .035);
  cursor: pointer;
}

.community-upload:hover {
  border-color: rgba(239, 64, 105, .58);
  background: rgba(239, 64, 105, .07);
}

.community-upload input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.community-upload__icon {
  display: grid;
  width: 50px;
  height: 50px;
  place-items: center;
  border: 1px solid var(--c-line);
  border-radius: 16px;
  color: #ff9eb5;
  background: rgba(239, 64, 105, .1);
  font-size: 28px;
  font-weight: 300;
}

.community-upload strong,
.community-upload small {
  display: block;
}

.community-upload strong {
  font-size: 13px;
}

.community-upload small {
  margin-top: 4px;
  color: var(--c-muted-dim);
  font-size: 10px;
}

.community-image-preview {
  position: relative;
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid var(--c-line);
  border-radius: var(--c-radius-md);
}

.community-image-preview img {
  width: 100%;
  max-height: 360px;
  object-fit: cover;
}

.community-image-preview button {
  position: absolute;
  right: 12px;
  bottom: 12px;
  min-height: var(--community-control-size);
  padding: 8px 13px;
  border: 1px solid var(--c-line-strong);
  border-radius: var(--c-pill);
  color: var(--c-text);
  background: rgba(12, 0, 5, .82);
  cursor: pointer;
}

.community-check {
  display: flex;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  color: var(--c-muted);
  font-size: 11px;
}

.community-check input,
.community-report-reason input,
.community-comment-policy-option input {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  margin: 0;
  accent-color: var(--c-accent-bright);
}

.community-policy-note,
.community-conversation-note,
.community-comment-policy-context,
.community-safety-summary,
.community-member-reports__summary,
.community-discover-summary {
  margin: 15px 0 0;
  padding: 12px 14px;
  border-left: 2px solid var(--c-accent-bright);
  border-radius: 0 12px 12px 0;
  color: var(--c-muted);
  background: rgba(239, 64, 105, .07);
  font-size: 11px;
  line-height: 1.5;
}

.community-comment-policy-picker,
.community-report-reasons {
  min-width: 0;
  margin: 16px 0 0;
  padding: 0;
  border: 0;
}

.community-comment-policy-picker__options,
.community-report-reasons__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-top: 10px;
}

.community-comment-policy-option,
.community-report-reason {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
  min-height: 86px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: var(--c-radius-md);
  background: rgba(255, 255, 255, .035);
  cursor: pointer;
}

.community-comment-policy-option:has(input:checked),
.community-report-reason:has(input:checked) {
  border-color: rgba(239, 64, 105, .68);
  background: rgba(239, 64, 105, .11);
  box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}

.community-comment-policy-option strong,
.community-comment-policy-option small,
.community-report-reason strong,
.community-report-reason small {
  display: block;
  overflow-wrap: anywhere;
}

.community-comment-policy-option strong,
.community-report-reason strong {
  color: var(--c-text);
  font-size: 11px;
}

.community-comment-policy-option small,
.community-report-reason small {
  margin-top: 5px;
  color: var(--c-muted-dim);
  font-size: 9px;
  line-height: 1.35;
}

/* Story conversations */

.community-dialog--comments .community-dialog__surface {
  width: min(100%, 1120px);
}

.community-dialog--comment-policy .community-dialog__surface {
  width: min(100%, 680px);
}

.community-dialog--block-confirm .community-dialog__surface {
  width: min(100%, 620px);
}

.community-follow {
  min-width: 118px;
}

.community-conversation-layout {
  display: grid;
  grid-template-columns: minmax(260px, .78fr) minmax(0, 1.22fr);
  gap: 22px;
  align-items: start;
}

.community-conversation-story {
  position: sticky;
  top: 0;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: var(--c-radius-md);
  background: rgba(255, 255, 255, .035);
}

.community-conversation-story__author {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px;
  font-size: 12px;
  font-weight: 780;
}

.community-conversation-story__body {
  margin: 0;
  padding: 0 14px 14px;
  overflow-wrap: anywhere;
  color: var(--c-muted);
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
}

.community-conversation-story__media {
  width: 100%;
  max-height: 440px;
  object-fit: cover;
}

.community-conversation-story__empty {
  padding: 30px 18px;
  color: var(--c-muted-dim);
  text-align: center;
}

.community-conversation-thread {
  min-width: 0;
}

.community-comment-access {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: var(--c-radius-md);
  background: rgba(255, 255, 255, .035);
}

.community-comment-access.is-off,
.community-comment-access.is-restricted,
.community-comment-access.is-blocked {
  border-color: rgba(255, 202, 115, .3);
  background: rgba(255, 202, 115, .06);
}

.community-comment-access__icon {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 11px;
  color: #ffa5bb;
  background: var(--c-accent-soft);
}

.community-comment-access strong,
.community-comment-access p {
  display: block;
  margin: 0;
}

.community-comment-access strong {
  font-size: 11px;
}

.community-comment-access p {
  margin-top: 2px;
  color: var(--c-muted-dim);
  font-size: 9px;
}

.community-comment-access__action {
  min-height: var(--community-control-size);
  padding: 7px 11px;
  border: 1px solid var(--c-line);
  border-radius: var(--c-pill);
  color: var(--c-text);
  background: rgba(255, 255, 255, .055);
  font-size: 9px;
  font-weight: 800;
  cursor: pointer;
}

.community-conversation-note {
  margin-top: 10px;
}

.community-comments {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.community-comment {
  position: relative;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 10px;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: var(--c-radius-md);
  background: rgba(255, 255, 255, .03);
}

.community-comment.is-hidden-by-owner {
  border-style: dashed;
  opacity: .78;
}

.community-comment .community-avatar {
  width: 40px;
  height: 40px;
  font-size: 11px;
}

.community-comment > div:not(.community-context) {
  min-width: 0;
}

.community-comment__member {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  overflow: hidden;
  border: 0;
  color: var(--c-text);
  background: transparent;
  font-size: 11px;
  font-weight: 820;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.community-comment p {
  margin: 5px 0 0;
  overflow-wrap: anywhere;
  color: #eadde1;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
}

.community-comment__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-top: 6px;
  color: var(--c-muted-dim);
  font-size: 9px;
}

.community-comment__delete {
  min-height: var(--community-control-size);
  padding: 5px 9px;
  border: 0;
  color: #ff92ab;
  background: transparent;
  font-size: 9px;
  cursor: pointer;
}

.community-comment__visibility-state {
  min-height: 22px;
  padding: 4px 7px;
}

.community-comment-form {
  position: sticky;
  z-index: 6;
  bottom: -1px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
  margin-top: 11px;
  padding-top: 12px;
  background: linear-gradient(180deg, transparent, rgba(23, 1, 9, .98) 24%);
}

.community-comment-form textarea {
  min-height: 52px;
  max-height: 150px;
  padding: 13px 14px;
  resize: vertical;
}

.community-comment-form .community-command {
  align-self: end;
  min-width: 92px;
  min-height: 52px;
}

/* Discover and member profile */

.community-dialog--discover .community-dialog__surface,
.community-dialog--member .community-dialog__surface {
  width: min(100%, 960px);
}

.community-discover-search {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.community-discover-search__icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 14px;
  color: var(--c-muted);
  background: rgba(255, 255, 255, .04);
}

.community-discover-search__icon svg {
  width: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.community-discover-search input {
  min-height: 48px;
  padding: 11px 14px;
}

.community-discover-summary {
  margin-top: 14px;
}

.community-discover-results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.community-discover-card {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: var(--c-radius-md);
  background: rgba(255, 255, 255, .035);
}

.community-discover-card .community-avatar {
  width: 50px;
  height: 50px;
}

.community-discover-card__identity {
  min-width: 0;
}

.community-discover-card__identity strong,
.community-discover-card__identity span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.community-discover-card__identity strong {
  font-size: 12px;
}

.community-discover-card__identity span {
  margin-top: 3px;
  color: var(--c-muted-dim);
  font-size: 9px;
}

.community-discover-card__stats {
  display: flex;
  grid-column: 1 / -1;
  gap: 12px;
  color: var(--c-muted-dim);
  font-size: 9px;
}

.community-discover-card__actions {
  display: flex;
  grid-column: 1 / -1;
  gap: 7px;
}

.community-discover-card__actions .community-command {
  flex: 1 1 auto;
}

.community-discover-empty,
.community-notification-empty,
.community-safety-empty,
.community-member-reports__empty {
  grid-column: 1 / -1;
  display: grid;
  min-height: 180px;
  place-content: center;
  justify-items: center;
  gap: 8px;
  padding: 28px;
  border: 1px dashed rgba(255, 255, 255, .15);
  border-radius: var(--c-radius-md);
  color: var(--c-muted);
  text-align: center;
}

.community-discover-empty strong,
.community-notification-empty strong,
.community-safety-empty strong {
  color: var(--c-text);
  font-family: var(--c-serif);
  font-size: 24px;
  font-weight: 400;
}

.community-discover-empty p,
.community-notification-empty p,
.community-safety-empty p {
  max-width: 420px;
  margin: 0;
  font-size: 11px;
}

.community-member-card {
  min-width: 0;
}

.community-member-card__hero {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr) 170px;
  gap: 20px;
  align-items: start;
  padding-bottom: 22px;
}

.community-member-card__identity {
  min-width: 0;
}

.community-member-card__identity h2 {
  margin: 0;
  overflow-wrap: anywhere;
  font-family: var(--c-serif);
  font-size: clamp(38px, 5.5vw, 58px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .92;
}

.community-member-card__handle {
  margin: 7px 0 10px;
  color: #ff96af;
  font-size: 10px;
  font-weight: 800;
}

.community-member-card__bio {
  margin: 0 0 8px;
  overflow-wrap: anywhere;
  color: var(--c-muted);
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
}

.community-member-card__proof {
  margin: 0;
  color: var(--c-muted-dim);
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}

.community-member-card__actions {
  display: grid;
  gap: 8px;
}

.community-member-card__actions .community-command {
  width: 100%;
}

.community-member-card__safety-state {
  grid-column: 1 / -1;
  justify-self: start;
  margin-top: 7px;
}

.community-member-card__tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-block: 1px solid rgba(255, 255, 255, .12);
}

.community-member-card__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 14px;
}

.community-member-card__stats > span {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: var(--c-radius-sm);
  color: var(--c-muted-dim);
  background: rgba(255, 255, 255, .03);
  font-size: 9px;
}

.community-member-card__stats strong {
  display: block;
  color: var(--c-text);
  font-size: 17px;
}

.community-member-card__tab {
  position: relative;
  min-width: 0;
  min-height: 68px;
  padding: 11px 13px;
  border: 0;
  color: var(--c-muted-dim);
  background: transparent;
  font-size: 9px;
  font-weight: 800;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}

.community-member-card__tab + .community-member-card__tab {
  border-left: 1px solid rgba(255, 255, 255, .1);
}

.community-member-card__tab strong {
  display: block;
  margin-bottom: 3px;
  color: var(--c-text);
  font-size: 21px;
}

.community-member-card__tab::after {
  position: absolute;
  right: 13px;
  bottom: -1px;
  left: 13px;
  height: 2px;
  background: var(--c-accent-bright);
  content: "";
  opacity: 0;
  transform: scaleX(.45);
  transition: opacity .18s ease, transform .18s ease;
}

.community-member-card__tab.is-active {
  color: var(--c-text);
  background: rgba(255, 255, 255, .035);
}

.community-member-card__tab.is-active::after {
  opacity: 1;
  transform: scaleX(1);
}

.community-member-card__panel {
  min-height: 260px;
  padding-top: 18px;
}

.community-member-stories {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.community-member-story {
  position: relative;
  min-width: 0;
  aspect-ratio: 4 / 5;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: var(--c-radius-md);
  color: var(--c-text);
  background: rgba(67, 4, 24, .45);
  text-align: left;
  cursor: pointer;
}

.community-member-story img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.community-member-story__copy {
  position: absolute;
  inset: auto 0 0;
  display: grid;
  gap: 6px;
  padding: 42px 13px 13px;
  background: linear-gradient(180deg, transparent, rgba(10, 0, 4, .94));
}

.community-member-story:not(.has-image) .community-member-story__copy,
.community-member-story.is-unavailable .community-member-story__copy {
  inset: 0;
  align-content: end;
  background: linear-gradient(145deg, rgba(126, 7, 42, .5), rgba(21, 1, 8, .94));
}

.community-member-story__copy strong {
  display: -webkit-box;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.community-member-story__copy small {
  color: var(--c-muted);
  font-size: 8px;
  text-transform: uppercase;
}

.community-member-card__panel-footer {
  display: flex;
  justify-content: flex-end;
  padding-top: 13px;
}

.community-member-connections {
  display: grid;
}

.community-member-connection {
  display: grid;
  grid-template-columns: minmax(210px, 1fr) minmax(130px, auto) auto;
  gap: 13px;
  align-items: center;
  min-width: 0;
  padding: 11px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.community-member-connection:first-child {
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.community-member-connection__identity {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  min-width: 0;
  padding: 0;
  border: 0;
  color: var(--c-text);
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.community-member-connection__identity .community-avatar {
  width: 46px;
  height: 46px;
}

.community-member-connection__identity strong,
.community-member-connection__identity small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.community-member-connection__identity strong {
  font-size: 12px;
}

.community-member-connection__identity small,
.community-member-connection__proof {
  color: var(--c-muted-dim);
  font-size: 9px;
}

.community-member-connection__proof {
  text-align: right;
  text-transform: uppercase;
}

.community-member-connection__actions {
  display: flex;
  justify-content: flex-end;
}

.community-member-connection__actions .community-command {
  min-width: 116px;
}

.community-member-connection__you {
  color: #ff9db5;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

.community-member-card__empty {
  display: grid;
  min-height: 220px;
  place-content: center;
  justify-items: center;
  gap: 8px;
  padding: 28px;
  color: var(--c-muted);
  text-align: center;
}

.community-member-card__empty strong {
  font-family: var(--c-serif);
  font-size: 28px;
  font-weight: 400;
}

.community-member-card__empty p {
  max-width: 430px;
  margin: 0;
  font-size: 11px;
}

/* Notifications, personal safety and block confirmation */

.community-dialog--notifications .community-dialog__surface,
.community-dialog--safety-manager .community-dialog__surface,
.community-dialog--member-reports .community-dialog__surface,
.community-dialog--discipline .community-dialog__surface {
  width: min(100%, 920px);
}

.community-notifications-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.community-notifications-toolbar p {
  margin: 0;
  color: var(--c-muted);
  font-size: 11px;
}

.community-notifications-toolbar button {
  min-height: var(--community-control-size);
  padding: 8px 13px;
  border: 1px solid var(--c-line);
  border-radius: var(--c-pill);
  color: #ffadc0;
  background: var(--c-accent-soft);
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.community-notifications-list,
.community-safety-list,
.community-member-reports {
  display: grid;
  gap: 9px;
}

.community-notification {
  position: relative;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 74px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: var(--c-radius-md);
  color: var(--c-text);
  background: rgba(255, 255, 255, .03);
  text-align: left;
  cursor: pointer;
}

.community-notification::before {
  position: absolute;
  top: 50%;
  left: 5px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--c-accent-bright);
  content: "";
  opacity: 0;
  transform: translateY(-50%);
}

.community-notification.is-unread {
  border-color: rgba(239, 64, 105, .32);
  background: rgba(239, 64, 105, .075);
}

.community-notification.is-unread::before {
  opacity: 1;
}

.community-notification:hover {
  border-color: var(--c-line-strong);
  background: rgba(255, 255, 255, .065);
}

.community-notification__copy {
  min-width: 0;
}

.community-notification__copy strong,
.community-notification__copy span {
  display: block;
  overflow-wrap: anywhere;
}

.community-notification__copy strong {
  font-size: 11px;
}

.community-notification__copy span {
  margin-top: 4px;
  color: var(--c-muted);
  font-size: 10px;
  line-height: 1.45;
}

.community-notification__meta {
  display: grid;
  justify-items: end;
  gap: 5px;
  color: var(--c-muted-dim);
  font-size: 8px;
  white-space: nowrap;
}

.community-safety-summary,
.community-member-reports__summary {
  margin: 0 0 12px;
}

.community-safety-person {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: var(--c-radius-md);
  background: rgba(255, 255, 255, .035);
}

.community-safety-person__identity {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  min-width: 0;
}

.community-safety-person__identity > div {
  min-width: 0;
}

.community-safety-person__identity strong,
.community-safety-person__identity span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.community-safety-person__identity strong {
  font-size: 12px;
}

.community-safety-person__identity span {
  margin-top: 3px;
  color: var(--c-muted-dim);
  font-size: 9px;
}

.community-safety-person__states {
  width: max-content;
  max-width: 100%;
  min-height: 24px;
  margin-top: 6px !important;
  padding: 4px 8px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: var(--c-pill);
  color: #ffabc0 !important;
  background: var(--c-accent-soft);
  font-size: 8px !important;
  font-weight: 820;
  text-transform: uppercase;
}

.community-safety-person__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.community-safety-person__actions .community-command {
  min-width: 112px;
}

.community-block-confirmation {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 17px;
  border: 1px solid rgba(255, 110, 134, .3);
  border-radius: var(--c-radius-md);
  background: rgba(145, 15, 45, .13);
}

.community-block-confirmation__mark {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid rgba(255, 110, 134, .42);
  border-radius: 16px;
  color: #ffacbe;
  background: rgba(255, 110, 134, .1);
  font-size: 20px;
  font-weight: 900;
}

.community-block-confirmation strong {
  font-size: 13px;
}

.community-block-confirmation p {
  margin: 6px 0 0;
  color: var(--c-muted);
  font-size: 11px;
  line-height: 1.55;
}

/* Reports and moderation conversations */

.community-dialog--report .community-dialog__surface {
  width: min(100%, 820px);
}

.community-report-reasons__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.community-report-reason {
  min-height: 94px;
}

.community-dialog--report .community-field {
  margin-top: 16px;
}

.community-member-report {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: var(--c-radius-md);
  background: rgba(255, 255, 255, .035);
}

.community-member-report__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.community-member-report__head > div {
  min-width: 0;
}

.community-member-report__head h3 {
  margin: 0;
  overflow-wrap: anywhere;
  font-family: var(--c-serif);
  font-size: clamp(22px, 3.2vw, 30px);
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: 1.05;
}

.community-member-report__head > div > span {
  display: block;
  margin-top: 5px;
  color: var(--c-muted-dim);
  font-size: 8px;
  font-weight: 720;
  text-transform: uppercase;
}

.community-member-report__status {
  flex: 0 0 auto;
}

.community-member-report__status.is-resolved,
.community-member-report__status.is-approved,
.community-discipline-badge.is-revoked,
.community-discipline-row__appeal.is-approved {
  border-color: rgba(115, 215, 164, .32);
  color: #a6ecc7;
  background: rgba(115, 215, 164, .08);
}

.community-member-report__status.is-in_review,
.community-member-report__status.is-open,
.community-discipline-row__appeal.is-open,
.community-discipline-row__appeal.is-in_review {
  border-color: rgba(255, 202, 115, .32);
  color: #ffe0a6;
  background: rgba(255, 202, 115, .075);
}

.community-member-report__details {
  margin: 14px 0 0;
  overflow-wrap: anywhere;
  color: var(--c-muted);
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
}

.community-member-report__target {
  margin: 12px 0 0;
  padding: 12px 14px;
  border: 0;
  border-left: 2px solid rgba(239, 64, 105, .58);
  border-radius: 0 11px 11px 0;
  color: #eadce0;
  background: rgba(0, 0, 0, .15);
  font-size: 11px;
  line-height: 1.5;
}

.community-member-report__response {
  margin-top: 13px;
  padding: 14px;
  border: 1px solid rgba(239, 64, 105, .27);
  border-radius: var(--c-radius-sm);
  background: rgba(239, 64, 105, .065);
}

.community-member-report__response strong {
  color: #ffadc0;
  font-size: 9px;
  text-transform: uppercase;
}

.community-member-report__response p {
  margin: 7px 0 0;
  overflow-wrap: anywhere;
  color: var(--c-muted);
  font-size: 11px;
  line-height: 1.5;
  white-space: pre-wrap;
}

.community-member-report__timeline,
.community-discipline-row__appeal-history {
  margin-top: 13px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.community-member-report__timeline summary,
.community-discipline-row__appeal-history summary {
  min-height: 40px;
  padding: 10px 0;
  color: #ff9fb7;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
  cursor: pointer;
}

.community-member-report__timeline ol,
.community-discipline-row__appeal-history ol {
  display: grid;
  gap: 8px;
  margin: 3px 0 0;
  padding: 0;
  list-style: none;
}

.community-member-report__timeline li,
.community-discipline-row__appeal-history li {
  padding: 11px 12px;
  border-radius: 11px;
  background: rgba(255, 255, 255, .035);
}

.community-member-report__timeline li > div,
.community-discipline-row__appeal-history li > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.community-member-report__timeline li strong,
.community-discipline-row__appeal-history li strong {
  font-size: 10px;
}

.community-member-report__timeline time,
.community-discipline-row__appeal-history time {
  color: var(--c-muted-dim);
  font-size: 8px;
}

.community-member-report__timeline li p,
.community-discipline-row__appeal-history li p {
  margin: 6px 0 0;
  color: var(--c-muted);
  font-size: 10px;
  line-height: 1.45;
}

/* Community standing and appeals */

.community-discipline-status {
  min-width: 0;
}

.community-discipline-status__body {
  padding: 20px;
  border: 1px solid rgba(115, 215, 164, .24);
  border-radius: var(--c-radius-lg);
  background:
    radial-gradient(circle at 90% 10%, rgba(115, 215, 164, .08), transparent 17rem),
    rgba(255, 255, 255, .035);
}

.community-discipline-status__body.is-suspended {
  border-color: rgba(255, 110, 134, .34);
  background:
    radial-gradient(circle at 90% 10%, rgba(255, 110, 134, .1), transparent 17rem),
    rgba(114, 8, 33, .11);
}

.community-discipline-status__headline {
  display: block;
  max-width: 700px;
  margin-top: 9px;
  font-family: var(--c-serif);
  font-size: clamp(24px, 3.5vw, 38px);
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: 1.05;
}

.community-discipline-status__body > p {
  max-width: 720px;
  margin: 10px 0 0;
  color: var(--c-muted);
  font-size: 12px;
  line-height: 1.55;
}

.community-discipline-status__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 17px;
}

.community-discipline-status__metrics > span {
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: var(--c-radius-sm);
  background: rgba(255, 255, 255, .035);
}

.community-discipline-status__metrics strong,
.community-discipline-status__metrics small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.community-discipline-status__metrics strong {
  font-size: 15px;
}

.community-discipline-status__metrics small {
  margin-top: 3px;
  color: var(--c-muted-dim);
  font-size: 8px;
  text-transform: uppercase;
}

.community-discipline-history {
  margin-top: 22px;
}

.community-discipline-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 10px;
}

.community-discipline-section-head h3 {
  margin: 6px 0 0;
  font-family: var(--c-serif);
  font-size: clamp(25px, 3vw, 34px);
  font-weight: 400;
  line-height: 1;
}

.community-discipline-section-head > span {
  color: var(--c-muted-dim);
  font-size: 9px;
  text-transform: uppercase;
}

.community-discipline-history > div:last-child {
  display: grid;
  gap: 9px;
}

.community-discipline-row {
  min-width: 0;
  padding: 17px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: var(--c-radius-md);
  background: rgba(255, 255, 255, .035);
}

.community-discipline-row__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.community-discipline-row__type {
  color: #ff9eb6;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

.community-discipline-row h4 {
  margin: 10px 0 0;
  overflow-wrap: anywhere;
  font-family: var(--c-serif);
  font-size: 23px;
  font-weight: 400;
  line-height: 1.1;
}

.community-discipline-row > p {
  margin: 8px 0 0;
  overflow-wrap: anywhere;
  color: var(--c-muted);
  font-size: 11px;
  line-height: 1.52;
  white-space: pre-wrap;
}

.community-discipline-row__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin-top: 11px;
  color: var(--c-muted-dim);
  font-size: 8px;
  text-transform: uppercase;
}

.community-discipline-row__appeal {
  display: grid;
  gap: 4px;
  margin-top: 13px;
  padding: 12px 13px;
  border: 1px solid rgba(255, 202, 115, .25);
  border-radius: var(--c-radius-sm);
  color: #ffe2af;
  background: rgba(255, 202, 115, .06);
}

.community-discipline-row__appeal strong {
  font-size: 10px;
}

.community-discipline-row__appeal span {
  color: var(--c-muted);
  font-size: 10px;
  line-height: 1.45;
}

.community-discipline-row > .community-command {
  margin-top: 13px;
}

.community-discipline-loading,
.community-discipline-empty {
  margin: 0;
  padding: 24px;
  border: 1px dashed rgba(255, 255, 255, .15);
  border-radius: var(--c-radius-md);
  color: var(--c-muted);
  text-align: center;
}

.community-discipline-appeal {
  margin-top: 20px;
  padding: 19px;
  border: 1px solid rgba(239, 64, 105, .3);
  border-radius: var(--c-radius-lg);
  background: rgba(239, 64, 105, .065);
}

.community-discipline-appeal > p {
  margin: 0 0 14px;
  color: var(--c-muted);
  font-size: 11px;
}

/* Full-screen photo viewer */

.community-image-dialog figure {
  position: relative;
  display: grid;
  width: min(100%, 1180px);
  max-height: calc(100dvh - 48px);
  margin: auto;
  place-items: center;
}

.community-image-dialog .community-dialog__close {
  position: absolute;
  z-index: 3;
  top: 12px;
  right: 12px;
  background: rgba(12, 0, 5, .82);
}

.community-image-dialog img {
  width: auto;
  max-width: 100%;
  max-height: calc(100dvh - 94px);
  border: 1px solid var(--c-line-strong);
  border-radius: var(--c-radius-lg);
  object-fit: contain;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .55);
}

.community-image-dialog figcaption {
  position: absolute;
  right: 12px;
  bottom: 12px;
  left: 12px;
  padding: 28px 14px 12px;
  border-radius: 0 0 18px 18px;
  color: var(--c-muted);
  background: linear-gradient(180deg, transparent, rgba(8, 0, 3, .82));
  font-size: 10px;
  text-align: center;
}

/* Toast */

.community-toast {
  position: fixed;
  z-index: 300;
  right: max(18px, env(safe-area-inset-right, 0px));
  bottom: max(22px, env(safe-area-inset-bottom, 0px));
  width: min(370px, calc(100vw - 36px));
  padding: 13px 16px;
  border: 1px solid var(--c-line-strong);
  border-radius: var(--c-radius-md);
  color: var(--c-text);
  background: rgba(29, 1, 11, .94);
  -webkit-backdrop-filter: blur(20px) saturate(130%);
  backdrop-filter: blur(20px) saturate(130%);
  box-shadow: 0 20px 54px rgba(0, 0, 0, .46), inset 0 1px rgba(255, 255, 255, .13);
  font-size: 11px;
  font-weight: 700;
}

/* Community terms */

.community-terms-shell {
  max-width: 1180px;
}

.community-terms-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(300px, .7fr) minmax(0, 1fr);
  align-items: end;
  gap: 48px;
  min-height: 210px;
  padding: clamp(30px, 4vw, 48px);
  border: 1px solid var(--c-line);
  border-radius: var(--c-radius-xl);
  background:
    linear-gradient(118deg, rgba(20, 0, 7, .62), rgba(20, 0, 7, .2)),
    var(--c-glass);
  -webkit-backdrop-filter: var(--c-blur);
  backdrop-filter: var(--c-blur);
  box-shadow: var(--c-shadow);
}

.community-terms-hero > * {
  position: relative;
  z-index: 1;
}

.community-terms-hero h1 {
  font-size: clamp(52px, 7vw, 86px);
}

.community-terms-hero > p {
  max-width: 630px;
  margin: 0;
  color: var(--c-muted);
  font-size: clamp(14px, 1.6vw, 18px);
  line-height: 1.65;
}

.community-terms-layout {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  margin-top: 20px;
}

.community-terms-toc {
  position: sticky;
  top: 98px;
  padding: 18px;
  overflow: hidden;
  border: 1px solid var(--c-line);
  border-radius: var(--c-radius-lg);
  background: var(--c-glass);
  -webkit-backdrop-filter: var(--c-blur);
  backdrop-filter: var(--c-blur);
  box-shadow: var(--c-shadow-soft), inset 0 1px rgba(255, 255, 255, .1);
}

.community-terms-toc > * {
  position: relative;
  z-index: 1;
}

.community-terms-toc strong {
  display: block;
  margin-bottom: 9px;
  color: #ff9fb6;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.community-terms-toc a {
  display: flex;
  min-height: var(--community-control-size);
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, .09);
  color: var(--c-muted);
  font-size: 11px;
  text-decoration: none;
}

.community-terms-toc a:hover,
.community-terms-toc a:target {
  color: var(--c-text);
}

.community-terms-content {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.community-term {
  position: relative;
  scroll-margin-top: 110px;
  padding: clamp(24px, 3.5vw, 38px);
  overflow: hidden;
  border: 1px solid var(--c-line);
  border-radius: var(--c-radius-lg);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .055), transparent 42%),
    var(--c-glass);
  -webkit-backdrop-filter: var(--c-blur);
  backdrop-filter: var(--c-blur);
  box-shadow: var(--c-shadow-soft), inset 0 1px rgba(255, 255, 255, .08);
}

.community-term > * {
  position: relative;
  z-index: 1;
}

.community-term h2 {
  margin: 0 0 15px;
  font-family: var(--c-serif);
  font-size: clamp(29px, 4vw, 42px);
  font-weight: 400;
  letter-spacing: -.03em;
  line-height: 1;
}

.community-term p,
.community-term li {
  color: var(--c-muted);
  font-size: 13px;
  line-height: 1.7;
}

.community-term p {
  margin: 0;
}

.community-term p + p,
.community-term ul + p {
  margin-top: 12px;
}

.community-term ul {
  display: grid;
  gap: 7px;
  margin: 14px 0 0;
  padding-left: 20px;
}

.community-term li::marker {
  color: var(--c-accent-bright);
}

.community-term a {
  color: #ffabc0;
  text-underline-offset: 3px;
}

.community-terms-note {
  margin-top: 14px !important;
  padding: 13px 15px;
  border-left: 2px solid var(--c-accent-bright);
  border-radius: 0 var(--c-radius-sm) var(--c-radius-sm) 0;
  background: rgba(239, 64, 105, .065);
}

/* Compact desktop and tablet */

@media (max-width: 1320px) {
  .community-shell {
    max-width: 1240px;
  }

  .community-workspace {
    grid-template-columns: minmax(230px, 270px) minmax(0, 1fr);
  }

  .community-rail--about {
    position: relative;
    top: auto;
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(190px, .8fr) minmax(0, 1.2fr);
    gap: 8px 24px;
  }

  .community-rail--about .community-kicker,
  .community-rail--about h2,
  .community-rail--about > p {
    grid-column: 1;
  }

  .community-code-list,
  .community-rail--about .community-text-link {
    grid-column: 2;
  }

  .community-code-list {
    grid-row: 1 / span 3;
    margin: 0;
  }
}

@media (max-width: 900px) {
  .community-shell,
  .community-terms-shell {
    padding-inline: 18px;
  }

  .community-hero {
    grid-template-columns: minmax(0, 1fr) minmax(250px, .65fr);
  }

  .community-workspace {
    grid-template-columns: 1fr;
  }

  .community-rail {
    position: relative;
    top: auto;
  }

  .community-rail--profile {
    grid-template-columns: minmax(0, 1.4fr) minmax(240px, .8fr);
    align-items: start;
  }

  .community-profile-tools {
    margin-top: 0;
  }

  .community-identity__stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .community-feed-column {
    grid-row: 2;
  }

  .community-feed-head {
    top: 82px;
  }

  .community-rail--about {
    grid-row: 3;
  }

  .community-terms-layout {
    grid-template-columns: 1fr;
  }

  .community-terms-toc {
    position: relative;
    top: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .community-terms-toc::before {
    display: none;
  }

  .community-terms-toc strong {
    width: 100%;
  }

  .community-terms-toc a {
    min-height: 38px;
    padding: 7px 11px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: var(--c-pill);
  }

  .community-footer__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .community-footer__brand {
    grid-column: 1 / -1;
  }
}

/* Phone: single column, compact intro and one-scroll dialogs */

@media (max-width: 760px) {
  body.law-community-page {
    padding-bottom: var(--c-mobile-dock-space);
    background:
      linear-gradient(180deg, rgba(9, 0, 4, .14), rgba(9, 0, 4, .55)),
      var(--c-bg-deep) url("images/backgrounds/law-community-heart-mobile.webp") center top / cover no-repeat;
  }

  .community-shell,
  .community-terms-shell {
    width: 100%;
    padding: 14px 12px 40px;
  }

  .community-hero {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    min-height: 108px;
    margin-bottom: 10px;
    padding: 16px;
    border-radius: 22px;
  }

  .community-hero__copy h1 {
    margin-block: 5px;
    font-size: clamp(37px, 11vw, 52px);
    line-height: .86;
  }

  .community-hero__copy p {
    display: -webkit-box;
    max-width: 470px;
    overflow: hidden;
    font-size: 11px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .community-hero__signal {
    display: none;
  }

  .community-workspace {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .community-workspace::before {
    display: none;
  }

  .community-rail,
  .community-feed-column {
    width: 100%;
  }

  .community-rail {
    padding: 15px;
    border-radius: 22px;
  }

  .community-rail--profile {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .community-identity__top {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 11px;
  }

  .community-identity:has(> .community-avatar + h2),
  .community-identity:has(> .community-skeleton--avatar) {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .community-identity__top .community-avatar {
    width: 48px;
    height: 48px;
  }

  .community-identity h2 {
    font-size: 23px;
  }

  .community-identity__bio,
  .community-identity__instagram {
    display: none;
  }

  .community-identity__stats {
    margin-top: 11px;
    padding: 0;
  }

  .community-identity__stat {
    min-height: 44px;
    padding: 5px 2px;
    font-size: 7px;
  }

  .community-identity__stat strong {
    font-size: 15px;
  }

  .community-profile-tools {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin-top: 0;
  }

  .community-discipline-summary {
    grid-column: 1 / -1;
  }

  .community-command--reports,
  .community-command--safety {
    padding-inline: 12px;
    font-size: 10px;
  }

  .community-profile-tools > .community-command:not(.community-command--reports):not(.community-command--safety) {
    grid-column: 1 / -1;
  }

  .community-feed-column {
    order: 2;
  }

  .community-feed-head {
    top: 66px;
    min-height: 88px;
    padding: 12px;
    border-radius: 20px;
  }

  .community-feed-head h2 {
    margin-block: 3px 7px;
    font-size: 25px;
  }

  .community-feed-head .community-kicker {
    font-size: 8px;
  }

  .community-feed-tabs {
    max-width: 100%;
  }

  .community-feed-tabs button {
    min-width: 54px;
    min-height: var(--community-control-size);
    padding-inline: 9px;
    font-size: 9px;
  }

  .community-feed-head__tools {
    gap: 4px;
  }

  .community-icon-button {
    width: var(--community-control-size);
    min-width: var(--community-control-size);
    height: var(--community-control-size);
    border-radius: 14px;
  }

  .community-quick-compose {
    grid-template-columns: 42px minmax(0, 1fr) minmax(100px, auto);
    gap: 10px;
    margin-top: 9px;
    padding: 10px;
    border-radius: 20px;
  }

  .community-quick-compose__mark {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    font-size: 20px;
  }

  .community-quick-compose__copy strong {
    font-size: 16px;
  }

  .community-quick-compose__copy span {
    display: none;
  }

  .community-quick-compose__button {
    width: auto;
    min-width: 100px;
    min-height: 44px;
    padding: 8px 10px;
    font-size: 9px;
    white-space: nowrap;
  }

  .community-feed {
    gap: 10px;
    margin-top: 10px;
  }

  .community-post {
    padding: 15px;
    border-radius: 21px;
  }

  .community-post__head {
    grid-template-columns: 42px minmax(0, 1fr) auto auto;
    gap: 9px;
  }

  .community-post__head .community-avatar {
    width: 42px;
    height: 42px;
  }

  .community-featured-tag {
    display: none;
  }

  .community-post__body {
    margin-top: 13px;
    font-size: 14px;
    line-height: 1.58;
  }

  .community-post__media {
    margin-top: 13px;
    border-radius: 16px;
  }

  .community-post__actions {
    margin-top: 12px;
    padding-top: 10px;
  }

  .community-action {
    min-height: var(--community-control-size);
    padding: 7px 11px;
  }

  .community-context-menu {
    position: fixed;
    z-index: 150;
    top: auto;
    right: 12px;
    bottom: calc(var(--c-mobile-dock-space) - 16px);
    left: 12px;
    width: auto;
    padding: 8px;
    border-radius: 20px;
  }

  .community-context-menu__item {
    min-height: 46px;
  }

  .community-rail--about {
    order: 3;
    display: block;
  }

  .community-rail--about h2 {
    font-size: 29px;
  }

  .community-code-list {
    margin-block: 14px;
  }

  .community-footer {
    width: calc(100% - 24px);
    margin-bottom: 0;
    padding: 20px;
    border-radius: 22px;
  }

  .community-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 16px;
  }

  .community-footer__brand {
    grid-column: 1 / -1;
  }

  .community-footer__bottom {
    display: grid;
  }

  .community-dialog,
  .community-image-dialog {
    padding: max(8px, env(safe-area-inset-top, 0px)) 8px max(8px, env(safe-area-inset-bottom, 0px));
  }

  .community-dialog[open],
  .community-image-dialog[open] {
    align-items: end;
  }

  .community-dialog__surface {
    width: 100%;
    max-height: calc(100dvh - max(16px, env(safe-area-inset-top, 0px)));
    margin: auto 0 0;
    padding: 18px 15px calc(18px + env(safe-area-inset-bottom, 0px));
    border-radius: 24px;
  }

  .community-dialog__head {
    top: -18px;
    gap: 12px;
    margin: -18px -15px 17px;
    padding: 18px 15px 12px;
  }

  .community-dialog__head h2 {
    max-width: calc(100vw - 100px);
    font-size: clamp(26px, 8vw, 28px);
  }

  .community-dialog__close {
    width: var(--community-control-size);
    min-width: var(--community-control-size);
    height: var(--community-control-size);
  }

  .community-dialog__actions {
    position: sticky;
    z-index: 9;
    bottom: calc(-18px - env(safe-area-inset-bottom, 0px));
    margin: 18px -15px calc(-18px - env(safe-area-inset-bottom, 0px));
    padding: 13px 15px calc(13px + env(safe-area-inset-bottom, 0px));
    background: rgba(23, 1, 9, .96);
  }

  .community-dialog__actions .community-command {
    min-width: 0;
    flex: 1 1 0;
  }

  .community-profile-form-grid,
  .community-comment-policy-picker__options,
  .community-report-reasons__grid,
  .community-discover-results {
    grid-template-columns: 1fr;
  }

  .community-comment-policy-option,
  .community-report-reason {
    min-height: 72px;
  }

  .community-conversation-layout {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .community-conversation-story {
    position: relative;
    top: auto;
    max-height: 210px;
  }

  .community-conversation-story__media {
    max-height: 130px;
  }

  .community-comment-form {
    bottom: calc(-18px - env(safe-area-inset-bottom, 0px));
    margin-inline: -15px;
    padding: 13px 15px calc(13px + env(safe-area-inset-bottom, 0px));
  }

  .community-comment-form .community-command {
    min-width: 72px;
  }

  .community-discover-search {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .community-discover-search .community-command {
    grid-column: 1 / -1;
  }

  .community-member-card__hero {
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 13px;
  }

  .community-member-card__hero .community-avatar {
    width: 68px;
    height: 68px;
  }

  .community-member-card__identity h2 {
    font-size: 38px;
  }

  .community-member-card__actions {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .community-member-card__tabs {
    overflow-x: auto;
  }

  .community-member-card__tab {
    min-width: 92px;
  }

  .community-member-stories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .community-member-connection {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 9px;
  }

  .community-member-connection__proof {
    display: none;
  }

  .community-notification {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .community-notification__meta {
    grid-column: 2;
    justify-items: start;
    grid-auto-flow: column;
    justify-content: start;
  }

  .community-safety-person {
    grid-template-columns: 1fr;
  }

  .community-safety-person__actions {
    justify-content: stretch;
  }

  .community-safety-person__actions .community-command {
    flex: 1 1 auto;
  }

  .community-member-report {
    padding: 14px;
  }

  .community-member-report__head {
    display: grid;
  }

  .community-member-report__status {
    justify-self: start;
  }

  .community-discipline-status__body {
    padding: 15px;
  }

  .community-discipline-status__metrics {
    gap: 5px;
  }

  .community-discipline-status__metrics > span {
    padding: 9px 7px;
  }

  .community-discipline-appeal {
    padding: 14px;
  }

  .community-terms-hero {
    grid-template-columns: 1fr;
    gap: 12px;
    min-height: 118px;
    padding: 19px;
    border-radius: 22px;
  }

  .community-terms-hero h1 {
    margin-bottom: 0;
    font-size: 48px;
  }

  .community-terms-hero > p {
    font-size: 12px;
    line-height: 1.55;
  }

  .community-terms-layout {
    gap: 10px;
    margin-top: 10px;
  }

  .community-terms-toc {
    padding: 13px;
    border-radius: 20px;
  }

  .community-term {
    padding: 20px 17px;
    border-radius: 20px;
  }

  .community-term p,
  .community-term li {
    font-size: 12px;
  }

  .community-toast {
    right: 12px;
    bottom: calc(var(--c-mobile-dock-space) - 12px);
    width: calc(100vw - 24px);
  }
}

@media (max-width: 520px) {
  .community-feed-head {
    position: sticky;
    display: block;
    min-height: 132px;
  }

  .community-feed-head h2 {
    font-size: 22px;
  }

  .community-feed-head__copy {
    padding-right: 142px;
  }

  .community-feed-tabs {
    position: absolute;
    right: 10px;
    bottom: 10px;
    left: 10px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .community-feed-tabs button {
    min-width: 0;
  }

  .community-feed-head__tools {
    position: absolute;
    top: 10px;
    right: 10px;
  }

  .community-member-card__actions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 380px) {
  .community-shell,
  .community-terms-shell {
    padding-inline: 9px;
  }

  .community-hero {
    padding: 13px;
  }

  .community-hero__copy h1 {
    font-size: 36px;
  }

  .community-feed-head {
    padding: 10px;
  }

  .community-feed-head h2 {
    font-size: 22px;
  }

  .community-feed-tabs button {
    min-width: 48px;
    padding-inline: 7px;
  }

  .community-quick-compose__copy strong {
    font-size: 14px;
  }

  .community-quick-compose {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .community-quick-compose__button {
    grid-column: 2 / -1;
    width: 100%;
    min-width: 0;
  }

  .community-post {
    padding: 13px;
  }

  .community-post__head {
    grid-template-columns: 40px minmax(0, 1fr) auto;
  }

  .community-post__head > .community-featured-tag {
    display: none;
  }

  .community-post__menu {
    grid-column: 3;
  }

  .community-footer {
    width: calc(100% - 18px);
  }

  .community-dialog,
  .community-image-dialog {
    padding-inline: 4px;
  }

  .community-dialog__surface {
    padding-inline: 13px;
    border-radius: 20px;
  }

  .community-dialog__head h2 {
    font-size: 24px;
  }

  .community-dialog__actions {
    margin-inline: -13px;
    padding-inline: 13px;
  }

  .community-upload {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 11px;
  }

  .community-upload__icon {
    width: 44px;
    height: 44px;
  }

  .community-comment-form {
    grid-template-columns: 1fr;
  }

  .community-comment-form .community-command {
    width: 100%;
  }

  .community-member-stories {
    grid-template-columns: 1fr;
  }

  .community-member-story {
    aspect-ratio: 16 / 10;
  }

  .community-discipline-status__metrics {
    grid-template-columns: 1fr;
  }
}

/* Short landscape: dialog remains one accessible scroll surface. */

.community-viewport-reduced .community-dialog__surface,
.community-viewport-short .community-dialog__surface {
  max-height: calc(100dvh - 8px);
  overflow-y: auto;
}

.community-viewport-short .community-dialog,
.community-viewport-short .community-image-dialog {
  padding-block: 4px;
}

@media (max-height: 520px) and (orientation: landscape) {
  .community-shell,
  .community-terms-shell {
    padding-top: 10px;
  }

  .community-hero {
    min-height: 104px;
    padding: 13px;
  }

  .community-hero__copy h1 {
    margin-block: 4px;
    font-size: 40px;
    line-height: .82;
  }

  .community-hero__copy p {
    display: none;
  }

  .community-rail--profile {
    padding: 10px;
  }

  .community-identity__top,
  .community-identity:has(> .community-avatar + h2),
  .community-identity:has(> .community-skeleton--avatar) {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 8px;
  }

  .community-identity__top .community-avatar,
  .community-identity > .community-avatar:first-child {
    width: 40px;
    height: 40px;
  }

  .community-identity h2 {
    font-size: 20px;
  }

  .community-workspace {
    gap: 8px;
  }

  .community-feed-column {
    order: 1;
  }

  .community-rail--profile {
    order: 2;
  }

  .community-rail--about {
    order: 3;
  }

  .community-dialog,
  .community-image-dialog {
    padding: 4px;
    overflow-y: auto;
  }

  .community-dialog[open],
  .community-image-dialog[open] {
    align-items: start;
  }

  .community-dialog__surface {
    max-height: calc(100dvh - 8px);
    overflow-y: auto;
    border-radius: 18px;
  }

  .community-dialog__head {
    margin-bottom: 12px;
  }

  .community-dialog__head h2 {
    font-size: 30px;
  }

  .community-conversation-layout {
    grid-template-columns: minmax(180px, .65fr) minmax(0, 1fr);
  }

  .community-conversation-story {
    max-height: none;
  }

  .community-image-dialog figure {
    max-height: calc(100dvh - 8px);
  }

  .community-image-dialog img {
    max-height: calc(100dvh - 16px);
  }
}

/* --------------------------------------------------------------------------
   Community V1.2 — feed-first liquid-glass composition

   The shared storefront theme contains a few generic `body`, `header` and
   `footer` declarations marked as important.  The scoped important values
   below are therefore the page contract, not a general specificity strategy.
   Dialogs intentionally remain outside this section.
   -------------------------------------------------------------------------- */

html:has(body.law-community-page) {
  background: #090003 !important;
}

html body.law-community-page {
  position: relative !important;
  z-index: 0 !important;
  isolation: isolate !important;
  color: var(--c-text) !important;
  background-color: #090003 !important;
  background-image:
    linear-gradient(180deg, rgba(7, 0, 3, .05) 0%, rgba(7, 0, 3, .18) 48%, rgba(7, 0, 3, .5) 100%),
    radial-gradient(circle at 18% 9%, rgba(225, 36, 82, .18), transparent 34rem) !important;
  background-position: center top, center top !important;
  background-size: auto, auto !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

html body.law-community-page::before {
  position: fixed !important;
  z-index: -1 !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;
  background: #090003 url("images/backgrounds/law-community-heart-desktop.webp") center top / cover no-repeat fixed !important;
  content: "" !important;
  filter: saturate(1.08) contrast(1.02) !important;
  opacity: 1 !important;
}

html body.law-community-page::after {
  position: fixed !important;
  z-index: -1 !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 50% 18%, transparent 0 27%, rgba(4, 0, 2, .07) 56%, rgba(4, 0, 2, .4) 100%),
    linear-gradient(90deg, rgba(3, 0, 1, .21), transparent 22%, transparent 78%, rgba(3, 0, 1, .21)),
    linear-gradient(180deg, transparent 62%, rgba(3, 0, 1, .2)) !important;
  content: "" !important;
  filter: none !important;
  opacity: 1 !important;
}

body.law-community-page:not(.law-community-terms-page) .community-shell {
  width: min(calc(100% - 40px), 1450px);
  padding: 30px 0 88px;
}

body.law-community-page:not(.law-community-terms-page) .community-hero {
  grid-template-columns: minmax(0, 1.42fr) minmax(290px, .58fr);
  gap: clamp(36px, 4vw, 68px);
  min-height: 228px;
  margin-bottom: 20px;
  padding: clamp(29px, 3vw, 42px) clamp(30px, 4vw, 56px);
  border-color: rgba(255, 239, 244, .24);
  border-radius: 32px;
  background:
    linear-gradient(118deg, rgba(24, 1, 9, .56), rgba(24, 1, 9, .27) 62%, rgba(93, 8, 33, .3)),
    radial-gradient(circle at 84% 16%, rgba(255, 100, 139, .18), transparent 24rem);
  box-shadow:
    0 30px 90px rgba(2, 0, 1, .34),
    inset 0 1px rgba(255, 255, 255, .14),
    inset 0 -1px rgba(255, 255, 255, .04);
}

body.law-community-page:not(.law-community-terms-page) .community-hero::after {
  position: absolute;
  right: -70px;
  bottom: -110px;
  width: 390px;
  height: 260px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(220, 27, 72, .22), transparent 68%);
  content: "";
}

body.law-community-page:not(.law-community-terms-page) .community-hero__copy h1 {
  max-width: 760px;
  margin: 10px 0 12px;
  font-size: clamp(54px, 5vw, 74px);
  letter-spacing: -.05em;
  line-height: .84;
}

body.law-community-page:not(.law-community-terms-page) .community-hero__copy p {
  max-width: 710px;
  color: #ddcdd2;
  font-size: clamp(14px, 1.05vw, 16px);
}

body.law-community-page:not(.law-community-terms-page) .community-hero__signal {
  padding-left: clamp(28px, 3vw, 46px);
  border-left-color: rgba(255, 255, 255, .2);
}

body.law-community-page:not(.law-community-terms-page) .community-hero__signal p {
  font-size: clamp(28px, 2.45vw, 38px);
}

body.law-community-page:not(.law-community-terms-page) .community-hero__signal span {
  color: #decbd1;
  font-size: 11px;
  font-weight: 680;
}

body.law-community-page:not(.law-community-terms-page) .community-workspace {
  grid-template-columns: 252px minmax(0, 820px) 252px;
  gap: 18px;
  max-width: 1378px;
  margin-inline: auto;
}

body.law-community-page:not(.law-community-terms-page) .community-rail,
body.law-community-page:not(.law-community-terms-page) .community-feed-column {
  border-color: rgba(255, 244, 247, .2);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .075), transparent 34%),
    rgba(25, 1, 9, .58);
  -webkit-backdrop-filter: blur(24px) saturate(135%);
  backdrop-filter: blur(24px) saturate(135%);
  box-shadow:
    0 24px 64px rgba(2, 0, 1, .3),
    inset 0 1px rgba(255, 255, 255, .12),
    inset 0 -1px rgba(255, 255, 255, .035);
}

body.law-community-page:not(.law-community-terms-page) .community-rail {
  top: 104px;
  padding: 20px;
  border-radius: 26px;
}

body.law-community-page:not(.law-community-terms-page) .community-rail--profile {
  gap: 0;
}

body.law-community-page:not(.law-community-terms-page) .community-identity__top,
body.law-community-page:not(.law-community-terms-page) .community-identity:has(> .community-avatar + h2),
body.law-community-page:not(.law-community-terms-page) .community-identity:has(> .community-skeleton--avatar) {
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 12px;
}

body.law-community-page:not(.law-community-terms-page) .community-identity h2 {
  font-size: 27px;
}

body.law-community-page:not(.law-community-terms-page) .community-identity__stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 18px;
  padding: 14px 0 13px;
  border-block: 1px solid rgba(255, 255, 255, .12);
}

body.law-community-page:not(.law-community-terms-page) .community-identity__stat {
  min-height: 45px;
  padding: 4px 1px;
  overflow: hidden;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, .1);
  border-radius: 0;
  background: transparent;
  font-size: 9px;
  letter-spacing: -.015em;
  white-space: nowrap;
}

body.law-community-page:not(.law-community-terms-page) .community-identity__stat:last-child {
  border-right: 0;
}

body.law-community-page:not(.law-community-terms-page) .community-identity__stat strong {
  margin-bottom: 5px;
  font-size: 18px;
}

body.law-community-page:not(.law-community-terms-page) button.community-identity__stat:hover {
  border-radius: 10px;
}

body.law-community-page:not(.law-community-terms-page) .community-profile-tools {
  gap: 0;
  margin-top: 15px;
}

body.law-community-page:not(.law-community-terms-page) .community-discipline-summary {
  min-height: 72px;
  margin-bottom: 7px;
  border-color: rgba(255, 126, 158, .28);
  border-radius: 18px;
  background: linear-gradient(125deg, rgba(213, 25, 69, .13), rgba(255, 255, 255, .035));
}

body.law-community-page:not(.law-community-terms-page) .community-profile-tools > .community-command {
  min-height: 47px;
  justify-content: space-between;
  padding-inline: 7px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 11px;
}

body.law-community-page:not(.law-community-terms-page) .community-profile-tools > .community-command:last-child {
  border-bottom: 0;
}

body.law-community-page:not(.law-community-terms-page) .community-profile-tools > .community-command:hover {
  padding-inline: 11px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .06);
  transform: none;
}

body.law-community-page:not(.law-community-terms-page) .community-feed-column {
  overflow: clip;
  border-radius: 28px;
}

html body.law-community-page:not(.law-community-terms-page) .community-feed-head {
  position: sticky !important;
  z-index: 12 !important;
  top: 96px !important;
  display: flex !important;
  min-height: 132px !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding: 22px 24px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .13) !important;
  border-radius: 0 !important;
  color: var(--c-text) !important;
  background:
    linear-gradient(112deg, rgba(126, 15, 45, .19), transparent 46%),
    rgba(21, 1, 8, .9) !important;
  -webkit-backdrop-filter: blur(28px) saturate(140%) !important;
  backdrop-filter: blur(28px) saturate(140%) !important;
  box-shadow: 0 16px 30px rgba(2, 0, 1, .17), inset 0 1px rgba(255, 255, 255, .09) !important;
}

body.law-community-page:not(.law-community-terms-page) .community-feed-head h2 {
  margin: 6px 0 15px;
  font-size: clamp(31px, 2.5vw, 39px);
  line-height: .96;
}

body.law-community-page:not(.law-community-terms-page) .community-feed-tabs {
  padding: 4px;
  border-color: rgba(255, 255, 255, .15);
  background: rgba(0, 0, 0, .17);
}

body.law-community-page:not(.law-community-terms-page) .community-feed-tabs button {
  min-width: 78px;
}

body.law-community-page:not(.law-community-terms-page) .community-feed-tabs button.is-active {
  background: linear-gradient(135deg, rgba(255, 255, 255, .17), rgba(255, 255, 255, .09));
}

body.law-community-page:not(.law-community-terms-page) .community-icon-button {
  border-radius: 50%;
  background: rgba(255, 255, 255, .05);
}

body.law-community-page:not(.law-community-terms-page) .community-quick-compose {
  margin: 16px 22px 0;
  padding: 13px 14px;
  border-color: rgba(255, 174, 194, .24);
  border-radius: 20px;
  background:
    radial-gradient(circle at 8% 0, rgba(255, 104, 143, .15), transparent 12rem),
    rgba(255, 255, 255, .045);
  box-shadow: inset 0 1px rgba(255, 255, 255, .09);
}

body.law-community-page:not(.law-community-terms-page) .community-feed {
  gap: 0;
  padding: 7px 22px 18px;
}

body.law-community-page:not(.law-community-terms-page) .community-post,
body.law-community-page:not(.law-community-terms-page) .community-post.is-featured {
  margin: 0;
  padding: 22px 5px 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.law-community-page:not(.law-community-terms-page) .community-post + .community-post,
body.law-community-page:not(.law-community-terms-page) .community-post.is-featured + .community-post {
  border-top: 1px solid rgba(255, 255, 255, .11);
}

body.law-community-page:not(.law-community-terms-page) .community-post.is-featured::before {
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: -22px;
  width: 2px;
  border-radius: 2px;
  background: var(--c-accent-bright);
  content: "";
}

body.law-community-page:not(.law-community-terms-page) .community-post__body {
  margin-top: 12px;
  color: #f2e7ea;
  font-size: 15px;
  line-height: 1.62;
}

body.law-community-page:not(.law-community-terms-page) .community-post__actions {
  margin-top: 13px;
  padding-top: 10px;
  border-top-color: rgba(255, 255, 255, .085);
}

body.law-community-page:not(.law-community-terms-page) .community-action {
  color: #d6c6cb;
}

body.law-community-page:not(.law-community-terms-page) .community-rail--about h2 {
  margin-top: 11px;
  font-size: 33px;
}

body.law-community-page:not(.law-community-terms-page) .community-rail--about > p {
  color: #d3c2c8;
  font-size: 12px;
}

body.law-community-page:not(.law-community-terms-page) .community-code-list li {
  min-height: 45px;
}

html body.law-community-page:not(.law-community-terms-page) .community-footer {
  width: min(calc(100% - 40px), 1378px) !important;
  margin: 0 auto 24px !important;
  padding: 28px 30px !important;
  border: 1px solid rgba(255, 244, 247, .2) !important;
  border-radius: 28px !important;
  color: var(--c-muted) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .07), transparent 38%),
    rgba(22, 1, 8, .62) !important;
  -webkit-backdrop-filter: blur(24px) saturate(135%) !important;
  backdrop-filter: blur(24px) saturate(135%) !important;
  box-shadow: 0 24px 64px rgba(2, 0, 1, .28), inset 0 1px rgba(255, 255, 255, .11) !important;
}

@media (max-width: 1180px) {
  body.law-community-page:not(.law-community-terms-page) .community-shell {
    width: min(calc(100% - 32px), 1080px);
  }

  body.law-community-page:not(.law-community-terms-page) .community-workspace {
    grid-template-columns: 238px minmax(0, 820px);
    gap: 16px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-rail--about {
    position: relative;
    top: auto;
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(210px, .72fr) minmax(0, 1.28fr);
    gap: 8px 28px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-rail--about .community-kicker,
  body.law-community-page:not(.law-community-terms-page) .community-rail--about h2,
  body.law-community-page:not(.law-community-terms-page) .community-rail--about > p {
    grid-column: 1;
  }

  body.law-community-page:not(.law-community-terms-page) .community-code-list,
  body.law-community-page:not(.law-community-terms-page) .community-rail--about .community-text-link {
    grid-column: 2;
  }

  body.law-community-page:not(.law-community-terms-page) .community-code-list {
    grid-row: 1 / span 3;
    margin: 0;
  }
}

@media (max-width: 860px) {
  body.law-community-page:not(.law-community-terms-page) .community-shell {
    width: 100%;
    padding: 18px 14px 64px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-hero {
    grid-template-columns: minmax(0, 1fr) minmax(220px, .48fr);
    gap: 24px;
    min-height: 202px;
    padding: 28px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-workspace {
    grid-template-columns: 1fr;
  }

  body.law-community-page:not(.law-community-terms-page) .community-rail {
    position: relative;
    top: auto;
  }

  body.law-community-page:not(.law-community-terms-page) .community-rail--profile {
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
    gap: 20px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-profile-tools {
    margin-top: 0;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-column {
    grid-row: 2;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-feed-head {
    top: 78px !important;
  }

  body.law-community-page:not(.law-community-terms-page) .community-rail--about {
    grid-row: 3;
  }
}

@media (max-width: 640px) {
  html body.law-community-page {
    background-color: #090003 !important;
    background-image:
      linear-gradient(180deg, rgba(7, 0, 3, .03) 0%, rgba(7, 0, 3, .17) 42%, rgba(7, 0, 3, .52) 100%),
      radial-gradient(circle at 50% 8%, rgba(225, 36, 82, .13), transparent 25rem) !important;
    background-position: center top, center top !important;
    background-size: auto, auto !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
  }

  html body.law-community-page::before {
    background: #090003 url("images/backgrounds/law-community-heart-mobile.webp") center top / cover no-repeat scroll !important;
  }

  body.law-community-page:not(.law-community-terms-page) .community-shell {
    padding: 10px 9px 42px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-hero {
    display: block;
    min-height: 164px;
    margin-bottom: 9px;
    padding: 20px 18px;
    border-radius: 24px;
    background:
      linear-gradient(125deg, rgba(24, 1, 9, .48), rgba(24, 1, 9, .18)),
      radial-gradient(circle at 90% 14%, rgba(255, 104, 143, .18), transparent 13rem);
  }

  body.law-community-page:not(.law-community-terms-page) .community-hero__copy h1 {
    margin: 8px 0 9px;
    font-size: clamp(43px, 13vw, 58px);
    line-height: .83;
  }

  body.law-community-page:not(.law-community-terms-page) .community-hero__copy p {
    display: -webkit-box;
    max-width: 500px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.law-community-page:not(.law-community-terms-page) .community-hero__signal {
    display: none;
  }

  body.law-community-page:not(.law-community-terms-page) .community-workspace {
    display: flex;
    flex-direction: column;
    gap: 9px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-rail,
  body.law-community-page:not(.law-community-terms-page) .community-feed-column {
    width: 100%;
    border-radius: 24px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-rail {
    padding: 15px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-rail--profile {
    display: block;
  }

  body.law-community-page:not(.law-community-terms-page) .community-identity__top,
  body.law-community-page:not(.law-community-terms-page) .community-identity:has(> .community-avatar + h2),
  body.law-community-page:not(.law-community-terms-page) .community-identity:has(> .community-skeleton--avatar) {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  body.law-community-page:not(.law-community-terms-page) .community-identity h2 {
    font-size: 24px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-identity__stats {
    margin-top: 13px;
    padding-block: 10px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-identity__stat {
    min-height: 39px;
    font-size: 9px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-identity__stat strong {
    font-size: 16px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-profile-tools {
    display: flex;
    gap: 7px;
    margin: 12px -3px -2px;
    padding: 2px 3px 4px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    scroll-snap-type: inline proximity;
  }

  body.law-community-page:not(.law-community-terms-page) .community-profile-tools::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  body.law-community-page:not(.law-community-terms-page) .community-profile-tools > *,
  body.law-community-page:not(.law-community-terms-page) .community-profile-tools > .community-command {
    width: auto;
    min-width: 132px;
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  body.law-community-page:not(.law-community-terms-page) .community-profile-tools .community-discipline-summary {
    grid-template-columns: 34px minmax(118px, 1fr) 18px;
    min-width: 218px;
    min-height: 58px;
    margin: 0;
    padding: 9px 10px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-discipline-summary__mark {
    width: 34px;
    height: 34px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-profile-tools > .community-command {
    min-height: 58px;
    justify-content: center;
    padding-inline: 14px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 17px;
    background: rgba(255, 255, 255, .04);
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-column {
    order: 2;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-feed-head {
    position: relative !important;
    top: auto !important;
    display: block !important;
    min-height: 154px !important;
    padding: 17px 15px 15px !important;
    border-radius: 0 !important;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-head__copy {
    padding-right: 104px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-head h2 {
    max-width: 270px;
    margin: 5px 0 13px;
    font-size: clamp(27px, 8.5vw, 33px);
    line-height: .93;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-tabs {
    position: absolute;
    right: 15px;
    bottom: 14px;
    left: 15px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-tabs button {
    min-width: 0;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-head__tools {
    position: absolute;
    top: 15px;
    right: 14px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-quick-compose {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 11px;
    margin: 11px 12px 0;
    padding: 12px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-quick-compose__mark {
    width: 44px;
    height: 44px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-quick-compose__copy strong {
    font-size: 18px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-quick-compose__copy span {
    display: block;
    font-size: 10px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-quick-compose__button {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 46px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed {
    gap: 0;
    margin: 0;
    padding: 4px 14px 14px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-post,
  body.law-community-page:not(.law-community-terms-page) .community-post.is-featured {
    padding: 19px 1px 17px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-post.is-featured::before {
    left: -14px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-post__head {
    grid-template-columns: 42px minmax(0, 1fr) auto auto;
    gap: 9px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-post__body {
    font-size: 14px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-post__actions {
    gap: 2px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-action {
    padding-inline: 9px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-rail--about {
    order: 3;
    display: block;
  }

  body.law-community-page:not(.law-community-terms-page) .community-rail--about h2 {
    font-size: 31px;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-footer {
    width: calc(100% - 18px) !important;
    margin-bottom: 0 !important;
    padding: 21px 17px !important;
    border-radius: 24px !important;
  }
}

@media (max-width: 370px) {
  body.law-community-page:not(.law-community-terms-page) .community-shell {
    padding-inline: 7px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-hero {
    min-height: 154px;
    padding: 17px 15px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-hero__copy h1 {
    font-size: 41px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-head h2 {
    max-width: 210px;
    font-size: 27px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-head__tools {
    gap: 3px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-icon-button {
    width: 42px;
    min-width: 42px;
    height: 42px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-post__head {
    grid-template-columns: 40px minmax(0, 1fr) auto;
  }

  body.law-community-page:not(.law-community-terms-page) .community-post__comment-policy {
    display: none;
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  html body.law-community-page {
    background-image:
      linear-gradient(180deg, rgba(7, 0, 3, .05), rgba(7, 0, 3, .4)) !important;
    background-position: center !important;
    background-size: auto !important;
    background-attachment: fixed !important;
  }

  html body.law-community-page::before {
    background: #090003 url("images/backgrounds/law-community-heart-desktop.webp") center / cover no-repeat fixed !important;
  }

  body.law-community-page:not(.law-community-terms-page) .community-shell {
    padding-top: 7px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-hero {
    min-height: 112px;
    padding: 14px 16px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-hero__copy h1 {
    margin-block: 4px;
    font-size: 40px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-column {
    order: 1;
  }

  body.law-community-page:not(.law-community-terms-page) .community-rail--profile {
    order: 2;
  }

  body.law-community-page:not(.law-community-terms-page) .community-rail--about {
    order: 3;
  }
}

@media (prefers-reduced-motion: reduce) {
  .law-community-page *,
  .law-community-page *::before,
  .law-community-page *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media (prefers-contrast: more) {
  :root {
    --c-line: rgba(255, 255, 255, .42);
    --c-line-strong: rgba(255, 255, 255, .64);
    --c-muted: #eee4e7;
    --c-muted-dim: #d4c5ca;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .community-hero,
  .community-workspace,
  .community-rail,
  .community-feed-head,
  .community-quick-compose,
  .community-post,
  .community-empty,
  .community-error-state,
  .community-filter-bar,
  .community-footer,
  .community-dialog__surface,
  .community-terms-hero,
  .community-terms-toc,
  .community-term {
    background-color: #1a0109;
  }
}

@media (prefers-reduced-transparency: reduce) {
  :root {
    --c-glass: rgba(20, 0, 7, .92);
    --c-glass-strong: rgba(20, 0, 7, .96);
    --c-glass-solid: #170109;
  }
}

/* Community V1.2: coherent liquid-glass dialog system
   ---------------------------------------------------
   Every Community overlay keeps exactly one scroll surface. The title and
   actions remain visible without taking space away from short dialogs. */

.community-dialog {
  padding: clamp(12px, 2.4vw, 28px);
  overflow: hidden;
}

.community-dialog[open] {
  align-items: center;
  justify-items: center;
}

.community-dialog::backdrop {
  background:
    radial-gradient(circle at 50% 18%, rgba(132, 13, 48, .18), transparent 34rem),
    rgba(5, 0, 3, .68);
  -webkit-backdrop-filter: blur(16px) saturate(118%);
  backdrop-filter: blur(16px) saturate(118%);
}

.community-dialog .community-dialog__surface {
  isolation: isolate;
  width: min(100%, 720px);
  max-height: calc(100dvh - clamp(24px, 4.8vw, 56px));
  margin: auto;
  padding: 30px;
  overflow-x: clip;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-padding-block: 106px 92px;
  border-color: rgba(255, 255, 255, .24);
  border-radius: 28px;
  background:
    linear-gradient(142deg, rgba(255, 255, 255, .105), transparent 30%),
    radial-gradient(circle at 92% 4%, rgba(239, 64, 105, .15), transparent 22rem),
    rgba(28, 2, 11, .88);
  -webkit-backdrop-filter: blur(30px) saturate(145%);
  backdrop-filter: blur(30px) saturate(145%);
  box-shadow:
    0 38px 110px rgba(0, 0, 0, .64),
    0 10px 34px rgba(78, 0, 25, .24),
    inset 0 1px rgba(255, 255, 255, .16);
}

.community-dialog .community-dialog__surface::after {
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .035), transparent 18%, transparent 82%, rgba(255, 255, 255, .025)),
    radial-gradient(circle at 12% 96%, rgba(178, 17, 60, .1), transparent 22rem);
  content: "";
}

.community-dialog .community-dialog__head {
  top: -30px;
  align-items: flex-start;
  gap: 24px;
  min-height: 98px;
  margin: -30px -30px 24px;
  padding: 25px 30px 20px;
  border-bottom-color: rgba(255, 255, 255, .105);
  background:
    linear-gradient(180deg, rgba(28, 2, 11, .99) 70%, rgba(28, 2, 11, .94)),
    rgba(28, 2, 11, .96);
  -webkit-backdrop-filter: blur(22px) saturate(135%);
  backdrop-filter: blur(22px) saturate(135%);
}

.community-dialog .community-dialog__head > div {
  display: grid;
  min-width: 0;
  gap: 5px;
  padding-top: 2px;
}

.community-dialog .community-dialog__head .community-kicker {
  display: flex;
  width: fit-content;
  font-size: 9px;
  line-height: 1.25;
}

.community-dialog .community-dialog__head h2 {
  max-width: 100%;
  margin: 0;
  padding: 0 0 2px;
  font-size: clamp(30px, 3.2vw, 39px);
  letter-spacing: -.035em;
  line-height: 1.04;
}

.community-dialog .community-dialog__close {
  top: 0;
  width: 44px;
  min-width: 44px;
  height: 44px;
  border-color: rgba(255, 255, 255, .2);
  border-radius: 50%;
  background: rgba(255, 255, 255, .055);
  box-shadow: inset 0 1px rgba(255, 255, 255, .1);
  font-size: 22px;
}

.community-dialog .community-dialog__close:hover {
  border-color: rgba(255, 143, 169, .62);
  background: rgba(239, 64, 105, .13);
}

.community-dialog .community-dialog__actions {
  bottom: -30px;
  gap: 10px;
  min-height: 82px;
  margin: 24px -30px -30px;
  padding: 16px 30px 20px;
  border-top-color: rgba(255, 255, 255, .11);
  background: rgba(28, 2, 11, .97);
  -webkit-backdrop-filter: blur(22px) saturate(130%);
  backdrop-filter: blur(22px) saturate(130%);
}

.community-dialog .community-dialog__actions .community-command {
  min-width: 144px;
  min-height: 48px;
}

.community-dialog .community-field {
  gap: 9px;
}

.community-dialog .community-field > span,
.community-dialog .community-comment-policy-picker legend,
.community-dialog .community-report-reasons legend {
  font-size: 10px;
  line-height: 1.3;
}

.community-dialog .community-field :where(input, textarea),
.community-dialog .community-handle-input,
.community-dialog .community-comment-form textarea,
.community-dialog .community-discover-search input {
  border-color: rgba(255, 255, 255, .2);
  background: rgba(255, 255, 255, .065);
}

.community-dialog .community-profile-form-grid {
  gap: 18px 16px;
}

.community-dialog .community-upload {
  margin-top: 18px;
  border-color: rgba(255, 255, 255, .24);
  background: rgba(255, 255, 255, .038);
}

.community-dialog .community-policy-note,
.community-dialog .community-conversation-note,
.community-dialog .community-comment-policy-context,
.community-dialog .community-safety-summary,
.community-dialog .community-member-reports__summary,
.community-dialog .community-discover-summary {
  padding: 13px 15px;
  border-radius: 0 14px 14px 0;
  font-size: 11px;
}

.community-dialog .community-comment-policy-picker,
.community-dialog .community-report-reasons {
  margin-top: 18px;
}

.community-dialog .community-comment-policy-picker__options,
.community-dialog .community-report-reasons__grid {
  gap: 10px;
  margin-top: 11px;
}

.community-dialog .community-comment-policy-option,
.community-dialog .community-report-reason {
  min-height: 82px;
  padding: 14px;
  border-color: rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .04);
}

.community-dialog .community-comment-policy-option strong,
.community-dialog .community-report-reason strong {
  font-size: 12px;
}

.community-dialog .community-comment-policy-option small,
.community-dialog .community-report-reason small {
  font-size: 10px;
}

/* Dialog proportions follow their content instead of sharing one giant box. */

#communityComposerDialog .community-dialog__surface,
#communityProfileDialog .community-dialog__surface {
  width: min(100%, 720px);
}

.community-dialog--comment-policy .community-dialog__surface,
.community-dialog--block-confirm .community-dialog__surface {
  width: min(100%, 620px);
}

.community-dialog--report .community-dialog__surface {
  width: min(100%, 760px);
}

.community-dialog--notifications .community-dialog__surface,
.community-dialog--safety-manager .community-dialog__surface,
.community-dialog--member-reports .community-dialog__surface,
.community-dialog--discipline .community-dialog__surface {
  width: min(100%, 820px);
}

.community-dialog--discover .community-dialog__surface,
.community-dialog--member .community-dialog__surface {
  width: min(100%, 880px);
}

.community-dialog--comments .community-dialog__surface {
  width: min(100%, 1040px);
}

.community-dialog--safety-manager .community-safety-summary,
.community-dialog--member-reports .community-member-reports__summary {
  margin: 0 0 14px;
}

.community-dialog .community-discover-empty,
.community-dialog .community-notification-empty,
.community-dialog .community-safety-empty,
.community-dialog .community-member-reports__empty {
  min-height: 116px;
  padding: 20px;
  border-color: rgba(255, 255, 255, .17);
}

.community-dialog .community-member-report {
  padding: 18px;
  background: rgba(255, 255, 255, .04);
}

.community-dialog .community-member-report__head h3 {
  font-size: clamp(24px, 3vw, 29px);
  line-height: 1.08;
}

.community-dialog .community-member-report__target,
.community-dialog .community-member-report__response {
  padding: 13px 14px;
}

.community-dialog .community-discipline-status__body,
.community-dialog .community-discipline-row,
.community-dialog .community-discipline-appeal {
  background-color: rgba(255, 255, 255, .04);
}

.community-dialog--member .community-dialog__head {
  min-height: 68px;
  justify-content: flex-end;
  margin-bottom: 16px;
}

.community-dialog--comments .community-dialog__head {
  margin-bottom: 20px;
}

.community-dialog .community-conversation-layout {
  gap: 18px;
}

.community-dialog .community-comment-form {
  border-top: 1px solid rgba(255, 255, 255, .09);
  background: linear-gradient(180deg, rgba(28, 2, 11, 0), rgba(28, 2, 11, .98) 24%);
}

@media (max-width: 760px) {
  .community-dialog {
    padding: max(8px, env(safe-area-inset-top, 0px)) 6px 0;
    overflow: hidden;
  }

  .community-dialog[open] {
    align-items: end;
  }

  .community-dialog .community-dialog__surface {
    width: 100%;
    max-height: calc(100dvh - max(8px, env(safe-area-inset-top, 0px)));
    margin: auto 0 0;
    padding: 20px 16px calc(18px + env(safe-area-inset-bottom, 0px));
    scroll-padding-block: 96px 94px;
    border-radius: 26px 26px 0 0;
    background:
      linear-gradient(142deg, rgba(255, 255, 255, .1), transparent 28%),
      radial-gradient(circle at 92% 3%, rgba(239, 64, 105, .14), transparent 18rem),
      rgba(28, 2, 11, .95);
    box-shadow: 0 -24px 70px rgba(0, 0, 0, .6), inset 0 1px rgba(255, 255, 255, .16);
  }

  .community-dialog .community-dialog__head {
    top: -20px;
    gap: 12px;
    min-height: 90px;
    margin: -20px -16px 20px;
    padding: 18px 16px 16px;
  }

  .community-dialog .community-dialog__head > div {
    gap: 4px;
    padding-top: 0;
  }

  .community-dialog .community-dialog__head h2 {
    max-width: calc(100vw - 92px);
    padding-bottom: 1px;
    font-size: clamp(27px, 8.5vw, 34px);
    line-height: 1.04;
  }

  .community-dialog .community-dialog__head .community-kicker {
    font-size: 8px;
  }

  .community-dialog .community-dialog__actions {
    bottom: calc(-18px - env(safe-area-inset-bottom, 0px));
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    min-height: 78px;
    margin: 20px -16px calc(-18px - env(safe-area-inset-bottom, 0px));
    padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px));
  }

  .community-dialog .community-dialog__actions .community-command {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding-inline: 10px;
  }

  .community-dialog .community-profile-form-grid,
  .community-dialog .community-comment-policy-picker__options,
  .community-dialog .community-report-reasons__grid,
  .community-dialog .community-discover-results {
    grid-template-columns: minmax(0, 1fr);
  }

  .community-dialog .community-profile-form-grid {
    gap: 15px;
  }

  .community-dialog .community-field textarea {
    min-height: 126px;
  }

  #communityComposerDialog .community-field textarea {
    min-height: 150px;
  }

  .community-dialog .community-upload {
    min-height: 76px;
    margin-top: 15px;
    padding: 12px;
  }

  .community-dialog .community-comment-policy-picker,
  .community-dialog .community-report-reasons {
    margin-top: 16px;
  }

  .community-dialog .community-comment-policy-option,
  .community-dialog .community-report-reason {
    min-height: 68px;
    padding: 12px;
  }

  .community-dialog .community-policy-note,
  .community-dialog .community-conversation-note,
  .community-dialog .community-comment-policy-context,
  .community-dialog .community-safety-summary,
  .community-dialog .community-member-reports__summary,
  .community-dialog .community-discover-summary {
    padding: 12px 13px;
  }

  .community-dialog .community-discover-empty,
  .community-dialog .community-notification-empty,
  .community-dialog .community-safety-empty,
  .community-dialog .community-member-reports__empty {
    min-height: 104px;
    padding: 16px;
  }

  .community-dialog .community-conversation-layout {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .community-dialog .community-conversation-story {
    position: relative;
    top: auto;
    max-height: 190px;
  }

  .community-dialog .community-comment-form {
    bottom: calc(-18px - env(safe-area-inset-bottom, 0px));
    margin-inline: -16px;
    padding: 13px 16px calc(13px + env(safe-area-inset-bottom, 0px));
  }

  .community-dialog .community-member-report {
    padding: 15px;
  }

  .community-dialog .community-member-report__head {
    gap: 10px;
  }

  .community-dialog .community-member-report__head h3 {
    font-size: 25px;
  }

  .community-dialog .community-discipline-status__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .community-dialog .community-discipline-section-head {
    align-items: start;
  }

  .community-dialog--member .community-dialog__head {
    min-height: 62px;
    margin-bottom: 12px;
  }
}

@media (max-width: 420px) {
  .community-dialog .community-dialog__head h2 {
    font-size: clamp(26px, 8.6vw, 31px);
  }

  .community-dialog .community-notifications-toolbar {
    display: grid;
    justify-items: stretch;
  }

  .community-dialog .community-notifications-toolbar button {
    width: 100%;
  }

  .community-dialog .community-safety-person {
    padding: 12px;
  }

  .community-dialog .community-safety-person__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .community-dialog .community-safety-person__actions .community-command {
    min-width: 0;
  }

  .community-dialog .community-discipline-status__metrics {
    grid-template-columns: 1fr;
  }

  .community-dialog .community-member-report__head,
  .community-dialog .community-discipline-row__head,
  .community-dialog .community-discipline-section-head {
    display: grid;
  }

  .community-dialog .community-member-report__status {
    justify-self: start;
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  .community-dialog {
    padding: 5px;
    overflow: hidden;
  }

  .community-dialog[open] {
    align-items: center;
  }

  .community-dialog .community-dialog__surface {
    max-height: calc(100dvh - 10px);
    padding: 16px;
    scroll-padding-block: 78px 72px;
    border-radius: 20px;
  }

  .community-dialog .community-dialog__head {
    top: -16px;
    min-height: 72px;
    margin: -16px -16px 14px;
    padding: 13px 16px 12px;
  }

  .community-dialog .community-dialog__head h2 {
    font-size: 27px;
  }

  .community-dialog .community-dialog__actions {
    bottom: -16px;
    min-height: 68px;
    margin: 16px -16px -16px;
    padding: 10px 16px;
  }

  .community-dialog .community-dialog__actions .community-command {
    min-height: 44px;
  }
}

/* Runtime compatibility: the shared editorial layer styles every `header`
   element with !important. These narrow declarations restore only Community
   dialog headers and form geometry. */

html body.law-community-page.law-editorial-minimal .community-dialog .community-dialog__head {
  top: -30px !important;
  padding: 25px 30px 20px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .105) !important;
  background:
    linear-gradient(180deg, rgba(28, 2, 11, .99) 70%, rgba(28, 2, 11, .94)),
    rgba(28, 2, 11, .96) !important;
}

html body.law-community-page .community-dialog .community-dialog__head h2 {
  letter-spacing: -.035em !important;
  line-height: 1.04 !important;
}

html body.law-community-page .community-dialog .community-dialog__head .community-kicker,
html body.law-community-page .community-dialog .community-field > span,
html body.law-community-page .community-dialog :is(.community-comment-policy-picker, .community-report-reasons) legend {
  letter-spacing: .075em !important;
}

html body.law-community-page .community-dialog .community-dialog__close {
  border-radius: 50% !important;
}

html body.law-community-page .community-dialog .community-field textarea,
html body.law-community-page .community-dialog .community-comment-form textarea {
  border-radius: 18px !important;
}

@media (max-width: 760px) {
  html body.law-community-page.law-editorial-minimal .community-dialog .community-dialog__head {
    top: -20px !important;
    padding: 18px 16px 16px !important;
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  html body.law-community-page.law-editorial-minimal .community-dialog .community-dialog__head {
    top: -16px !important;
    padding: 13px 16px 12px !important;
  }
}

/* Community V1.3: member profile gallery + phone feed geometry
   -----------------------------------------------------------------
   This layer is intentionally scoped to the public member dialog and the
   phone feed header. Personal-profile rail behavior stays independent. */

.community-dialog--member .community-dialog__surface {
  width: min(100%, 940px);
  padding: 0;
  overflow-x: clip;
  border-color: rgba(255, 255, 255, .26);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .085), transparent 26%),
    radial-gradient(circle at 8% 2%, rgba(255, 86, 128, .16), transparent 25rem),
    rgba(20, 0, 8, .91);
  box-shadow:
    0 44px 120px rgba(0, 0, 0, .7),
    0 12px 40px rgba(105, 0, 34, .28),
    inset 0 1px rgba(255, 255, 255, .18);
}

.community-dialog--member .community-dialog__surface::after {
  background:
    linear-gradient(110deg, rgba(255, 255, 255, .045), transparent 23%, transparent 78%, rgba(255, 255, 255, .025)),
    radial-gradient(circle at 88% 4%, rgba(239, 64, 105, .13), transparent 19rem);
}

html body.law-community-page .community-dialog--member .community-dialog__head,
html body.law-community-page.law-editorial-minimal .community-dialog--member .community-dialog__head {
  position: sticky !important;
  z-index: 30 !important;
  top: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html body.law-community-page .community-dialog--member .community-dialog__close {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  border-color: rgba(255, 255, 255, .27) !important;
  background: rgba(17, 0, 7, .62) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
  box-shadow:
    0 12px 30px rgba(0, 0, 0, .3),
    inset 0 1px rgba(255, 255, 255, .14) !important;
}

html body.law-community-page .community-dialog--member .community-dialog__close:hover {
  border-color: rgba(255, 143, 169, .72) !important;
  background: rgba(169, 18, 57, .68) !important;
}

.community-dialog--member #communityMemberProfile {
  min-width: 0;
  min-height: 300px;
}

.community-dialog--member .community-member-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
}

.community-dialog--member .community-member-card__hero {
  position: relative;
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr) minmax(172px, 192px);
  gap: 24px;
  align-items: center;
  min-height: 246px;
  padding: 54px 30px 30px;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, .13);
  background:
    linear-gradient(104deg, rgba(22, 0, 8, .38), rgba(67, 2, 23, .2)),
    radial-gradient(circle at 89% 22%, rgba(239, 64, 105, .28), transparent 23rem),
    linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .015));
}

.community-dialog--member .community-member-card__hero::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(13, 0, 5, .72), rgba(13, 0, 5, .16) 58%, rgba(13, 0, 5, .42)),
    url("images/backgrounds/law-community-heart-desktop.webp") center 47% / cover no-repeat;
  content: "";
  opacity: .3;
  filter: saturate(118%) contrast(105%);
}

.community-dialog--member .community-member-card__hero::after {
  position: absolute;
  right: -95px;
  bottom: -175px;
  width: 390px;
  height: 390px;
  pointer-events: none;
  border: 1px solid rgba(255, 130, 160, .16);
  border-radius: 50%;
  box-shadow:
    0 0 0 34px rgba(239, 64, 105, .025),
    0 0 0 76px rgba(239, 64, 105, .018);
  content: "";
}

.community-dialog--member .community-member-card__hero > * {
  position: relative;
  z-index: 2;
}

.community-dialog--member .community-member-card__hero > .community-avatar {
  width: 108px;
  height: 108px;
  border: 2px solid rgba(255, 210, 220, .72);
  background:
    radial-gradient(circle at 32% 20%, rgba(255, 255, 255, .34), transparent 29%),
    linear-gradient(145deg, #a61642, #3a0618 72%);
  box-shadow:
    0 0 0 8px rgba(255, 255, 255, .045),
    0 20px 46px rgba(0, 0, 0, .42),
    0 0 44px rgba(239, 64, 105, .18),
    inset 0 1px rgba(255, 255, 255, .24);
  font-size: 28px;
}

.community-dialog--member .community-member-card__identity {
  display: grid;
  min-width: 0;
  align-content: center;
  justify-items: start;
}

.community-dialog--member .community-member-card__identity h2 {
  max-width: 100%;
  margin: 0;
  color: #fffafa;
  font-size: clamp(43px, 5vw, 62px);
  letter-spacing: -.052em;
  line-height: .9;
  text-wrap: balance;
  text-shadow: 0 8px 26px rgba(0, 0, 0, .34);
}

.community-dialog--member .community-member-card__handle {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  max-width: 100%;
  margin: 11px 0 12px;
  padding: 6px 10px;
  overflow: hidden;
  border: 1px solid rgba(255, 151, 177, .28);
  border-radius: 999px;
  color: #ffabc0;
  background: rgba(39, 0, 14, .45);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.community-dialog--member .community-member-card__bio {
  max-width: 520px;
  margin: 0 0 10px;
  color: rgba(255, 247, 249, .84);
  font-size: 13px;
  line-height: 1.55;
}

.community-dialog--member .community-member-card__proof {
  margin: 0;
  color: rgba(255, 220, 228, .68);
  font-size: 9px;
  letter-spacing: .085em;
}

.community-dialog--member .community-member-card__instagram {
  min-height: 36px;
  margin-top: 4px;
  padding: 5px 0;
  color: #ffadc1;
}

.community-dialog--member .community-member-card__actions {
  display: grid;
  gap: 8px;
  align-content: center;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 20px;
  background: rgba(15, 0, 6, .38);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  backdrop-filter: blur(18px) saturate(125%);
  box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}

.community-dialog--member .community-member-card__actions:empty {
  display: none;
}

.community-dialog--member .community-member-card__actions .community-command {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  justify-content: center;
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .055);
}

.community-dialog--member .community-member-card__actions .community-command--primary {
  border-color: rgba(255, 145, 171, .62);
  background: linear-gradient(110deg, #e61b50, #bd113c);
  box-shadow: 0 12px 28px rgba(198, 15, 61, .24), inset 0 1px rgba(255, 255, 255, .2);
}

.community-dialog--member .community-member-card__safety-state {
  margin: 14px 30px 0;
  padding: 12px 14px;
  border: 1px solid rgba(255, 177, 95, .24);
  border-radius: 15px;
  background: rgba(99, 39, 2, .18);
}

.community-dialog--member .community-member-card__tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin: 18px 30px 0;
  padding: 0;
  overflow: visible;
  border: 0;
}

.community-dialog--member .community-member-card__tab {
  min-width: 0;
  min-height: 76px;
  padding: 12px 14px 13px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 18px;
  color: rgba(255, 235, 240, .58);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .055), transparent),
    rgba(48, 3, 18, .42);
  box-shadow: inset 0 1px rgba(255, 255, 255, .065);
  text-align: center;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.community-dialog--member .community-member-card__tab + .community-member-card__tab {
  border-left: 1px solid rgba(255, 255, 255, .13);
}

.community-dialog--member .community-member-card__tab strong {
  margin-bottom: 4px;
  font-family: var(--c-serif);
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
}

.community-dialog--member .community-member-card__tab::after {
  right: 22px;
  bottom: 7px;
  left: 22px;
  height: 2px;
  border-radius: 999px;
}

.community-dialog--member .community-member-card__tab:hover {
  border-color: rgba(255, 143, 169, .36);
  background: rgba(112, 10, 42, .32);
  transform: translateY(-1px);
}

.community-dialog--member .community-member-card__tab.is-active {
  border-color: rgba(255, 143, 169, .5);
  color: #fffafa;
  background:
    linear-gradient(135deg, rgba(239, 64, 105, .22), rgba(255, 255, 255, .055)),
    rgba(79, 5, 29, .54);
}

.community-dialog--member .community-member-card__panel {
  min-height: 280px;
  margin: 0 30px;
  padding: 18px 0 30px;
}

.community-dialog--member .community-member-stories {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.community-dialog--member .community-member-story {
  aspect-ratio: 4 / 4.75;
  border-color: rgba(255, 255, 255, .2);
  border-radius: 20px;
  background:
    radial-gradient(circle at 78% 12%, rgba(239, 64, 105, .2), transparent 12rem),
    linear-gradient(145deg, rgba(117, 9, 42, .62), rgba(20, 0, 8, .96));
  box-shadow: 0 16px 34px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .09);
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.community-dialog--member .community-member-story::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .035);
  content: "";
}

.community-dialog--member .community-member-story:hover {
  border-color: rgba(255, 143, 169, .52);
  box-shadow: 0 20px 42px rgba(0, 0, 0, .32), 0 0 28px rgba(239, 64, 105, .1);
  transform: translateY(-2px);
}

.community-dialog--member .community-member-story__copy {
  z-index: 2;
  gap: 7px;
  padding: 58px 15px 15px;
}

.community-dialog--member .community-member-story:not(.has-image) .community-member-story__copy,
.community-dialog--member .community-member-story.is-unavailable .community-member-story__copy {
  background:
    radial-gradient(circle at 85% 12%, rgba(239, 64, 105, .18), transparent 11rem),
    linear-gradient(145deg, rgba(125, 8, 42, .58), rgba(18, 0, 7, .96));
}

.community-dialog--member .community-member-story__copy strong {
  font-family: var(--c-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.22;
  -webkit-line-clamp: 4;
}

.community-dialog--member .community-member-story__copy small {
  color: rgba(255, 233, 239, .66);
  line-height: 1.35;
}

.community-dialog--member .community-member-card__panel-footer {
  padding-top: 15px;
}

.community-dialog--member .community-member-card__panel-footer .community-command {
  min-height: 44px;
  border-color: rgba(255, 143, 169, .27);
  background: rgba(239, 64, 105, .075);
}

.community-dialog--member .community-member-connections {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 20px;
  background: rgba(255, 255, 255, .025);
}

.community-dialog--member .community-member-connection {
  padding: 13px 15px;
  border-color: rgba(255, 255, 255, .09);
  transition: background .18s ease;
}

.community-dialog--member .community-member-connection:first-child {
  border-top: 0;
}

.community-dialog--member .community-member-connection:hover {
  background: rgba(255, 255, 255, .035);
}

.community-dialog--member .community-member-connection__identity {
  min-height: 48px;
}

.community-dialog--member .community-member-connection__identity .community-avatar {
  width: 48px;
  height: 48px;
}

.community-dialog--member .community-member-connection__identity strong {
  font-size: 13px;
}

.community-dialog--member .community-member-connection__actions .community-command {
  min-width: 120px;
  min-height: 44px;
}

.community-dialog--member .community-member-card__empty {
  min-height: 230px;
  margin-top: 0;
  padding: 34px 20px;
  border: 1px dashed rgba(255, 255, 255, .16);
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% 0, rgba(239, 64, 105, .1), transparent 18rem),
    rgba(255, 255, 255, .02);
}

.community-dialog--member .community-member-card__empty strong {
  font-size: 32px;
}

/* The phone feed header gets three deliberate rows: context/tools, title and
   filters. Absolute positioning is removed so translations cannot collide. */

@media (max-width: 760px) {
  html body.law-community-page .community-dialog--member {
    padding: max(7px, env(safe-area-inset-top, 0px)) 6px 0;
  }

  html body.law-community-page .community-dialog--member[open] {
    align-items: end;
  }

  html body.law-community-page .community-dialog--member .community-dialog__surface {
    width: 100%;
    max-height: calc(100dvh - max(7px, env(safe-area-inset-top, 0px)));
    margin: auto 0 0;
    padding: 0 !important;
    scroll-padding-block: 72px 24px;
    border-radius: 28px 28px 0 0;
  }

  html body.law-community-page .community-dialog--member .community-dialog__close {
    top: 13px !important;
    right: 13px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
  }

  .community-dialog--member .community-member-card__hero {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 14px;
    min-height: 0;
    padding: 32px 16px 21px;
    align-items: start;
  }

  .community-dialog--member .community-member-card__hero::before {
    background:
      linear-gradient(105deg, rgba(13, 0, 5, .52), rgba(13, 0, 5, .18) 58%, rgba(13, 0, 5, .38)),
      url("images/backgrounds/law-community-heart-mobile.webp") center 30% / cover no-repeat;
    opacity: .32;
  }

  .community-dialog--member .community-member-card__hero::after {
    right: -150px;
    bottom: -190px;
  }

  .community-dialog--member .community-member-card__hero > .community-avatar {
    width: 76px;
    height: 76px;
    font-size: 20px;
    box-shadow:
      0 0 0 5px rgba(255, 255, 255, .04),
      0 15px 34px rgba(0, 0, 0, .4),
      0 0 30px rgba(239, 64, 105, .16);
  }

  .community-dialog--member .community-member-card__identity {
    display: contents;
  }

  .community-dialog--member .community-member-card__identity h2 {
    grid-column: 2;
    align-self: end;
    padding-right: 46px;
    font-size: clamp(34px, 10.6vw, 44px);
    line-height: .92;
  }

  .community-dialog--member .community-member-card__handle {
    grid-column: 2;
    align-self: start;
    min-height: 28px;
    margin: 8px 0 10px;
    padding: 5px 9px;
  }

  .community-dialog--member .community-member-card__bio {
    grid-column: 1 / -1;
    max-width: none;
    margin-top: 5px;
    font-size: 12px;
  }

  .community-dialog--member .community-member-card__proof {
    grid-column: 1 / -1;
    line-height: 1.45;
  }

  .community-dialog--member .community-member-card__instagram {
    grid-column: 1 / -1;
    width: fit-content;
  }

  .community-dialog--member .community-member-card__actions {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 5px;
    padding: 9px;
    border-radius: 18px;
  }

  .community-dialog--member .community-member-card__actions .community-command--primary:first-child {
    grid-column: 1 / -1;
  }

  .community-dialog--member .community-member-card__actions .community-command:last-child:nth-child(even) {
    grid-column: 1 / -1;
  }

  .community-dialog--member .community-member-card__safety-state {
    margin: 12px 14px 0;
  }

  .community-dialog--member .community-member-card__tabs {
    gap: 6px;
    margin: 12px 14px 0;
  }

  .community-dialog--member .community-member-card__tab {
    min-width: 0;
    min-height: 68px;
    padding: 10px 5px 11px;
    border-radius: 15px;
    font-size: 8px;
    text-align: center;
  }

  .community-dialog--member .community-member-card__tab strong {
    font-size: 22px;
  }

  .community-dialog--member .community-member-card__tab::after {
    right: 14px;
    left: 14px;
  }

  .community-dialog--member .community-member-card__panel {
    min-height: 240px;
    margin: 0 14px;
    padding: 12px 0 calc(20px + env(safe-area-inset-bottom, 0px));
  }

  .community-dialog--member .community-member-stories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .community-dialog--member .community-member-story {
    aspect-ratio: 4 / 5;
    border-radius: 17px;
  }

  .community-dialog--member .community-member-story__copy {
    padding: 48px 11px 11px;
  }

  .community-dialog--member .community-member-story__copy strong {
    font-size: 15px;
  }

  .community-dialog--member .community-member-card__panel-footer {
    display: grid;
  }

  .community-dialog--member .community-member-card__panel-footer .community-command {
    width: 100%;
    justify-content: center;
  }

  .community-dialog--member .community-member-connection {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 11px;
  }

  .community-dialog--member .community-member-connection__proof {
    display: none;
  }

  .community-dialog--member .community-member-connection__identity {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 9px;
  }

  .community-dialog--member .community-member-connection__identity .community-avatar {
    width: 44px;
    height: 44px;
  }

  .community-dialog--member .community-member-connection__actions .community-command {
    min-width: 92px;
    min-height: 44px;
    padding-inline: 10px;
  }

  .community-dialog--member .community-member-card__empty {
    min-height: 190px;
    padding: 25px 15px;
    border-radius: 17px;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-feed-head {
    display: block !important;
    min-height: 0 !important;
    padding: 16px 14px 14px !important;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-head__copy {
    min-width: 0;
    padding-right: 0;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-head .community-kicker {
    max-width: calc(100% - 150px);
    min-height: 44px;
    align-items: center;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-head h2 {
    max-width: 100%;
    margin: 13px 0 14px;
    padding: 0;
    font-size: clamp(28px, 8.4vw, 36px);
    letter-spacing: -.04em;
    line-height: .94;
    text-wrap: balance;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-head__tools {
    position: absolute;
    top: 15px;
    right: 14px;
    display: flex;
    gap: 5px;
    padding: 0;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-head__tools .community-icon-button {
    width: 44px;
    min-width: 44px;
    height: 44px;
    border-radius: 50%;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-tabs {
    position: static;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    padding: 4px;
    border-color: rgba(255, 255, 255, .17);
    background: rgba(9, 0, 4, .28);
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-tabs:has(> button[hidden]) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-tabs button {
    min-width: 0;
    min-height: 44px;
    padding: 7px 5px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-tabs button.is-active {
    background:
      linear-gradient(135deg, rgba(239, 64, 105, .18), rgba(255, 255, 255, .075)),
      rgba(255, 255, 255, .06);
  }

  body.law-community-page:not(.law-community-terms-page) .community-quick-compose {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 11px;
    margin: 10px 10px 0;
    padding: 13px;
    border-color: rgba(255, 255, 255, .22);
    border-radius: 20px;
    background:
      linear-gradient(125deg, rgba(255, 255, 255, .075), rgba(239, 64, 105, .055)),
      rgba(55, 4, 21, .58);
    box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 12px 30px rgba(0, 0, 0, .16);
  }

  body.law-community-page:not(.law-community-terms-page) .community-quick-compose__mark {
    width: 48px;
    height: 48px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-quick-compose__button {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 46px;
    justify-content: center;
  }
}

@media (max-width: 370px) {
  .community-dialog--member .community-member-card__hero {
    grid-template-columns: 66px minmax(0, 1fr);
    gap: 11px;
    padding-inline: 12px;
  }

  .community-dialog--member .community-member-card__hero > .community-avatar {
    width: 66px;
    height: 66px;
  }

  .community-dialog--member .community-member-card__identity h2 {
    font-size: 32px;
  }

  .community-dialog--member .community-member-card__tabs,
  .community-dialog--member .community-member-card__panel {
    margin-inline: 10px;
  }

  .community-dialog--member .community-member-card__tab {
    font-size: 7px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-head .community-kicker {
    max-width: calc(100% - 143px);
    font-size: 8px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-head h2 {
    font-size: 28px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-head__tools {
    gap: 4px;
  }

  body.law-community-page:not(.law-community-terms-page) .community-feed-head__tools .community-icon-button {
    width: 44px;
    min-width: 44px;
    height: 44px;
  }
}

/* ========================================================================== */
/* Community V1.3 — signed-in profile rail                                    */
/* Premium liquid-glass identity card, legible metrics and touch-safe tools.  */
/* ========================================================================== */

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile {
  container-name: law-profile-rail;
  container-type: inline-size;
  isolation: isolate;
  overflow: hidden;
  gap: 14px;
  padding: 15px;
  border-color: rgba(255, 232, 239, .27);
  background:
    radial-gradient(circle at 8% 4%, rgba(255, 121, 155, .18), transparent 33%),
    radial-gradient(circle at 104% 94%, rgba(184, 14, 54, .18), transparent 42%),
    linear-gradient(145deg, rgba(52, 4, 19, .79), rgba(20, 1, 8, .78));
  box-shadow:
    0 28px 76px rgba(2, 0, 1, .38),
    inset 0 1px rgba(255, 255, 255, .15),
    inset 0 -1px rgba(255, 255, 255, .035);
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(118deg, rgba(255, 255, 255, .055), transparent 29%),
    radial-gradient(circle at 19% -9%, rgba(255, 187, 205, .15), transparent 31%);
  content: "";
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile::after {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 24px;
  left: 24px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 150, 177, .76), transparent);
  box-shadow: 0 0 18px rgba(239, 64, 105, .5);
  content: "";
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile > * {
  position: relative;
  z-index: 1;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity {
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(255, 236, 242, .17);
  border-radius: 21px;
  background:
    radial-gradient(circle at 1% 0%, rgba(255, 117, 151, .13), transparent 43%),
    linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025));
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .1),
    0 14px 34px rgba(3, 0, 1, .18);
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile :is(
  .community-identity__top,
  .community-identity:has(> .community-avatar + h2),
  .community-identity:has(> .community-skeleton--avatar)
) {
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 13px;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-avatar {
  width: 58px;
  height: 58px;
  border: 1px solid rgba(255, 220, 230, .65);
  background:
    radial-gradient(circle at 31% 22%, rgba(255, 255, 255, .29), transparent 31%),
    linear-gradient(145deg, #a31842, #470719 76%);
  box-shadow:
    0 0 0 4px rgba(255, 82, 122, .075),
    0 13px 27px rgba(0, 0, 0, .3),
    inset 0 1px rgba(255, 255, 255, .22);
  font-size: 15px;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity h2 {
  font-size: clamp(25px, 12cqi, 30px);
  letter-spacing: -.035em;
  line-height: .98;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity__handle {
  margin-top: 7px;
  color: rgba(245, 222, 229, .72);
  font-size: 11px;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity__bio {
  margin-top: 14px;
  color: rgba(245, 226, 232, .73);
  line-height: 1.55;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity__instagram {
  color: #ff9bb3;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity__stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin-top: 16px;
  padding: 7px;
  border: 1px solid rgba(255, 239, 244, .12);
  border-radius: 17px;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 107, 143, .1), transparent 62%),
    rgba(5, 0, 2, .17);
  box-shadow: inset 0 1px rgba(255, 255, 255, .055);
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity__stat {
  display: grid;
  min-width: 0;
  min-height: 62px;
  align-content: center;
  justify-items: start;
  padding: 10px 12px;
  overflow: hidden;
  border: 0;
  border-radius: 12px;
  color: rgba(245, 221, 228, .68);
  background: transparent;
  box-shadow: none;
  font-size: 8px;
  letter-spacing: .025em;
  line-height: 1.15;
  text-align: left;
  white-space: normal;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity__stat strong {
  margin-bottom: 5px;
  color: #fff6f8;
  font-family: var(--c-serif);
  font-size: 22px;
  font-weight: 520;
  letter-spacing: -.025em;
  line-height: .88;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile button.community-identity__stat:hover {
  border-radius: 12px;
  background: rgba(239, 64, 105, .12);
  transform: translateY(-1px);
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile button.community-identity__stat:focus-visible,
html body.law-community-page:not(.law-community-terms-page) .community-rail--profile :is(.community-discipline-summary, .community-command):focus-visible {
  outline: 2px solid #ff86a3;
  outline-offset: 2px;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-profile-tools {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  overflow: visible;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-profile-tools > *,
html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-profile-tools > .community-command {
  width: 100%;
  min-width: 0;
  scroll-snap-align: none;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-discipline-summary {
  grid-column: 1 / -1;
  grid-template-columns: 38px minmax(0, 1fr) 18px;
  gap: 10px;
  min-height: 70px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid rgba(255, 129, 160, .34);
  border-radius: 18px;
  background:
    radial-gradient(circle at 1% 0%, rgba(255, 130, 161, .13), transparent 52%),
    linear-gradient(128deg, rgba(153, 15, 48, .22), rgba(255, 255, 255, .035));
  box-shadow: inset 0 1px rgba(255, 255, 255, .09);
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-discipline-summary__mark {
  width: 38px;
  height: 38px;
  border-color: rgba(255, 179, 197, .34);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(239, 64, 105, .24), rgba(99, 7, 29, .28));
  box-shadow: inset 0 1px rgba(255, 255, 255, .12);
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-discipline-summary__copy strong {
  color: #fff2f5;
  font-size: 10px;
  letter-spacing: .02em;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-discipline-summary__copy small {
  display: -webkit-box;
  margin-top: 3px;
  overflow: hidden;
  color: rgba(245, 218, 226, .68);
  font-size: 9px;
  line-height: 1.32;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-discipline-summary__arrow {
  justify-self: end;
  color: #ff9bb3;
  transition: transform .18s ease;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-discipline-summary:hover .community-discipline-summary__arrow {
  transform: translateX(2px);
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-profile-tools > .community-command {
  min-height: 50px;
  justify-content: space-between;
  padding: 10px 12px;
  border: 1px solid rgba(255, 237, 243, .13);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .025));
  box-shadow: inset 0 1px rgba(255, 255, 255, .07);
  font-size: 10px;
  text-align: left;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-profile-tools > .community-command:hover {
  padding-inline: 12px;
  border-color: rgba(255, 145, 171, .35);
  border-radius: 15px;
  background: rgba(255, 255, 255, .085);
  transform: translateY(-1px);
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile :is(
  .community-command--reports,
  .community-command--safety
) span {
  display: inline-grid;
  min-width: 23px;
  min-height: 23px;
  place-items: center;
  padding-inline: 5px;
  border: 1px solid rgba(255, 146, 172, .2);
  border-radius: 999px;
  color: #ffdce5;
  background: rgba(201, 24, 65, .3);
  font-size: 9px;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile :is(
  .community-command--reports,
  .community-command--safety
) span:empty {
  display: none;
}

html body.law-community-page:not(.law-community-terms-page) .community-rail--profile #communityEditProfileButton {
  grid-column: 1 / -1;
  justify-content: center;
  border-color: rgba(255, 130, 160, .35);
  color: #fff7f9;
  background:
    linear-gradient(120deg, rgba(219, 26, 71, .2), rgba(255, 255, 255, .05));
}

@container law-profile-rail (min-width: 310px) {
  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity__stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity__stat {
    min-height: 58px;
    justify-items: center;
    padding: 8px 3px;
    font-size: 8px;
    text-align: center;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity__stat strong {
    font-size: 20px;
  }
}

@media (max-width: 860px) and (min-width: 641px) {
  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile {
    gap: 14px;
    padding: 16px;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-profile-tools {
    align-content: start;
  }
}

@media (max-width: 640px) {
  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile {
    display: block;
    padding: 13px;
    border-radius: 24px;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity {
    padding: 14px;
    border-radius: 19px;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile :is(
    .community-identity__top,
    .community-identity:has(> .community-avatar + h2),
    .community-identity:has(> .community-skeleton--avatar)
  ) {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 12px;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-avatar {
    width: 54px;
    height: 54px;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity h2 {
    font-size: clamp(24px, 7.8vw, 29px);
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity__bio {
    display: -webkit-box;
    max-height: 3.1em;
    overflow: hidden;
    font-size: 11px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity__instagram {
    display: inline-flex;
    min-height: 44px;
    margin-top: 3px;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity__stats {
    margin-top: 14px;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-profile-tools {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 10px 0 0;
    padding: 0;
    overflow: visible;
    scroll-snap-type: none;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-profile-tools > *,
  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-profile-tools > .community-command {
    width: 100%;
    min-width: 0;
    flex: initial;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-discipline-summary {
    min-height: 68px;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-profile-tools > .community-command {
    min-height: 50px;
    padding-inline: 11px;
    font-size: 10px;
  }
}

@media (max-width: 340px) {
  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile {
    padding: 10px;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity {
    padding: 12px;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-identity__bio {
    max-height: 1.55em;
    -webkit-line-clamp: 1;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile .community-profile-tools {
    grid-template-columns: minmax(0, 1fr);
  }

  html body.law-community-page:not(.law-community-terms-page) .community-rail--profile :is(
    .community-command--reports,
    .community-command--safety,
    #communityEditProfileButton
  ) {
    grid-column: 1;
  }
}

/* V1 public safety preflight and anti-raid states */

html body.law-community-page:not(.law-community-terms-page) .community-safety-banner {
  position: relative;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 86px;
  margin: -4px 0 22px;
  padding: 16px 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 179, 93, .34);
  border-radius: 24px;
  color: var(--c-text);
  background:
    linear-gradient(112deg, rgba(255, 177, 76, .105), rgba(239, 64, 105, .075) 54%, rgba(255, 255, 255, .035)),
    rgba(29, 3, 12, .78);
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);
  box-shadow: 0 20px 48px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .1);
}

html body.law-community-page:not(.law-community-terms-page) .community-safety-banner[hidden] {
  display: none !important;
}

html body.law-community-page:not(.law-community-terms-page) .community-safety-banner::before {
  position: absolute;
  top: 0;
  right: 8%;
  left: 8%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 221, 180, .8), transparent);
  content: "";
}

html body.law-community-page:not(.law-community-terms-page) .community-safety-banner.is-review-only {
  border-color: rgba(255, 125, 157, .36);
  background:
    radial-gradient(circle at 88% 0, rgba(239, 64, 105, .16), transparent 19rem),
    linear-gradient(112deg, rgba(239, 64, 105, .11), rgba(255, 255, 255, .035)),
    rgba(29, 3, 12, .8);
}

html body.law-community-page:not(.law-community-terms-page) .community-safety-banner.is-paused {
  border-color: rgba(255, 105, 135, .48);
  background:
    radial-gradient(circle at 88% 0, rgba(239, 64, 105, .23), transparent 20rem),
    linear-gradient(112deg, rgba(102, 5, 32, .36), rgba(255, 255, 255, .035)),
    rgba(29, 3, 12, .86);
}

html body.law-community-page:not(.law-community-terms-page) .community-safety-banner__mark {
  display: grid;
  width: 50px;
  min-width: 50px;
  height: 50px;
  place-items: center;
  border: 1px solid rgba(255, 190, 111, .5);
  border-radius: 17px;
  color: #ffe6c2;
  background: rgba(255, 173, 67, .11);
  box-shadow: inset 0 1px rgba(255, 255, 255, .12);
  font-size: 20px;
  font-weight: 850;
}

html body.law-community-page:not(.law-community-terms-page) :is(.community-safety-banner.is-review-only, .community-safety-banner.is-paused) .community-safety-banner__mark {
  border-color: rgba(255, 123, 154, .48);
  color: #ffc0cf;
  background: rgba(239, 64, 105, .14);
}

html body.law-community-page:not(.law-community-terms-page) .community-safety-banner__copy {
  display: grid;
  min-width: 0;
  gap: 4px;
}

html body.law-community-page:not(.law-community-terms-page) .community-safety-banner__copy .community-kicker {
  color: #ffba76;
  font-size: 9px;
}

html body.law-community-page:not(.law-community-terms-page) :is(.community-safety-banner.is-review-only, .community-safety-banner.is-paused) .community-safety-banner__copy .community-kicker {
  color: #ff91ab;
}

html body.law-community-page:not(.law-community-terms-page) .community-safety-banner__copy > strong {
  font-family: var(--c-serif);
  font-size: clamp(21px, 2vw, 27px);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1;
}

html body.law-community-page:not(.law-community-terms-page) .community-safety-banner__copy :is(p, small) {
  margin: 0;
  color: var(--c-muted);
  font-size: 11px;
  line-height: 1.45;
}

html body.law-community-page:not(.law-community-terms-page) .community-safety-banner__copy small {
  color: #ffd6a4;
  font-weight: 800;
}

html body.law-community-page:not(.law-community-terms-page) .community-safety-banner__link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 15px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  color: #fff4f6;
  background: rgba(255, 255, 255, .055);
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

html body.law-community-page:not(.law-community-terms-page) .community-safety-banner__link:hover {
  border-color: rgba(255, 137, 165, .55);
  background: rgba(239, 64, 105, .13);
}

html body.law-community-page .community-prepublish {
  position: relative;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: start;
  gap: 13px;
  margin-top: 14px;
  padding: 15px;
  overflow: hidden;
  border: 1px solid rgba(255, 184, 103, .36);
  border-radius: 20px;
  color: var(--c-text);
  background:
    linear-gradient(126deg, rgba(255, 178, 79, .1), rgba(255, 255, 255, .035) 55%, rgba(239, 64, 105, .075)),
    rgba(36, 5, 15, .78);
  box-shadow: 0 18px 38px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .1);
}

html body.law-community-page .community-prepublish[hidden] {
  display: none !important;
}

html body.law-community-page .community-prepublish--review {
  border-color: rgba(255, 184, 103, .42);
}

html body.law-community-page .community-prepublish--blocked {
  border-color: rgba(255, 102, 132, .48);
  background:
    radial-gradient(circle at 92% 0, rgba(239, 64, 105, .18), transparent 15rem),
    linear-gradient(126deg, rgba(95, 4, 29, .3), rgba(255, 255, 255, .03)),
    rgba(36, 5, 15, .84);
}

html body.law-community-page .community-prepublish::before {
  position: absolute;
  top: 0;
  right: 8%;
  left: 8%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 216, 166, .72), transparent);
  content: "";
}

html body.law-community-page .community-prepublish__mark {
  display: grid;
  width: 46px;
  min-width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid rgba(255, 189, 112, .48);
  border-radius: 15px;
  color: #ffe0b6;
  background: rgba(255, 177, 76, .11);
  font-size: 17px;
  font-weight: 900;
}

html body.law-community-page .community-prepublish--blocked .community-prepublish__mark {
  border-color: rgba(255, 116, 147, .5);
  color: #ffc0ce;
  background: rgba(239, 64, 105, .14);
}

html body.law-community-page .community-prepublish__copy {
  display: grid;
  min-width: 0;
  gap: 5px;
}

html body.law-community-page .community-prepublish__copy .community-kicker {
  color: #ffc078;
  font-size: 8px;
}

html body.law-community-page .community-prepublish--blocked .community-prepublish__copy .community-kicker {
  color: #ff8da8;
}

html body.law-community-page .community-prepublish__title {
  font-family: var(--c-serif);
  font-size: clamp(19px, 2vw, 24px);
  font-weight: 500;
  letter-spacing: -.02em;
  line-height: 1.05;
}

html body.law-community-page .community-prepublish__copy p {
  margin: 0;
  color: var(--c-muted);
  font-size: 11px;
  line-height: 1.45;
}

html body.law-community-page .community-prepublish__guidance {
  display: grid;
  gap: 3px;
  margin: 2px 0 0;
  padding-left: 17px;
  color: #ead5db;
  font-size: 10px;
  line-height: 1.45;
}

html body.law-community-page .community-prepublish__actions {
  display: flex;
  align-self: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

html body.law-community-page .community-prepublish__actions :is(.community-command, a) {
  display: inline-flex;
  min-width: 128px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 9px 13px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 820;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
}

html body.law-community-page .community-prepublish__guidelines {
  border: 1px solid rgba(255, 255, 255, .18);
  color: #fff2f5;
  background: rgba(255, 255, 255, .055);
}

html body.law-community-page .community-comment-form .community-prepublish--comment {
  grid-column: 1 / -1;
  width: 100%;
  margin-top: 2px;
}

html body.law-community-page .community-comment-access.is-paused {
  border-color: rgba(255, 114, 145, .38);
  background: rgba(239, 64, 105, .09);
}

@media (max-width: 760px) {
  html body.law-community-page:not(.law-community-terms-page) .community-safety-banner {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px;
    min-height: 0;
    margin: -3px 4px 14px;
    padding: 14px;
    border-radius: 20px;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-safety-banner__mark {
    width: 46px;
    min-width: 46px;
    height: 46px;
    border-radius: 15px;
  }

  html body.law-community-page:not(.law-community-terms-page) .community-safety-banner__copy > strong {
    font-size: clamp(19px, 5.7vw, 23px);
  }

  html body.law-community-page:not(.law-community-terms-page) .community-safety-banner__link {
    grid-column: 1 / -1;
    width: 100%;
  }

  html body.law-community-page .community-prepublish {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 11px;
    padding: 13px;
    border-radius: 18px;
  }

  html body.law-community-page .community-prepublish__mark {
    width: 44px;
    min-width: 44px;
    height: 44px;
    border-radius: 14px;
  }

  html body.law-community-page .community-prepublish__title {
    font-size: 20px;
  }

  html body.law-community-page .community-prepublish__actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  html body.law-community-page .community-prepublish__actions :is(.community-command, a) {
    width: 100%;
    min-width: 0;
  }

  html body.law-community-page .community-comment-form .community-prepublish--comment {
    margin-top: 0;
  }
}

@media (max-width: 420px) {
  html body.law-community-page:not(.law-community-terms-page) .community-safety-banner {
    margin-inline: 0;
    padding: 12px;
  }

  html body.law-community-page .community-prepublish {
    padding: 12px;
  }

  html body.law-community-page .community-prepublish__copy p,
  html body.law-community-page .community-prepublish__guidance {
    font-size: 10px;
  }
}

@media (max-width: 340px) {
  html body.law-community-page .community-prepublish__actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ========================================================================== */
/* Community V1.5 — local discovery                                           */
/* A visible, touch-safe people rail and a fourth feed scope.                  */
/* ========================================================================== */

body.law-community-page:not(.law-community-terms-page) .community-feed-tabs button {
  min-width: 68px;
}

html body.law-community-page:not(.law-community-terms-page) .community-profile-nudge {
  display: grid;
  width: 100%;
  min-height: 72px;
  grid-template-columns: 40px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 151, 176, .33);
  border-radius: 18px;
  color: #fff6f8;
  background:
    radial-gradient(circle at 0 0, rgba(255, 121, 155, .17), transparent 10rem),
    linear-gradient(128deg, rgba(151, 13, 46, .2), rgba(255, 255, 255, .045));
  box-shadow: inset 0 1px rgba(255, 255, 255, .1);
  text-align: left;
  cursor: pointer;
}

html body.law-community-page:not(.law-community-terms-page) .community-profile-nudge:hover {
  border-color: rgba(255, 160, 183, .52);
  background:
    radial-gradient(circle at 0 0, rgba(255, 121, 155, .22), transparent 10rem),
    linear-gradient(128deg, rgba(172, 15, 53, .26), rgba(255, 255, 255, .06));
}

.community-profile-nudge__mark {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid rgba(255, 197, 211, .3);
  border-radius: 14px;
  color: #ffd5df;
  background: linear-gradient(145deg, rgba(239, 64, 105, .3), rgba(91, 6, 27, .34));
  box-shadow: inset 0 1px rgba(255, 255, 255, .12);
  font-size: 18px;
  font-weight: 500;
}

.community-profile-nudge__copy {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.community-profile-nudge__copy strong {
  font-family: var(--c-serif);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.05;
}

.community-profile-nudge__copy small {
  display: -webkit-box;
  overflow: hidden;
  color: rgba(245, 218, 226, .69);
  font-size: 9px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.community-profile-nudge__arrow {
  justify-self: end;
  color: #ff9bb3;
  transition: transform .18s ease;
}

.community-profile-nudge:hover .community-profile-nudge__arrow {
  transform: translateX(2px);
}

body.law-community-page:not(.law-community-terms-page) .community-people {
  position: relative;
  min-width: 0;
  margin: 14px 22px 5px;
  padding: 17px;
  overflow: hidden;
  border: 1px solid rgba(255, 214, 225, .2);
  border-radius: 22px;
  background:
    radial-gradient(circle at 0 0, rgba(255, 106, 143, .19), transparent 17rem),
    linear-gradient(126deg, rgba(255, 255, 255, .075), rgba(82, 5, 29, .12) 58%, rgba(255, 255, 255, .035)),
    rgba(34, 2, 13, .72);
  -webkit-backdrop-filter: blur(22px) saturate(135%);
  backdrop-filter: blur(22px) saturate(135%);
  box-shadow:
    0 20px 48px rgba(2, 0, 1, .2),
    inset 0 1px rgba(255, 255, 255, .11);
}

body.law-community-page:not(.law-community-terms-page) .community-people::before {
  position: absolute;
  top: 0;
  right: 9%;
  left: 9%;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 172, 195, .82), transparent);
  content: "";
}

.community-people__head {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.community-people__head > div {
  min-width: 0;
}

.community-people__head h3 {
  margin: 4px 0 2px;
  font-family: var(--c-serif);
  font-size: clamp(23px, 2.2vw, 29px);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1;
}

.community-people__head p {
  margin: 0;
  color: var(--c-muted);
  font-size: 10px;
  line-height: 1.45;
}

.community-people__refresh {
  display: inline-flex;
  min-width: 96px;
  min-height: 44px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 13px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  color: #fff4f6;
  background: rgba(255, 255, 255, .06);
  box-shadow: inset 0 1px rgba(255, 255, 255, .08);
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.community-people__refresh:hover {
  border-color: rgba(255, 139, 167, .5);
  background: rgba(239, 64, 105, .13);
}

.community-people__refresh svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.community-people__refresh.is-loading svg {
  animation: community-people-spin .8s linear infinite;
}

@keyframes community-people-spin {
  to { transform: rotate(360deg); }
}

.community-people__transparency {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 11px 0 12px;
  padding: 8px 10px;
  border-left: 2px solid rgba(255, 112, 148, .68);
  color: #cfbfc4;
  background: rgba(7, 0, 3, .17);
  font-size: 9px;
  line-height: 1.4;
}

.community-people__transparency > span {
  color: #ff91aa;
  font-size: 13px;
}

.community-people__grid {
  display: grid;
  min-width: 0;
  grid-auto-columns: minmax(240px, 34%);
  grid-auto-flow: column;
  gap: 10px;
  padding: 1px 1px 7px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-padding-inline: 1px;
  scroll-snap-type: inline proximity;
  scrollbar-color: rgba(255, 120, 153, .38) transparent;
  scrollbar-width: thin;
}

.community-people__grid:has(.community-people-state) {
  display: block;
  overflow: visible;
}

.community-person-card {
  position: relative;
  display: grid;
  min-width: 0;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  align-content: start;
  gap: 9px 11px;
  padding: 13px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .022)),
    rgba(27, 2, 10, .62);
  box-shadow: inset 0 1px rgba(255, 255, 255, .075);
  scroll-snap-align: start;
}

.community-person-card.is-following {
  border-color: rgba(255, 131, 161, .35);
  background:
    radial-gradient(circle at 100% 0, rgba(239, 64, 105, .13), transparent 11rem),
    linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025)),
    rgba(27, 2, 10, .64);
}

.community-person-card > .community-avatar {
  width: 48px;
  height: 48px;
  border-color: rgba(255, 212, 224, .36);
}

.community-person-card__identity {
  min-width: 0;
}

.community-person-card__identity h4,
.community-person-card__identity p,
.community-person-card__proof {
  margin: 0;
}

.community-person-card__identity h4 {
  overflow: hidden;
  color: #fff8fa;
  font-family: var(--c-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.08;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.community-person-card__meta {
  overflow: hidden;
  color: #bda9b0;
  font-size: 9px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.community-person-card__reason {
  display: -webkit-box;
  margin-top: 4px !important;
  overflow: hidden;
  color: #eadce0;
  font-size: 10px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.community-person-card__proof {
  grid-column: 1 / -1;
  padding-top: 2px;
  color: #cbb8be;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .015em;
}

.community-person-card__actions {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.community-person-card__actions .community-command {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  justify-content: center;
  padding-inline: 9px;
  font-size: 9px;
}

.community-person-card__actions .community-command svg {
  width: 16px;
  height: 16px;
}

.community-person-card.is-loading {
  min-height: 164px;
  align-items: start;
}

.community-person-card.is-loading > span:last-child {
  display: grid;
  min-width: 0;
  gap: 9px;
  padding-top: 4px;
}

.community-person-card.is-loading i {
  display: block;
}

.community-people-state {
  display: flex;
  min-height: 112px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px;
  border: 1px dashed rgba(255, 255, 255, .18);
  border-radius: 17px;
  background: rgba(5, 0, 2, .14);
}

.community-people-state.is-error {
  border-color: rgba(255, 110, 134, .34);
  background: rgba(122, 9, 36, .11);
}

.community-people-state > div {
  min-width: 0;
}

.community-people-state strong {
  display: block;
  color: #fff5f7;
  font-family: var(--c-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
}

.community-people-state p {
  margin: 5px 0 0;
  color: var(--c-muted);
  font-size: 10px;
  line-height: 1.45;
}

.community-people-state .community-command {
  min-width: 112px;
  min-height: 44px;
  flex: 0 0 auto;
  justify-content: center;
}

@media (max-width: 760px) {
  html body.law-community-page:not(.law-community-terms-page) .community-feed-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  html body.law-community-page:not(.law-community-terms-page) .community-feed-tabs:has(> button[hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.law-community-page:not(.law-community-terms-page) .community-people {
    margin: 10px 10px 4px;
    padding: 13px;
    border-radius: 20px;
  }

  .community-people__head h3 {
    font-size: clamp(23px, 7vw, 28px);
  }

  .community-people__grid {
    grid-auto-columns: min(100%, 270px);
    gap: 9px;
  }

  .community-person-card {
    padding: 12px;
  }
}

@media (max-width: 370px) {
  .community-people__refresh {
    width: 44px;
    min-width: 44px;
    padding: 0;
  }

  .community-people__refresh span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
  }

  .community-people__transparency {
    align-items: flex-start;
    font-size: 8px;
  }

  .community-people-state {
    display: grid;
    gap: 12px;
  }

  .community-people-state .community-command {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .community-people__refresh.is-loading svg {
    animation: none;
  }
}