.clx-help, .help-center-view { min-width: 0; }
.clx-help-filters { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.5rem 0 2rem; }
.clx-help-filters label { display: grid; flex: 1 1 16rem; gap: .5rem; font-weight: 600; }
.clx-help-filters label:last-child { flex: 0 1 15rem; }
.clx-help-filters :is(input,select), #helpCenterSearch { color: var(--clx-color-text); background: var(--clx-color-surface); border: 1px solid var(--clx-color-border); border-radius: 12px; padding: 1rem; min-height: 48px; width: 100%; }
.clx-help-grid, .help-center-group > ul { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,270px),1fr)); gap: 1rem; list-style: none; padding: 0; }
.help-search-result { display: flex; flex-direction: column; gap: .7rem; width: 100%; height: 100%; text-align: start; padding: 1.4rem; border-radius: 16px; border: 1px solid var(--clx-color-border); background: var(--clx-color-surface); color: var(--clx-color-text); text-decoration: none; transition: border-color 150ms ease, transform 150ms ease; }
.help-search-result:hover { border-color: var(--clx-color-action); transform: translateY(-2px); }
.help-search-result-title { display: block; font-size: 1.05rem; font-family: var(--clx-font-family-headline); font-weight: 600; }
.help-search-result-summary { display: block; color: var(--clx-color-muted); font-weight: 400; line-height: 1.65; }
.clx-eyebrow { font-size: .72rem; letter-spacing: .09em; text-transform: uppercase; font-weight: 650; color: var(--clx-color-action); }
.help-center-group { margin-block: 2rem; }
.help-center-group-title { margin-block-end: 1rem; font-size: 1.2rem; }
.clx-guide { max-width: 850px; margin: 1rem auto; line-height: 1.8; overflow-wrap: anywhere; }
.clx-guide .help-topic-title { font-size: clamp(1.7rem,3vw,2.7rem); letter-spacing: -.04em; margin-block: 1rem; }
.clx-guide .help-topic-summary { color: var(--clx-color-muted); font-size: 1.05rem; margin-block: 1rem; }
.clx-guide .help-topic-section { margin-block: 1.8rem; padding-block-start: 1.5rem; border-block-start: 1px solid color-mix(in srgb,var(--clx-color-border) 40%,transparent); }
.clx-guide :is(h2,h3,h4) { font-size: 1.1rem; margin-block-end: .8rem; }
.clx-guide h4 { margin-block: 1rem .5rem; }
.clx-guide :is(ul,ol) { padding-inline-start: 1.6rem; }
.clx-guide li { padding-inline-start: .3rem; margin-block: .65rem; }
.clx-guide dt { font-weight: 650; margin-block-start: 1rem; }
.clx-guide dd { margin-inline: 0; color: var(--clx-color-muted); }
.clx-guide .help-code-block { white-space: pre-wrap; overflow-wrap: anywhere; background: var(--clx-color-nav); color: var(--clx-color-nav-text); padding: 1.25rem; border-radius: 12px; font: .82rem/1.75 var(--clx-font-family-mono); direction: ltr; text-align: left; unicode-bidi: isolate; max-width: 100%; }
.clx-guide .clx-button { margin: .3rem .3rem .3rem 0; }
.help-copy-status { font-size: .9rem; color: var(--clx-color-muted); }
.help-drawer .clx-guide .help-topic-title { font-size: 1.4rem; }
.clx-public-help { width: min(1160px,100% - 2rem); margin: 3rem auto 5rem; }
.clx-help-intro { padding-block: 1rem 2rem; max-width: 730px; }
.clx-help-intro h1 { font-size: clamp(2.3rem,5vw,4rem); letter-spacing: -.06em; margin-block: .7rem; }
.clx-help-intro p { color: var(--clx-color-muted); line-height: 1.8; }
:lang(ar) .clx-guide, :lang(ar) .help-search-result-title, :lang(ar) .clx-help-intro h1 { font-family: var(--clx-font-family-arabic); letter-spacing: 0; }
@media (prefers-reduced-motion:reduce) { .help-search-result { transition: none; } .help-search-result:hover { transform: none; } }