/* LifeShenzhen community board. Scope stays inside this page, not the shared shell. */
main.community-site-page { width: 100%; max-width: none; margin: 0; padding: 0; }
main.community-site-page .cb-page {
  --cb-ink: #102d52;
  --cb-muted: #49637f;
  --cb-blue: #0069eb;
  --cb-blue-dark: #0056bd;
  --cb-line: #d7e5f5;
  --cb-soft: #f3f8ff;
  --cb-green: #007557;
  min-width: 0;
  max-width: 100%;
  background: #f6f9fd;
  color: var(--cb-ink);
  font: 15px/1.55 Arial, Helvetica, sans-serif;
  text-align: left;
  overflow-wrap: anywhere;
}
main.community-site-page .cb-page,
main.community-site-page .cb-page *,
main.community-site-page .cb-page *::before,
main.community-site-page .cb-page *::after { box-sizing: border-box; }
main.community-site-page .cb-page [hidden] { display: none !important; }
main.community-site-page .cb-page :is(section, article, aside, div, nav, form, fieldset) { min-width: 0; }
main.community-site-page .cb-page :is(h1, h2, h3, h4) {
  margin: 0 0 9px;
  padding: 0;
  border: 0;
  color: var(--cb-ink);
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.025em;
  text-transform: none;
}
main.community-site-page .cb-page h2 { font-size: 25px; }
main.community-site-page .cb-page h3 { font-size: 19px; }
main.community-site-page .cb-page h4 { font-size: 16px; }
main.community-site-page .cb-page :is(p, li, label, dt, dd) { color: var(--cb-muted); font: inherit; }
main.community-site-page .cb-page p { margin: 0 0 12px; }
main.community-site-page .cb-page p:last-child { margin-bottom: 0; }
main.community-site-page .cb-page :is(ul, ol) { margin: 0 0 14px; padding-left: 21px; }
main.community-site-page .cb-page li { margin-bottom: 7px; }
main.community-site-page .cb-page small { color: var(--cb-muted); font: 12px/1.5 Arial, sans-serif; }
main.community-site-page .cb-page a { color: var(--cb-blue-dark); text-underline-offset: 3px; }
main.community-site-page .cb-page a:hover { color: #003e91; }
main.community-site-page .cb-page img { display: block; max-width: 100%; height: auto; }
main.community-site-page .cb-page svg { display: inline-block; flex: 0 0 auto; width: 22px; height: 22px; max-width: 100%; color: var(--cb-blue); vertical-align: middle; }
main.community-site-page .cb-page :is(button, input, select, textarea) { max-width: 100%; font: 15px/1.4 Arial, Helvetica, sans-serif; letter-spacing: normal; text-transform: none; }
main.community-site-page .cb-page button { cursor: pointer; }
main.community-site-page .cb-page :is(button, input, select, textarea):disabled { cursor: not-allowed; opacity: .58; }
main.community-site-page .cb-page :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 3px solid #0056c1; outline-offset: 3px; }
main.community-site-page .cb-page [id] { scroll-margin-top: 88px; }
main.community-site-page .cb-page .cb-wrap { width: 100%; max-width: 1320px; margin-inline: auto; padding-inline: 24px; }
main.community-site-page .cb-page .cb-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; max-width: 100%; padding: 11px 17px;
  border: 1px solid var(--cb-blue); border-radius: 6px;
  background: var(--cb-blue); color: #fff; box-shadow: none;
  font: 700 14px/1.35 Arial, Helvetica, sans-serif;
  text-align: center; text-decoration: none; white-space: normal;
  transition: background-color .15s ease, border-color .15s ease;
}
main.community-site-page .cb-page .cb-button:hover { color: #fff; background: #0054c0; border-color: #0054c0; text-decoration: none; }
main.community-site-page .cb-page .cb-button-light { color: #0758b7; background: #fff; border-color: #b5ceec; }
main.community-site-page .cb-page .cb-button-light:hover { color: #004a9f; background: #edf5ff; border-color: #75a7e4; }
main.community-site-page .cb-page .cb-button-danger { color: #9b263b; background: #fff8f9; border-color: #e3adb8; }
main.community-site-page .cb-page .cb-button-danger:hover { color: #821e30; background: #ffe9ee; border-color: #ce8194; }
main.community-site-page .cb-page .cb-button svg { width: 18px; height: 18px; color: inherit; }
main.community-site-page .cb-page .cb-text-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; max-width: 100%; padding: 8px 2px; border: 1px solid transparent; border-radius: 4px; color: #1059a4; background: transparent; font: 600 14px/1.4 Arial, sans-serif; text-align: left; text-decoration: none; }
main.community-site-page .cb-page .cb-text-button:hover { color: #00448e; text-decoration: underline; text-underline-offset: 4px; }
main.community-site-page .cb-page .cb-eyebrow { margin: 0 0 7px; color: #51708e; font: 700 11px/1.4 Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase; }

/* An editorial introduction, with no imagery or counters implying fictional activity. */
main.community-site-page .cb-page .cb-hero {
  position: relative; overflow: hidden;
  padding: 24px 0 27px;
  border-bottom: 1px solid #1c5081;
  background: radial-gradient(ellipse at 95% 4%, #246cad85, transparent 44%), linear-gradient(115deg, #092c52, #123d6b 62%, #174a7f);
  color: #fff;
}
main.community-site-page .cb-page .cb-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0 0 21px; color: #d6e8fc; font: 13px/1.4 Arial, sans-serif; }
main.community-site-page .cb-page .cb-breadcrumb a { color: #eff7ff; text-decoration: none; }
main.community-site-page .cb-page .cb-breadcrumb a:hover { text-decoration: underline; }
main.community-site-page .cb-page .cb-hero h1 { max-width: 940px; margin-bottom: 11px; color: #fff; -webkit-text-fill-color: #fff; font-size: clamp(36px, 3.6vw, 50px); line-height: 1.08; letter-spacing: -.04em; text-wrap: balance; }
main.community-site-page .cb-page .cb-lead { max-width: 810px; margin: 0; color: #e6f0fc; font-size: 18px; line-height: 1.5; }
main.community-site-page .cb-page .cb-hero > .cb-wrap > p:not(.cb-lead):not(.cb-eyebrow) { max-width: 830px; margin: 12px 0 0; color: #dce9f9; font-size: 15px; line-height: 1.55; }
main.community-site-page .cb-page .cb-hero .cb-eyebrow { margin: 0 0 9px; color: #bcdcff; }
main.community-site-page .cb-page .cb-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 21px; }
main.community-site-page .cb-page .cb-hero .cb-button { background: #0876f5; border-color: #258bff; }
main.community-site-page .cb-page .cb-hero .cb-button:hover { background: #0063d9; border-color: #7db8ff; }
main.community-site-page .cb-page .cb-hero .cb-button-light { background: #ffffff12; border-color: #abc9e8; color: #fff; }
main.community-site-page .cb-page .cb-hero .cb-button-light:hover { background: #ffffff24; border-color: #fff; }
main.community-site-page .cb-page .cb-hero :is(a, button):focus-visible { outline-color: #fff; }
main.community-site-page .cb-page .cb-stats { display: flex; flex-wrap: wrap; gap: 12px 29px; margin: 22px 0 0; padding-top: 17px; border-top: 1px solid #b5d3f633; }
main.community-site-page .cb-page .cb-stats > span { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; min-width: 0; color: #dcecff; font-size: 13px; line-height: 1.45; }
main.community-site-page .cb-page .cb-stats b { color: #fff; font-size: 17px; font-weight: 700; }

main.community-site-page .cb-page .cb-shell { display: grid; grid-template-columns: minmax(0, 3fr) minmax(250px, 1fr); align-items: start; gap: 22px; padding-block: 24px 34px; }
main.community-site-page .cb-page .cb-main,
main.community-site-page .cb-page .cb-sidebar { display: flex; flex-direction: column; gap: 18px; }
main.community-site-page .cb-page .cb-panel { min-width: 0; margin: 0; padding: 22px; border: 1px solid var(--cb-line); border-radius: 9px; background: #fff; box-shadow: 0 2px 8px #163b6005; }
main.community-site-page .cb-page .cb-panel > :last-child { margin-bottom: 0; }
main.community-site-page .cb-page .cb-section-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 8px 18px; margin-bottom: 20px; padding: 0; border: 0; }
main.community-site-page .cb-page .cb-section-head h2 { flex: 1; margin: 0; font-size: 25px; }
main.community-site-page .cb-page .cb-section-head > div:first-child { flex: 1; }
main.community-site-page .cb-page .cb-section-head > div h2 { margin-bottom: 5px; }
main.community-site-page .cb-page .cb-section-head p { flex-basis: 100%; margin: 0; font-size: 14px; line-height: 1.5; }
main.community-site-page .cb-page .cb-section-head :is(.cb-actions, .cb-section-actions) { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
main.community-site-page .cb-page .cb-category-bar { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; margin: 0; padding: 0; }
main.community-site-page .cb-page .cb-category { display: inline-flex; flex: 1 1 165px; align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 48px; padding: 11px 12px; border: 1px solid #cddff2; border-radius: 7px; background: #fff; color: #315779; font: 600 14px/1.35 Arial, sans-serif; text-align: center; white-space: normal; box-shadow: 0 1px 3px #163b6003; }
main.community-site-page .cb-page .cb-category svg { width: 21px; height: 21px; color: #3476c4; }
main.community-site-page .cb-page .cb-category:hover { background: #edf5ff; border-color: #7da9e2; color: #0756b4; }
main.community-site-page .cb-page .cb-category[aria-pressed="true"] { background: #e8f2ff; border-color: #1269d6; color: #0056b9; box-shadow: inset 0 0 0 1px #1269d6; }

/* Search and composer inputs retain native, keyboard-friendly controls. */
main.community-site-page .cb-page label { display: flex; flex-direction: column; gap: 7px; margin: 0; color: #254766; font-size: 14px; font-weight: 600; line-height: 1.4; }
main.community-site-page .cb-page :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
  appearance: auto; -webkit-appearance: auto;
  display: block; width: 100%; min-width: 0; min-height: 46px;
  margin: 0; padding: 11px 12px;
  border: 1px solid #aac4e1; border-radius: 6px;
  color: #173859; background: #fff; box-shadow: none;
  font: 400 15px/1.45 Arial, Helvetica, sans-serif;
}
main.community-site-page .cb-page select { padding-right: 28px; }
main.community-site-page .cb-page textarea { min-height: 160px; resize: vertical; }
main.community-site-page .cb-page :is(input, textarea)::placeholder { color: #657a90; opacity: 1; }
main.community-site-page .cb-page :is(input, select, textarea)[aria-invalid="true"] { border-color: #be3453; background: #fff9fa; }
main.community-site-page .cb-page :is(input[type="checkbox"], input[type="radio"]) { appearance: auto; -webkit-appearance: auto; display: inline-block; position: static; flex: 0 0 18px; width: 18px; min-width: 18px; height: 18px; margin: 2px 0 0; padding: 0; opacity: 1; clip: auto; clip-path: none; accent-color: var(--cb-blue); }
main.community-site-page .cb-page .cb-filters { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(140px, 1fr) minmax(130px, .9fr); align-items: end; gap: 12px; margin: 0 0 20px; padding: 15px; border: 1px solid #dce8f6; border-radius: 7px; background: #f5f9ff; }
main.community-site-page .cb-page .cb-search { display: flex; align-items: stretch; gap: 7px; min-width: 0; }
main.community-site-page .cb-page .cb-search > input { flex: 1; width: 100%; min-width: 0; }
main.community-site-page .cb-page .cb-search > button { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 6px; min-width: 44px; min-height: 46px; max-width: 48%; padding: 10px 12px; border: 1px solid var(--cb-blue); border-radius: 6px; color: #fff; background: var(--cb-blue); font-size: 14px; font-weight: 700; line-height: 1.4; }
main.community-site-page .cb-page .cb-search > button:hover { background: #0056c2; }
main.community-site-page .cb-page .cb-search > button svg { color: #fff; width: 19px; height: 19px; }
main.community-site-page .cb-page label.cb-search { display: flex; flex-direction: column; }
main.community-site-page .cb-page .cb-search > div { display: flex; align-items: stretch; gap: 7px; min-width: 0; }
main.community-site-page .cb-page .cb-search-field { display: flex; align-items: stretch; gap: 7px; width: 100%; min-width: 0; }
main.community-site-page .cb-page .cb-search-field > input { flex: 1; width: 100%; min-width: 0; }
main.community-site-page .cb-page .cb-search-field > button { flex: 0 0 auto; max-width: 48%; min-width: 44px; padding-inline: 11px; }

main.community-site-page .cb-page .cb-topic-list { margin: 0; padding: 0; border: 1px solid #dbe6f3; border-radius: 7px; overflow: hidden; list-style: none; }
main.community-site-page .cb-page .cb-topic { display: block; margin: 0; padding: 0; border: 0; border-bottom: 1px solid #dfe8f3; background: #fff; }
main.community-site-page .cb-page .cb-topic:last-child { border-bottom: 0; }
main.community-site-page .cb-page .cb-topic:has(.cb-tag-pinned) { background: #f4f9ff; }
main.community-site-page .cb-page .cb-topic-link { display: grid; grid-template-columns: minmax(0, 1fr) 80px; align-items: center; gap: 16px; min-width: 0; min-height: 112px; padding: 19px 19px 17px; color: var(--cb-ink); text-decoration: none; }
main.community-site-page .cb-page .cb-topic-main > .cb-topic-meta:first-child { margin-bottom: 8px; }
main.community-site-page .cb-page .cb-topic-link:hover { background: #f5f9ff; color: #064e9d; text-decoration: none; }
main.community-site-page .cb-page .cb-topic-link:focus-visible { outline-offset: -4px; border-radius: 4px; }
main.community-site-page .cb-page .cb-topic h3 { margin: 0 0 8px; color: #164373; font-size: 18px; line-height: 1.35; letter-spacing: -.015em; }
main.community-site-page .cb-page .cb-topic-link:hover h3 { color: #0058bc; text-decoration: underline; text-underline-offset: 4px; }
main.community-site-page .cb-page .cb-topic-preview { margin: 0 0 10px; color: #526a83; font-size: 14px; line-height: 1.5; }
main.community-site-page .cb-page .cb-topic-meta,
main.community-site-page .cb-page .cb-thread-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 11px; color: #566c83; font: 12px/1.45 Arial, sans-serif; }
main.community-site-page .cb-page .cb-topic-meta > span { max-width: 100%; }
main.community-site-page .cb-page .cb-topic-meta time,
main.community-site-page .cb-page .cb-thread-meta time { font-variant-numeric: tabular-nums; }
main.community-site-page .cb-page .cb-tag { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; padding: 3px 7px; border: 1px solid #cddff4; border-radius: 4px; background: #edf5ff; color: #175698; font: 600 11px/1.4 Arial, sans-serif; }
main.community-site-page .cb-page .cb-tag-pinned { color: #795400; background: #fff5d8; border-color: #ebd89e; }
main.community-site-page .cb-page .cb-tag-locked { color: #5a5770; background: #f1f0f7; border-color: #dcd9e6; }
main.community-site-page .cb-page .cb-tag svg { width: 13px; height: 13px; color: inherit; }
main.community-site-page .cb-page .cb-topic-count { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; align-self: center; min-width: 0; margin: 0; padding: 10px 7px; border-radius: 6px; background: #f0f6fd; color: #3e5d7a; font: 12px/1.4 Arial, sans-serif; text-align: center; }
main.community-site-page .cb-page .cb-topic-count :is(b, strong) { color: #18548f; font-size: 21px; font-weight: 700; font-variant-numeric: tabular-nums; }
main.community-site-page .cb-page .cb-topic-count p { margin: 0; font-size: 12px; }
main.community-site-page .cb-page .cb-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 9px; margin-top: 19px; padding-top: 4px; }
main.community-site-page .cb-page .cb-pagination > :is(button, a) { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; max-width: 100%; padding: 9px 13px; border: 1px solid #bad2ed; border-radius: 5px; color: #0a5ab4; background: #fff; font: 600 14px/1.4 Arial, sans-serif; text-align: center; text-decoration: none; }
main.community-site-page .cb-page .cb-pagination > :is(button, a):hover { border-color: #5794dd; background: #edf5ff; }
main.community-site-page .cb-page .cb-pagination > span { max-width: 100%; padding: 5px; color: #4d6884; font-size: 13px; text-align: center; }

/* Honest loading, empty and server-error surfaces: no placeholder discussion rows. */
main.community-site-page .cb-page .cb-message { margin: 14px 0; padding: 14px 16px; border: 1px solid #bdd6f1; border-left: 4px solid #347acb; border-radius: 5px; background: #edf6ff; color: #27547f; font-size: 14px; line-height: 1.55; }
main.community-site-page .cb-page .cb-message p { color: inherit; font-size: inherit; }
main.community-site-page .cb-page .cb-message.is-error { border-color: #e6b7c2; border-left-color: #b73452; background: #fff3f5; color: #96253d; }
main.community-site-page .cb-page .cb-message.is-success { border-color: #add8c7; border-left-color: #00805c; background: #eefaf5; color: #006347; }
main.community-site-page .cb-page .cb-message.is-warning { border-color: #e6d2a9; border-left-color: #ad7516; background: #fff9ec; color: #7d520c; }
main.community-site-page .cb-page .cb-message:empty { display: none; }
main.community-site-page .cb-page .cb-empty { padding: 35px 24px; border: 1px dashed #b9d0ea; border-radius: 7px; background: linear-gradient(130deg, #f4f9ff, #fbfdff); text-align: center; }
main.community-site-page .cb-page .cb-empty h3 { max-width: 560px; margin: 0 auto 10px; color: #205080; font-size: 22px; }
main.community-site-page .cb-page .cb-empty p { max-width: 560px; margin: 0 auto 16px; color: #526e8b; font-size: 15px; line-height: 1.6; }
main.community-site-page .cb-page .cb-empty > svg { width: 35px; height: 35px; margin-bottom: 13px; color: #4084d0; }
main.community-site-page .cb-page .cb-empty button:not(.cb-button) { min-height: 44px; padding: 10px 16px; border: 1px solid #95bce9; border-radius: 6px; color: #0758b7; background: #fff; font-size: 14px; font-weight: 700; }
main.community-site-page .cb-page .cb-loading { min-height: 90px; padding: 24px 18px; border: 1px solid #d8e7f7; border-radius: 7px; background: #f5f9ff; color: #3f6288; font-size: 14px; line-height: 1.5; }

main.community-site-page .cb-page .cb-compose { display: flex; flex-direction: column; gap: 17px; margin-top: 17px; }
main.community-site-page .cb-page .cb-form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
main.community-site-page .cb-page .cb-compose label > :is(small, .cb-help),
main.community-site-page .cb-page .cb-help { color: #5a718b; font: 12px/1.5 Arial, sans-serif; }
main.community-site-page .cb-page .cb-public-note { margin: 0; padding: 12px 14px; border: 1px solid #d8e5f6; border-radius: 5px; background: #f3f8ff; color: #476687; font-size: 13px; line-height: 1.5; }
main.community-site-page .cb-page label.cb-check { display: flex; flex-direction: row; align-items: flex-start; gap: 10px; min-height: 44px; padding: 8px 0; font-size: 14px; font-weight: 400; line-height: 1.5; cursor: pointer; }
main.community-site-page .cb-page .cb-check a { text-decoration: underline; }
main.community-site-page .cb-page .cb-form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; padding: 16px 0 0; border: 0; border-top: 1px solid #e0eaf6; background: none; }
main.community-site-page .cb-page .cb-form-actions > :is(button, a):not(.cb-button) { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; max-width: 100%; padding: 10px 15px; border: 1px solid #bdd2eb; border-radius: 6px; background: #fff; color: #185594; font: 600 14px/1.35 Arial, sans-serif; text-align: center; text-decoration: none; }
main.community-site-page .cb-page .cb-form-actions > p { flex: 1 1 230px; margin: 0; color: #526b83; font-size: 12px; line-height: 1.5; }
main.community-site-page .cb-page .cb-form-status { min-height: 22px; margin: 0; color: #27547d; font-size: 14px; line-height: 1.55; }
main.community-site-page .cb-page .cb-form-status.is-error { color: #a12643; }
main.community-site-page .cb-page .cb-form-status.is-success { color: #006749; }
main.community-site-page .cb-page .cb-honeypot[aria-hidden="true"] { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; }

/* Readable discussion detail and clearly separated replies. */
main.community-site-page .cb-page #conversation > button:not(.cb-button),
main.community-site-page .cb-page #conversation > .cb-panel > button:not(.cb-button) { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; max-width: 100%; margin-bottom: 18px; padding: 9px 13px; border: 1px solid #bdd3ef; border-radius: 6px; background: #f6faff; color: #11599f; font-size: 14px; }
main.community-site-page .cb-page .cb-thread-heading { margin: 4px 0 18px; }
main.community-site-page .cb-page .cb-thread-heading h2 { max-width: 900px; margin-bottom: 13px; color: #143a64; font-size: clamp(25px, 2.3vw, 32px); line-height: 1.25; text-wrap: pretty; }
main.community-site-page .cb-page .cb-thread-meta { gap: 8px 14px; font-size: 13px; }
main.community-site-page .cb-page .cb-thread-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 20px; padding: 0 0 17px; border-bottom: 1px solid #dce7f4; }
main.community-site-page .cb-page .cb-thread-actions > :is(a, button):not(.cb-button) { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; max-width: 100%; padding: 9px 12px; border: 1px solid #bfd3ed; border-radius: 5px; background: #fff; color: #1f5d9f; font: 600 13px/1.4 Arial, sans-serif; text-align: center; text-decoration: none; }
main.community-site-page .cb-page .cb-thread-actions > :is(a, button):hover { background: #f0f6ff; }
main.community-site-page .cb-page .cb-post { margin: 0 0 16px; padding: 20px; border: 1px solid #d6e4f4; border-radius: 7px; background: #fff; box-shadow: none; }
main.community-site-page .cb-page .cb-post-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 7px 14px; margin: 0 0 16px; padding: 0 0 12px; border: 0; border-bottom: 1px solid #e3ecf7; background: none; }
main.community-site-page .cb-page .cb-post-head strong { max-width: 100%; color: #16416f; font-size: 15px; font-weight: 700; line-height: 1.45; }
main.community-site-page .cb-page .cb-post-head time { max-width: 100%; color: #5b7086; font: 12px/1.45 Arial, sans-serif; font-variant-numeric: tabular-nums; }
main.community-site-page .cb-page .cb-post-body { max-width: 80ch; color: #294762; font: 16px/1.75 Arial, Helvetica, sans-serif; white-space: pre-wrap; overflow-wrap: anywhere; }
main.community-site-page .cb-page .cb-post-body p { margin: 0 0 14px; color: inherit; font: inherit; }
main.community-site-page .cb-page .cb-post-body p:last-child { margin-bottom: 0; }
main.community-site-page .cb-page .cb-post-body a { text-decoration: underline; }
main.community-site-page .cb-page .cb-post-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 12px; margin: 15px 0 0; padding: 9px 0 0; border: 0; border-top: 1px solid #e7eef8; background: none; }
main.community-site-page .cb-page .cb-post-actions > :is(a, button) { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 44px; max-width: 100%; padding: 8px 10px; border: 1px solid #d4e1ef; border-radius: 5px; background: #fff; color: #496681; font: 13px/1.4 Arial, sans-serif; text-align: center; text-decoration: none; }
main.community-site-page .cb-page .cb-post-actions > :is(a, button):hover { background: #f1f6fd; border-color: #aac9ed; color: #155caa; }
main.community-site-page .cb-page .cb-post-actions :is(.cb-button-danger, .cb-danger) { color: #9b263b; border-color: #e4b9c3; background: #fff8f9; }
main.community-site-page .cb-page .cb-replies { display: flex; flex-direction: column; gap: 13px; margin-top: 21px; }
main.community-site-page .cb-page .cb-replies .cb-post { margin: 0; }
main.community-site-page .cb-page .cb-replies > h3 { margin: 0 0 1px; color: #21496e; font-size: 20px; }
main.community-site-page .cb-page #conversation .cb-compose { margin-top: 25px; padding-top: 22px; border-top: 1px solid #d8e5f4; }
main.community-site-page .cb-page .cb-report-form { display: flex; flex-direction: column; gap: 13px; margin: 16px 0 0; padding: 17px; border: 1px solid #e6c6cd; border-radius: 6px; background: #fff8f9; }
main.community-site-page .cb-page .cb-report-form :is(h3, h4) { color: #7f3546; font-size: 19px; }
main.community-site-page .cb-page .cb-report-form p { color: #785765; font-size: 14px; }
main.community-site-page .cb-page .cb-report-form textarea { min-height: 100px; }
main.community-site-page .cb-page .cb-report-form > div:last-child { display: flex; flex-wrap: wrap; gap: 8px; }
main.community-site-page .cb-page .cb-report-list { display: flex; flex-direction: column; gap: 13px; margin: 0; padding: 0; list-style: none; }
main.community-site-page .cb-page .cb-report-item { margin: 0; padding: 18px; border: 1px solid #e5d5c1; border-radius: 6px; background: #fffbf4; }
main.community-site-page .cb-page .cb-report-item h3 { color: #694d24; font-size: 18px; }
main.community-site-page .cb-page .cb-report-item p { color: #6a5d4e; font-size: 14px; }
main.community-site-page .cb-page .cb-report-item button { min-height: 44px; max-width: 100%; margin: 4px 6px 0 0; padding: 9px 12px; border: 1px solid #b9cde6; border-radius: 5px; color: #185794; background: #fff; font-size: 13px; line-height: 1.4; }

main.community-site-page .cb-page .cb-sidebar .cb-panel { padding: 20px; }
main.community-site-page .cb-page .cb-sidebar h2 { color: #164779; font-size: 20px; line-height: 1.3; }
main.community-site-page .cb-page .cb-sidebar h2 svg { width: 21px; height: 21px; margin-right: 6px; }
main.community-site-page .cb-page .cb-sidebar p { font-size: 14px; line-height: 1.6; }
main.community-site-page .cb-page .cb-sidebar .cb-small { margin-top: 17px; font-size: 12px; line-height: 1.55; }
main.community-site-page .cb-page .cb-sidebar .cb-status { margin-top: 15px; }
main.community-site-page .cb-page .cb-guidelines { display: flex; flex-direction: column; gap: 11px; margin: 15px 0 0; padding-left: 19px; }
main.community-site-page .cb-page .cb-guidelines li { margin: 0; padding-left: 2px; color: #496681; font-size: 14px; line-height: 1.55; }
main.community-site-page .cb-page .cb-guidelines li::marker { color: #3180d7; }
main.community-site-page .cb-page .cb-guidelines strong { color: #285173; }
main.community-site-page .cb-page .cb-link-list { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; }
main.community-site-page .cb-page .cb-link-list li { margin: 0; }
main.community-site-page .cb-page .cb-link-list a { display: flex; align-items: center; justify-content: space-between; gap: 9px; min-height: 44px; padding: 11px 0; border-bottom: 1px solid #dfe9f5; color: #1e5e9f; font-size: 14px; line-height: 1.4; text-decoration: none; }
main.community-site-page .cb-page .cb-link-list a:hover { color: #004fa6; text-decoration: underline; }
main.community-site-page .cb-page .cb-link-list > a:last-child,
main.community-site-page .cb-page .cb-link-list li:last-child a { border-bottom: 0; }
main.community-site-page .cb-page .cb-link-list svg { width: 18px; height: 18px; color: inherit; }
main.community-site-page .cb-page .cb-status { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 11px 12px; border: 1px solid #d8e5f3; border-radius: 5px; background: #f4f8fd; color: #4e6882; font-size: 13px; line-height: 1.5; }
main.community-site-page .cb-page .cb-status.is-live,
main.community-site-page .cb-page .cb-status[data-state="live"] { border-color: #b7dccd; color: #00684c; background: #f0faf5; }
main.community-site-page .cb-page .cb-status.is-error { color: #982a40; border-color: #e5bbc5; background: #fff5f7; }
main.community-site-page .cb-page .cb-status-dot { display: inline-block; flex: 0 0 8px; width: 8px; height: 8px; margin-top: 5px; border-radius: 50%; background: #7890a8; }
main.community-site-page .cb-page :is(.cb-status.is-live, .cb-status[data-state="live"]) .cb-status-dot { background: #00815d; }
main.community-site-page .cb-page .cb-status.is-error .cb-status-dot { background: #b33450; }

@media (max-width: 1199px) {
  main.community-site-page .cb-page .cb-wrap { padding-inline: 21px; }
  main.community-site-page .cb-page .cb-shell { grid-template-columns: minmax(0, 1fr) 270px; gap: 17px; }
  main.community-site-page .cb-page .cb-panel { padding: 19px; }
  main.community-site-page .cb-page .cb-sidebar .cb-panel { padding: 18px; }
  main.community-site-page .cb-page .cb-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  main.community-site-page .cb-page .cb-filters > :first-child { grid-column: 1 / -1; }
  main.community-site-page .cb-page .cb-category { flex-basis: 145px; }
}
@media (max-width: 979px) {
  main.community-site-page .cb-page .cb-shell { grid-template-columns: minmax(0, 1fr); padding-top: 19px; }
  main.community-site-page .cb-page .cb-sidebar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 16px; }
  main.community-site-page .cb-page .cb-sidebar .cb-panel { height: 100%; }
  main.community-site-page .cb-page .cb-filters { grid-template-columns: minmax(0, 1.6fr) minmax(130px, 1fr) minmax(130px, 1fr); }
  main.community-site-page .cb-page .cb-filters > :first-child { grid-column: auto; }
  main.community-site-page .cb-page .cb-category { flex: 1 1 160px; }
}
@media (max-width: 719px) {
  main.community-site-page .cb-page .cb-wrap { padding-inline: 17px; }
  main.community-site-page .cb-page .cb-hero { padding-block: 21px 23px; }
  main.community-site-page .cb-page .cb-breadcrumb { margin-bottom: 19px; }
  main.community-site-page .cb-page .cb-hero h1 { font-size: 37px; }
  main.community-site-page .cb-page .cb-lead { font-size: 17px; }
  main.community-site-page .cb-page .cb-stats { gap: 10px 21px; margin-top: 19px; }
  main.community-site-page .cb-page .cb-main { gap: 15px; }
  main.community-site-page .cb-page .cb-panel { padding: 18px; }
  main.community-site-page .cb-page .cb-section-head h2 { font-size: 24px; }
  main.community-site-page .cb-page .cb-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 17px; padding: 12px; }
  main.community-site-page .cb-page .cb-filters > :first-child { grid-column: 1 / -1; }
  main.community-site-page .cb-page :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { font-size: 16px; }
  main.community-site-page .cb-page .cb-topic-link { grid-template-columns: minmax(0, 1fr) 70px; padding: 17px 14px; }
  main.community-site-page .cb-page .cb-topic h3 { font-size: 18px; }
  main.community-site-page .cb-page .cb-topic-count { padding-inline: 6px; }
  main.community-site-page .cb-page .cb-form-row { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  main.community-site-page .cb-page .cb-compose label { font-size: 15px; }
  main.community-site-page .cb-page .cb-thread-heading h2 { font-size: 27px; }
  main.community-site-page .cb-page .cb-post { padding: 17px; }
  main.community-site-page .cb-page .cb-post-head { gap: 7px; }
  main.community-site-page .cb-page .cb-post-body { font-size: 16px; line-height: 1.7; }
  main.community-site-page .cb-page .cb-report-form { padding: 14px; }
}
@media (max-width: 479px) {
  main.community-site-page .cb-page .cb-wrap { padding-inline: 12px; }
  main.community-site-page .cb-page .cb-hero { padding-block: 20px 22px; }
  main.community-site-page .cb-page .cb-hero h1 { font-size: 34px; }
  main.community-site-page .cb-page .cb-lead { font-size: 16px; line-height: 1.55; }
  main.community-site-page .cb-page .cb-hero-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 9px; margin-top: 19px; }
  main.community-site-page .cb-page .cb-hero-actions > :is(a, button) { width: 100%; }
  main.community-site-page .cb-page .cb-stats { flex-direction: column; gap: 9px; }
  main.community-site-page .cb-page .cb-stats b { font-size: 16px; }
  main.community-site-page .cb-page .cb-shell { gap: 16px; padding-block: 15px 24px; }
  main.community-site-page .cb-page .cb-category-bar { gap: 7px; }
  main.community-site-page .cb-page .cb-category { flex: 1 1 125px; min-height: 47px; padding: 10px 9px; font-size: 14px; }
  main.community-site-page .cb-page .cb-panel { padding: 15px 13px; border-radius: 7px; }
  main.community-site-page .cb-page .cb-section-head { gap: 9px; margin-bottom: 15px; }
  main.community-site-page .cb-page .cb-section-head h2 { flex-basis: 100%; font-size: 23px; }
  main.community-site-page .cb-page .cb-section-head > div:first-child { flex-basis: 100%; }
  main.community-site-page .cb-page .cb-section-head p { font-size: 14px; }
  main.community-site-page .cb-page .cb-filters { grid-template-columns: minmax(0, 1fr); padding: 12px; gap: 12px; }
  main.community-site-page .cb-page .cb-filters > :first-child { grid-column: auto; }
  main.community-site-page .cb-page .cb-search { gap: 6px; }
  main.community-site-page .cb-page .cb-search > button { padding-inline: 10px; font-size: 13px; }
  main.community-site-page .cb-page .cb-topic { position: relative; }
  main.community-site-page .cb-page .cb-topic-link { grid-template-columns: minmax(0, 1fr); gap: 12px; min-height: 0; padding: 17px 13px 14px; }
  main.community-site-page .cb-page .cb-topic h3 { font-size: 18px; }
  main.community-site-page .cb-page .cb-topic-preview { font-size: 14px; line-height: 1.55; }
  main.community-site-page .cb-page .cb-topic-meta { gap: 6px 9px; font-size: 12px; }
  main.community-site-page .cb-page .cb-tag { font-size: 11px; }
  main.community-site-page .cb-page .cb-topic-count { justify-self: start; flex-direction: row; gap: 6px; margin: 0; padding: 4px 9px; font-size: 12px; }
  main.community-site-page .cb-page .cb-topic-count :is(b, strong) { font-size: 14px; }
  main.community-site-page .cb-page .cb-pagination { gap: 7px; }
  main.community-site-page .cb-page .cb-pagination > :is(button, a) { padding-inline: 10px; font-size: 13px; }
  main.community-site-page .cb-page .cb-empty { padding: 26px 17px; }
  main.community-site-page .cb-page .cb-empty h3 { font-size: 21px; }
  main.community-site-page .cb-page .cb-empty p { font-size: 15px; }
  main.community-site-page .cb-page .cb-message { padding: 13px; }
  main.community-site-page .cb-page .cb-compose { gap: 16px; }
  main.community-site-page .cb-page .cb-form-actions { gap: 8px; }
  main.community-site-page .cb-page .cb-form-actions > :is(button, a) { flex: 1 1 120px; }
  main.community-site-page .cb-page .cb-thread-heading h2 { font-size: 25px; line-height: 1.3; }
  main.community-site-page .cb-page .cb-thread-actions { gap: 7px; }
  main.community-site-page .cb-page .cb-thread-actions > :is(a, button) { flex: 1 1 115px; }
  main.community-site-page .cb-page .cb-post { padding: 15px 13px; border-radius: 6px; }
  main.community-site-page .cb-page .cb-post-head { align-items: flex-start; flex-direction: column; gap: 5px; margin-bottom: 13px; }
  main.community-site-page .cb-page .cb-post-head strong { font-size: 15px; }
  main.community-site-page .cb-page .cb-post-body { font-size: 16px; line-height: 1.7; }
  main.community-site-page .cb-page .cb-post-actions { gap: 7px; }
  main.community-site-page .cb-page .cb-replies { margin-top: 18px; }
  main.community-site-page .cb-page .cb-report-form { padding: 12px; }
  main.community-site-page .cb-page .cb-report-item { padding: 14px; }
  main.community-site-page .cb-page .cb-sidebar { grid-template-columns: minmax(0, 1fr); }
  main.community-site-page .cb-page .cb-sidebar .cb-panel { padding: 18px; }
  main.community-site-page .cb-page .cb-sidebar p,
  main.community-site-page .cb-page .cb-guidelines li,
  main.community-site-page .cb-page .cb-link-list a { font-size: 15px; }
}
@media (max-width: 359px) {
  main.community-site-page .cb-page .cb-wrap { padding-inline: 10px; }
  main.community-site-page .cb-page .cb-hero h1 { font-size: 31px; }
  main.community-site-page .cb-page .cb-category { flex-basis: 120px; font-size: 13px; }
  main.community-site-page .cb-page .cb-panel { padding-inline: 12px; }
  main.community-site-page .cb-page .cb-filters { padding: 10px; }
  main.community-site-page .cb-page .cb-search { flex-wrap: wrap; }
  main.community-site-page .cb-page .cb-search > input { flex-basis: 100%; }
  main.community-site-page .cb-page .cb-search > button { flex: 1 1 100%; max-width: 100%; }
  main.community-site-page .cb-page .cb-search-field { flex-wrap: wrap; }
  main.community-site-page .cb-page .cb-search-field > input { flex-basis: 100%; }
  main.community-site-page .cb-page .cb-search-field > button { flex: 1 1 100%; max-width: 100%; }
  main.community-site-page .cb-page .cb-thread-heading h2 { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  main.community-site-page .cb-page *,
  main.community-site-page .cb-page *::before,
  main.community-site-page .cb-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media print {
  main.community-site-page .cb-page { background: #fff; color: #111; font-size: 10pt; }
  main.community-site-page .cb-page .cb-wrap { max-width: none; padding-inline: 0; }
  main.community-site-page .cb-page .cb-hero { background: #fff; padding-block: 12px; border-bottom-color: #bbb; }
  main.community-site-page .cb-page .cb-hero :is(h1, p, a, span, b) { color: #111 !important; -webkit-text-fill-color: #111 !important; }
  main.community-site-page .cb-page .cb-hero h1 { font-size: 28pt; }
  main.community-site-page .cb-page .cb-shell { display: block; padding-block: 12px; }
  main.community-site-page .cb-page .cb-panel { margin-bottom: 12px; padding: 12px; box-shadow: none; border-color: #bbb; }
  main.community-site-page .cb-page :is(.cb-hero-actions, .cb-category-bar, .cb-filters, .cb-pagination, .cb-compose, .cb-thread-actions, .cb-post-actions, .cb-report-form, #moderation) { display: none !important; }
  main.community-site-page .cb-page .cb-post { break-inside: avoid; border-color: #bbb; box-shadow: none; }
  main.community-site-page .cb-page .cb-post-body { max-width: none; font-size: 11pt; }
  main.community-site-page .cb-page .cb-sidebar { display: block; margin-top: 15px; }
  main.community-site-page .cb-page .cb-topic { break-inside: avoid; }
}