/* Task-focused layouts for Communities, Help and Settings. */
[data-fs-page="communities"] .community-directory-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px; }
[data-fs-page="communities"] .community-directory-intro h1 { margin-top:8px; font-size:clamp(28px,3vw,38px); }
[data-fs-page="communities"] .community-directory-intro p { margin-top:8px; max-width:54ch; }
[data-fs-page="communities"] .community-directory-intro button { flex-shrink:0; min-height:48px; }
[data-fs-page="communities"] #community-filter-form { display:flex; flex-wrap:wrap; align-items:flex-start; width:100%; }
[data-fs-page="communities"] #community-query { flex:1 1 180px; min-width:0; min-height:48px; font-size:16px; }
[data-fs-page="communities"] .community-directory-filters { flex:1 1 140px; }
[data-fs-page="communities"] .community-directory-filters summary { min-height:48px; cursor:pointer; border:1px solid #dcded7; border-radius:12px; padding:12px; font-weight:700; }
[data-fs-page="communities"] .community-directory-filter-fields { display:grid; gap:8px; margin-top:8px; }
[data-fs-page="communities"] .community-directory-filter-fields select { min-height:48px; font-size:16px; }
[data-fs-page="communities"] #community-create-panel { scroll-margin-top:90px; }
[data-fs-page="communities"] .community-card h3 { white-space:normal; overflow-wrap:anywhere; }
[data-fs-page="communities"] .community-empty button { min-height:44px; margin:16px auto 0; }
[data-fs-page="help"] .help-hero { padding:32px 4px 24px; text-align:left; }
[data-fs-page="help"] .help-hero h1 { font-size:clamp(30px,4vw,44px); }
[data-fs-page="help"] .help-hero > p { max-width:60ch; line-height:1.5; }
[data-fs-page="help"] .help-search { margin:18px 0 0; }
[data-fs-page="help"] .help-search input { font-family:inherit; font-size:16px; }
[data-fs-page="help"] .help-header .brand .friendspace-tm { display:inline; width:auto; height:auto; border-radius:0; background:none; color:inherit; font-size:10px; align-self:flex-start; }
[data-fs-page="help"] .quick-paths { gap:8px; }
[data-fs-page="help"] .quick-paths a { padding:14px 16px; min-height:48px; }
[data-fs-page="help"] .quick-paths a span { line-height:1.5; }
.settings-mobile-picker { display:none; }
@media(max-width:767px) {
  [data-fs-page="communities"] .community-directory-intro { display:block; padding:20px; }
  [data-fs-page="communities"] .community-directory-intro p { font-size:15px; line-height:1.5; }
  [data-fs-page="communities"] .community-directory-intro button { margin-top:14px; }
  [data-fs-page="communities"] #community-query { flex-basis:100%; }
  [data-fs-page="communities"] .community-directory-filters { flex-basis:100%; }
  [data-fs-page="help"] .quick-paths { grid-template-columns:1fr 1fr; }
  [data-fs-page="help"] .quick-paths a span { display:none; }
  [data-fs-page="help"] .quick-paths a strong { font-size:14px; }
  .settings-nav .settings-nav-btn[data-section] { display:none; }
  .settings-mobile-picker { display:block; margin:8px 4px; font-size:13px; font-weight:700; }
  .settings-mobile-picker select { display:block; width:100%; min-height:48px; padding:10px 12px; margin-top:6px; border:1px solid #dcded7; border-radius:12px; background:#fff; color:#24343b; font:inherit; font-size:16px; }
  .settings-nav > a.settings-nav-btn, .settings-nav > #settings-logout-btn { display:inline-flex; width:auto; min-height:44px; font-size:14px; }
  .settings-nav .settings-nav-btn i { width:auto; }
}