/* Member cards and forum directories share the established charcoal/blue frame. */
html body .cb-site .profile-community-panel .profile-friends-toolbar {
  display:flex!important; flex-wrap:wrap!important; align-items:center!important;
  justify-content:space-between!important; gap:8px 16px!important;
  padding:7px 8px!important; margin:0 0 12px!important;
  border:1px solid #3777a8!important;
  background:linear-gradient(#162630,#262d32)!important;
}
html body .cb-site .profile-community-panel .profile-friends-toolbar p,
html body .cb-site .profile-community-panel .profile-friends-summary-note {
  margin:0!important; color:#e1e1e1!important; line-height:16px!important;
}
html body .cb-site .profile-community-panel .profile-friends-summary-note { margin-bottom:12px!important; }
html body .cb-site .profile-community-panel .profile-friends-toolbar button {
  position:static!important; float:none!important; flex:none!important;
  min-height:24px!important; margin:0!important; padding:2px 8px!important;
  border:1px solid #7d878e!important; border-radius:0!important;
  background:linear-gradient(#eee,#aab1b5)!important; color:#111!important;
  font:inherit!important; font-weight:bold!important; box-shadow:none!important;
}
html body .cb-site .profile-reference-page .profile-community-panel .profile-public-friends {
  display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px 8px!important; align-items:start!important; margin:0!important; padding:0!important;
}
html body .cb-site .profile-reference-page .profile-community-panel .profile-public-friends .profile-friend-card {
  display:flex!important; flex-direction:column!important; align-items:center!important;
  justify-content:flex-start!important; gap:5px!important; width:auto!important;
  min-width:0!important; height:auto!important; padding:0!important; margin:0!important;
  line-height:16px!important; text-align:center!important;
}
html body .cb-site .profile-community-panel .profile-friend-avatar {
  display:block!important; flex:none!important; width:52px!important; height:52px!important;
  overflow:hidden!important; border:1px solid #9aa1a5!important; background:#222!important;
}
html body .cb-site .profile-community-panel .profile-friend-avatar img {
  display:block!important; width:100%!important; height:100%!important;
  max-width:none!important; max-height:none!important; object-fit:contain!important;
}
html body .cb-site .profile-community-panel .profile-friend-name {
  display:block!important; position:static!important; width:100%!important;
  overflow-wrap:anywhere!important; line-height:16px!important;
}
html body .cb-site .profile-community-panel .profile-friends-empty { margin:10px 0!important; }

/* Scope these rules to the directory itself: category and search routes have different page classes. */
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list {
  width:100%!important; border-collapse:collapse!important; table-layout:auto!important;
  border:0!important; outline:0!important; box-shadow:none!important;
  background:#222!important; color:#e1e1e1!important;
}
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list th {
  height:27px!important; padding:4px 6px!important; border-right:1px solid #000!important;
  background:linear-gradient(#1e1e1e,#000)!important; color:#e1e1e1!important;
  text-decoration:underline!important; font-size:11px!important;
}
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list td {
  height:40px!important; padding:4px 6px!important; border:0!important;
  color:#e1e1e1!important; font-size:11px!important; vertical-align:middle!important;
}
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list tr:nth-child(odd) td { background:#333!important; }
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list tr:nth-child(even) td { background:#222!important; }
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list td:first-child {
  display:table-cell!important; text-align:left!important;
}
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list td:first-child>div {
  display:block!important; margin:0 0 0 28px!important; line-height:14px!important;
}
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list .thread-icon {
  float:left!important; width:20px!important; height:20px!important; margin:4px 7px 0 0!important;
}
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list .forum-thread-title {
  color:#0099ff!important; font-weight:bold!important; line-height:14px!important;
}
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list .thread-starter {
  display:block!important; margin:0!important; font-size:11px!important; line-height:14px!important;
}
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list .thread-starter a,
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list .thread-starter a:is(:hover,:focus,:visited) {
  color:#e1e1e1!important; text-decoration:none!important; font-weight:normal!important;
}
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list td:nth-child(2) {
  width:200px!important; text-align:right!important;
}
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list tr:nth-child(odd) td:nth-child(2) { background:#444!important; }
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list tr:nth-child(even) td:nth-child(2) { background:#333!important; }
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list td:nth-child(2) time { white-space:nowrap!important; }
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list td:nth-child(2) time span { color:#aaa!important; }
html body .cb-site.cb-site .forum-directory-frame .forum-reference-list :is(th,td):nth-child(n+3) {
  width:50px!important; text-align:center!important;
}

html body .cb-site .reference-fidelity .forum-announcements {
  padding:0!important; margin:8px 0!important; border:0!important;
  background:transparent!important;
}
html body .cb-site .reference-fidelity .forum-announcement {
  padding:0!important; border:0!important; border-bottom:1px solid #45535d!important;
  background:#2a3035!important; color:#e1e1e1!important;
}
html body .cb-site .reference-fidelity .forum-announcement:last-child { border-bottom:1px solid #45535d!important; }
html body .cb-site .reference-fidelity .forum-announcement summary {
  display:flex!important; align-items:center!important; gap:8px!important;
  cursor:pointer!important; color:#e1e1e1!important; font-size:11px!important; list-style:none!important;
}
html body .cb-site .reference-fidelity .forum-announcement summary::-webkit-details-marker { display:none!important; }
html body .cb-site .reference-fidelity .forum-announcement summary::before { content:'▸'; color:#bbb; }
html body .cb-site .reference-fidelity .forum-announcement[open] summary::before { content:'▾'; }
html body .cb-site .reference-fidelity .forum-announcement summary strong { color:#e1e1e1!important; text-decoration:none!important; }
html body .cb-site .reference-fidelity .forum-announcement time { margin-left:auto!important; flex:none!important; color:#e1e1e1!important; font-size:10px!important; }
html body .cb-site .reference-fidelity .forum-announcement .forum-announcement-body {
  padding:8px 15px 2px!important; line-height:16px!important; overflow-wrap:anywhere!important;
}
@media(max-width:760px) {
  html body .cb-site .profile-reference-page .profile-community-panel .profile-public-friends { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  html body .cb-site .profile-community-panel .profile-friends-toolbar { align-items:flex-start!important; }
  html body .cb-site.cb-site .forum-directory-frame .forum-reference-list td:nth-child(2) { width:150px!important; }
  html body .cb-site.cb-site .forum-directory-frame .forum-reference-list td:nth-child(2) time { white-space:normal!important; }
  html body .cb-site .reference-fidelity .forum-announcement summary { flex-wrap:wrap!important; }
}

html body .cb-site .profile-community-panel .profile-friend-avatar{box-sizing:border-box!important;width:64px!important;height:64px!important;border:3px solid #eee!important;border-radius:11px!important;background:linear-gradient(140deg,#050505 45%,#454545)!important}
html body .cb-site .reference-fidelity .forum-announcement summary{padding:9px 10px!important;background:transparent!important;border:0!important;border-radius:0!important;color:#eee!important}
html body .cb-site .reference-fidelity .forum-announcement .forum-announcement-body{padding:0 10px 10px 29px!important;background:transparent!important;border:0!important}

html body .cb-site .reference-fidelity .forum-announcement summary:hover{background:transparent!important}
html body .cb-site .reference-fidelity .forum-announcement summary:focus:not(:focus-visible){outline:none!important}
html body .cb-site .reference-fidelity .forum-announcement summary:focus-visible{outline:2px solid #88c4df!important;outline-offset:-2px!important}

/* Match the original welcome message inset for CMS-rendered announcement bodies. */
html body .cb-site .reference-fidelity .forum-welcome .forum-welcome-message{padding:6px!important;font-size:11px!important;line-height:14px!important}
html body .cb-site .reference-fidelity .forum-welcome .forum-welcome-message p{padding:0!important;margin:0 0 6px!important}
html body .cb-site .reference-fidelity .forum-welcome .forum-welcome-message p:last-child{margin-bottom:0!important}

/* Keep the category toggle visible while only its forum rows collapse. */
html body .cb-site .reference-fidelity .forum-group-title .forum-group-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:18px!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font:inherit!important;text-align:left!important;cursor:pointer}
html body .cb-site .reference-fidelity .forum-group-toggle:focus-visible{outline:2px solid #88c4df!important;outline-offset:2px}
html body .cb-site .reference-fidelity .forum-group-chevron{display:block!important;flex:0 0 12px;width:12px!important;height:14px!important}
html body .cb-site .reference-fidelity .forum-group-toggle[aria-expanded="false"] .forum-group-chevron{transform:rotate(-90deg)}
html body .cb-site .reference-fidelity .forum-group-rows[hidden]{display:none!important}