/* Homepage-only forum presentation. Existing editorial links and real posts
   remain separate; no forum page, visibility or membership setting changes. */
.community-section .activity-panel {
  min-width:0;
  padding:26px 28px 20px;
  background:#121214;
  border:1px solid #ffffff1c;
  border-radius:12px;
}
.community-section .activity-panel .panel-heading {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px 20px;
  padding-bottom:21px;
  margin-bottom:0;
}
.community-section .activity-panel .panel-heading h3 {
  margin:0;
  color:#f0ede7;
  font-size:24px;
  letter-spacing:-.025em;
}
.community-section .activity-panel .small-label {
  color:#b2aba0;
  font-size:10px;
  line-height:1.5;
  letter-spacing:.12em;
}
.community-section .activity-row {
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:15px;
  align-items:start;
  padding:20px 0;
  border:0;
  border-top:1px solid #ffffff15;
  background:transparent;
  border-radius:0;
  text-align:left;
  text-decoration:none;
}
.community-section .activity-row:hover { background:transparent; }
.community-section .activity-row>span:nth-child(2) { min-width:0; }
.community-section .activity-row small {
  color:#c5ae7c;
  font-size:10px;
  line-height:1.6;
  letter-spacing:.09em;
}
.community-section .activity-row strong {
  margin:6px 0 7px;
  color:#eeeae2;
  font-size:17px;
  font-weight:550;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.community-section .activity-row span span { color:#adaaa2; font-size:13px; line-height:1.65; }
.community-section .activity-row strong span { color:inherit; font-size:inherit; line-height:inherit; }
.community-section .activity-row small span { color:inherit; font-size:inherit; line-height:inherit; }
.community-section .activity-row .topic-icon>span { font-size:0; }
.community-section .activity-row:hover strong { color:#e2c582; }
.community-section .activity-row .row-arrow { display:none; }
.community-section .activity-row .topic-icon {
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  margin-top:3px;
  background:#e2c5820c;
  color:#d8c18f;
  border:1px solid #e2c58228;
  border-radius:8px;
  font-size:0;
}
.community-section .activity-row .topic-icon::after {
  content:"";
  width:19px;
  height:19px;
  background:currentColor;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h6c1 0 2 .4 2 1v15c0-.6-1-1-2-1H4V4Zm16 0h-6c-1 0-2 .4-2 1v15c0-.6 1-1 2-1h6V4Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.community-section .activity-row[data-page="rules"] .topic-icon::after {
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='m8 8 1 1 2-2m2 1h3M8 13h8m-8 4h6'/%3E%3C/svg%3E");
}
.community-section .live-home-discussions { margin:9px 0 22px; border-top:1px solid #bba27345; }
.community-section .live-home-discussions .topic-row {
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  gap:15px;
  align-items:start;
  padding:22px 0;
  border:0;
  border-bottom:1px solid #ffffff15;
  border-radius:0;
  background:transparent;
  text-decoration:none;
}
.community-section .live-home-discussions .topic-avatar {
  width:40px;
  height:40px;
  margin-top:3px;
  font-size:12px;
  background:#24211c;
  color:#dcc38d;
  border:1px solid #d8c18f33;
}
.community-section .live-home-discussions .topic-description { min-width:0; }
.community-section .live-home-discussions .topic-labels {
  gap:7px;
  color:#c5ae7c;
  font-size:10px;
  line-height:1.6;
  letter-spacing:.04em;
  flex-wrap:wrap;
}
.community-section .live-home-discussions .pinned-label { background:none; border:0; padding:0; }
.community-section .live-home-discussions h2 {
  margin:7px 0;
  color:#f0ede7;
  font-family:inherit;
  font-size:18px;
  font-weight:550;
  line-height:1.45;
  letter-spacing:-.015em;
  text-transform:none;
  overflow-wrap:anywhere;
}
.community-section .live-home-discussions .topic-row:hover h2 { color:#e2c582; }
.community-section .live-home-discussions .topic-description p {
  margin:0;
  color:#aaa69e;
  font-size:12px;
  line-height:1.65;
  overflow-wrap:anywhere;
}
.community-section .live-home-discussions .reply-summary { padding-top:7px; min-width:36px; text-align:right; }
.community-section .live-home-discussions .reply-summary strong { color:#ded5c2; font-size:18px; font-weight:500; }
.community-section .live-home-discussions .reply-summary span { color:#aaa69e; font-size:10px; }
.community-section .live-home-discussions .topic-open { display:none; }
.community-section .live-home-discussions .empty-state { padding:25px 0 3px; background:none; border:0; text-align:left; }
.community-section .home-forum-invite { padding-top:20px; }
.community-section .home-forum-invite p { margin:0 0 14px; color:#b4afa5; font-size:13px; line-height:1.65; }
.community-section .home-forum-invite .button { padding:11px 18px; font-size:13px; }
.community-section .activity-panel>.text-link { min-height:44px; margin:0; display:inline-flex; align-items:center; font-size:14px; }
.community-section .activity-panel :is(.activity-row,.topic-row):focus-visible { outline:2px solid #e2c582; outline-offset:5px; }
@media(max-width:600px) {
  .community-section .activity-panel { padding:20px 17px 15px; border-radius:9px; }
  .community-section .activity-panel .panel-heading h3 { font-size:22px; }
  .community-section .activity-row { gap:12px; padding:18px 0; }
  .community-section .activity-row strong { font-size:16px; }
  .community-section .live-home-discussions .topic-row { grid-template-columns:34px minmax(0,1fr) 31px; gap:10px; padding:19px 0; }
  .community-section .live-home-discussions .topic-avatar { width:34px; height:34px; }
  .community-section .live-home-discussions h2 { font-size:16px; }
  .community-section .live-home-discussions .reply-summary { min-width:0; }
}
