/* ==========================================================================
   XTRIBE COMMUNITY — CONSOLIDATED CSS
   Cleaned from uploaded xtribe-community.css

   Retains:
   - original Community base styles
   - latest compact question-detail reading layout
   - answer checkbox alignment fix
   - paid image-ad styles
   - V60.8.5.25 three-ad question-detail RHS
   - V60.8.5.26 three-ad Community-index RHS

   Removed:
   - superseded duplicate compact-layout blocks
   - superseded duplicate promotion/ad blocks
   ========================================================================== */

/* XTribe V60.0 — Public Business Community */
:root{
  --xc-ink:var(--xh-ink,#0A3434);
  --xc-green:var(--xh-green,#073B36);
  --xc-green-soft:#164C46;
  --xc-cream:var(--xh-cream,#FAF7F1);
  --xc-sage:var(--xh-sage,#E3ECE5);
  --xc-coral:var(--xh-coral,#E47D6B);
  --xc-coral-dark:#CA6757;
  --xc-white:#FFFDF9;
  --xc-paper:#F6F1E8;
  --xc-line:rgba(10,52,52,.14);
  --xc-muted:#5E6763;
  --xc-shadow:0 22px 70px rgba(10,52,52,.10);
  --xc-serif:var(--xh-serif,Georgia,"Times New Roman",serif);
  --xc-sans:var(--xh-sans,Inter,Arial,sans-serif)
}
.xc-community-page,.xc-question-page,.xc-community-form-page,.xc-members-page,.xc-member-profile-page,.xc-profile-edit-page,.xc-message-centre-page,.xc-conversation-page{background:var(--xc-cream);color:var(--xc-ink)}
.xc-shell{width:min(1180px,calc(100% - 44px));margin-inline:auto}
.xc-eyebrow{display:inline-block;color:var(--xc-coral);font:900 11px/1.2 var(--xc-sans);letter-spacing:.14em;text-transform:uppercase}
.xc-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 24px;border:1px solid transparent;border-radius:999px;text-decoration:none;font:800 13px/1 var(--xc-sans);cursor:pointer;transition:.2s ease;background:none}
.xc-button:hover,.xc-button:focus-visible{transform:translateY(-2px)}
.xc-button-primary{background:var(--xc-coral);color:#fff}.xc-button-primary:hover{background:var(--xc-coral-dark);color:#fff}
.xc-button-secondary{border-color:var(--xc-line);background:transparent;color:var(--xc-ink)}.xc-button-secondary:hover{border-color:var(--xc-ink);color:var(--xc-ink)}
.xc-button-dark{background:var(--xc-ink);color:#fff}.xc-button-dark:hover{background:var(--xc-green-soft);color:#fff}
.xc-button-light{border-color:rgba(255,255,255,.5);color:#fff}.xc-button-light:hover{border-color:#fff;color:#fff}
.xc-button-small{min-height:38px;padding:0 15px;font-size:12px}
.xc-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--xc-coral);font-weight:800;text-decoration:none}.xc-text-link:hover{color:var(--xc-coral-dark)}
.xc-back-link{display:inline-flex;margin-bottom:30px;color:var(--xc-ink);font-weight:800;text-decoration:none}
.xc-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;padding:28px 0 34px;font-size:12px;color:var(--xc-muted)}.xc-breadcrumb a{color:inherit;text-decoration:none}.xc-breadcrumb a:hover{color:var(--xc-coral)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Community landing */
.xc-hero{padding:72px 0 62px;background:linear-gradient(135deg,var(--xc-cream) 0%,#F8F3EA 62%,var(--xc-sage) 100%);overflow:hidden}
.xc-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:70px;align-items:center}
.xc-hero-copy h1,.xc-directory-hero h1,.xc-profile-intro h1,.xc-form-hero h1,.xc-message-hero h1{font:500 clamp(52px,6.2vw,84px)/.98 var(--xc-serif);letter-spacing:-3.5px;margin:18px 0 26px;color:var(--xc-ink)}
.xc-hero-copy h1 em,.xc-directory-hero h1 em,.xc-profile-editor-hero h1 em{color:var(--xc-coral);font-style:italic;font-weight:500}
.xc-hero-lead{max-width:680px;margin:0;color:#45504C;font-size:18px;line-height:1.75}
.xc-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.xc-access-note{display:flex;gap:10px;align-items:flex-start;max-width:680px;margin:24px 0 0;color:var(--xc-muted);font-size:13px;line-height:1.55}.xc-access-note span{color:var(--xc-coral)}
.xc-hero-card{position:relative;padding:38px;border:1px solid rgba(10,52,52,.12);border-radius:28px;background:rgba(255,253,249,.88);box-shadow:var(--xc-shadow)}
.xc-card-number{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--xc-coral);color:#fff;font-weight:900;font-size:12px}
.xc-hero-card h2{font:500 36px/1.05 var(--xc-serif);letter-spacing:-1.5px;margin:26px 0 28px}
.xc-hero-card ol{list-style:none;padding:0;margin:0;display:grid;gap:22px}.xc-hero-card li{display:grid;grid-template-columns:18px 1fr;column-gap:13px}.xc-hero-card li:before{content:"✦";color:var(--xc-coral);font-size:12px;margin-top:4px}.xc-hero-card li b,.xc-hero-card li span{grid-column:2}.xc-hero-card li b{font-size:15px}.xc-hero-card li span{margin-top:4px;color:var(--xc-muted);font-size:13px;line-height:1.5}
.xc-trust-strip{border-block:1px solid var(--xc-line);background:var(--xc-white)}
.xc-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.xc-trust-grid article{padding:24px 28px;border-right:1px solid var(--xc-line)}.xc-trust-grid article:last-child{border-right:0}.xc-trust-grid b{display:block;color:var(--xc-coral);font-size:10px;letter-spacing:.12em;margin-bottom:8px}.xc-trust-grid span{font-size:13px;line-height:1.5;color:#45504C}
.xc-main-section{padding:88px 0 110px}.xc-community-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;align-items:start}
.xc-section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px}.xc-section-header h2,.xc-directory-head h2,.xc-profile-section h2,.xc-answer-header h2{font:500 clamp(34px,4vw,52px)/1.04 var(--xc-serif);letter-spacing:-2px;margin:10px 0 0;max-width:760px}
.xc-search-panel{display:grid;grid-template-columns:minmax(0,1fr) 210px auto;gap:10px;padding:12px;background:var(--xc-white);border:1px solid var(--xc-line);border-radius:20px;box-shadow:0 14px 40px rgba(10,52,52,.06)}
.xc-search-panel input,.xc-search-panel select,.xc-form-field input,.xc-form-field select,.xc-form-field textarea,.xc-report-box select,.xc-report-box textarea,.xc-inline-report select,.xc-message-request-card textarea,.xc-rating-form select,.xc-rating-form textarea{width:100%;border:1px solid var(--xc-line);border-radius:12px;background:#fff;color:var(--xc-ink);font:500 14px/1.5 var(--xc-sans);outline:0}.xc-search-panel input,.xc-search-panel select{height:50px;padding:0 15px}.xc-search-panel input:focus,.xc-search-panel select:focus,.xc-form-field input:focus,.xc-form-field select:focus,.xc-form-field textarea:focus,.xc-message-request-card textarea:focus{border-color:var(--xc-coral);box-shadow:0 0 0 3px rgba(228,125,107,.12)}
.xc-search-field{position:relative}.xc-search-field svg{position:absolute;width:19px;height:19px;left:16px;top:15px;fill:none;stroke:var(--xc-muted);stroke-width:1.8}.xc-search-field input{padding-left:46px}
.xc-sort-tabs{display:flex;gap:6px;margin:22px 0 18px;padding-bottom:10px;border-bottom:1px solid var(--xc-line);overflow:auto}.xc-sort-tabs a{white-space:nowrap;padding:10px 14px;border-radius:999px;color:var(--xc-muted);font-size:12px;font-weight:800;text-decoration:none}.xc-sort-tabs a.is-active{background:var(--xc-ink);color:#fff}
.xc-question-list{display:grid;gap:16px}.xc-question-card,.xc-question-full,.xc-answer-card,.xc-editor-card,.xc-sidebar-card,.xc-guidance-card,.xc-profile-section,.xc-message-block{border:1px solid var(--xc-line);border-radius:22px;background:var(--xc-white)}
.xc-question-card{padding:28px;transition:.2s ease}.xc-question-card:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(10,52,52,.08)}
.xc-question-card-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.xc-topic-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--xc-sage);color:var(--xc-ink);font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;text-decoration:none}.xc-question-card-top time{color:var(--xc-muted);font-size:11px}
.xc-question-card h3{font:500 29px/1.12 var(--xc-serif);letter-spacing:-.7px;margin:18px 0 12px}.xc-question-card h3 a{color:var(--xc-ink);text-decoration:none}.xc-question-card h3 a:hover{color:var(--xc-coral)}.xc-question-card>p{margin:0;color:#535D59;line-height:1.68;font-size:14px}
.xc-tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.xc-tag-row span{padding:6px 9px;border:1px solid var(--xc-line);border-radius:999px;color:var(--xc-muted);font-size:10px;font-weight:700;background:#fff}
.xc-question-footer{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--xc-line)}
.xc-author-mini{display:flex;align-items:center;gap:11px;min-width:0}.xc-author-mini img,.xc-avatar-fallback{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}.xc-avatar-fallback{display:grid;place-items:center;background:var(--xc-sage);color:var(--xc-ink);font:700 18px var(--xc-serif)}.xc-author-mini div{min-width:0}.xc-author-mini a,.xc-author-mini b{display:block;color:var(--xc-ink);font-size:12px;font-weight:850;text-decoration:none}.xc-author-mini span{display:block;max-width:260px;color:var(--xc-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xc-question-metrics{display:flex;gap:18px}.xc-question-metrics span{display:grid;color:var(--xc-muted);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.xc-question-metrics b{color:var(--xc-ink);font-size:14px}
.xc-sidebar{display:grid;gap:18px;position:sticky;top:105px}.xc-sidebar-card{padding:26px}.xc-sidebar-card h2{font:500 29px/1.08 var(--xc-serif);letter-spacing:-1px;margin:13px 0}.xc-sidebar-card h3{font:500 25px/1.1 var(--xc-serif);margin:12px 0}.xc-sidebar-card p{color:var(--xc-muted);font-size:13px;line-height:1.65}.xc-sidebar-action .xc-button{width:100%;margin-top:12px}.xc-sidebar-action small{display:block;text-align:center;margin-top:12px;color:var(--xc-muted)}.xc-sidebar-action small a{color:var(--xc-coral)}
.xc-access-card.is-active{background:var(--xc-sage)}.xc-access-card.is-inactive{border-color:rgba(228,125,107,.4);background:#FFF5F2}.xc-sidebar-links{display:flex;gap:16px;margin-top:16px}.xc-sidebar-links a{color:var(--xc-ink);font-size:12px;font-weight:850}
.xc-topic-list{display:grid;margin-top:14px}.xc-topic-list a{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--xc-line);color:var(--xc-ink);font-size:12px;font-weight:750;text-decoration:none}.xc-topic-list a:last-child{border-bottom:0}.xc-topic-list a:hover{color:var(--xc-coral)}.xc-topic-list i{font-style:normal;color:var(--xc-coral)}
.xc-stat-card>div{display:grid;grid-template-columns:55px 1fr;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--xc-line)}.xc-stat-card>div b{font:500 26px var(--xc-serif);color:var(--xc-coral)}.xc-stat-card>div span{font-size:11px;color:var(--xc-muted)}.xc-stat-card>small{display:block;margin-top:15px;color:var(--xc-muted);line-height:1.45}
.xc-empty-state{padding:58px 30px;text-align:center;border:1px dashed rgba(10,52,52,.25);border-radius:22px;background:rgba(255,253,249,.7)}.xc-empty-state>span{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 18px;border-radius:50%;background:var(--xc-sage);font:500 28px var(--xc-serif)}.xc-empty-state h3{font:500 30px var(--xc-serif);margin:0 0 10px}.xc-empty-state p{color:var(--xc-muted);margin:0 auto 22px;max-width:520px}
.xc-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:28px}.xc-pagination a{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--xc-line);border-radius:50%;color:var(--xc-ink);font-size:12px;font-weight:800;text-decoration:none}.xc-pagination a.is-active{background:var(--xc-ink);color:#fff;border-color:var(--xc-ink)}
.xc-bottom-cta{padding:78px 0;background:var(--xc-ink);color:#fff}.xc-bottom-cta-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.xc-bottom-cta h2{font:500 clamp(40px,5vw,68px)/.98 var(--xc-serif);letter-spacing:-2.8px;margin:13px 0 0}.xc-bottom-cta p{color:rgba(255,255,255,.72);line-height:1.7;margin:0 0 24px}

/* Forms */
.xc-form-hero{padding:62px 0 54px;background:linear-gradient(135deg,var(--xc-sage),var(--xc-cream))}.xc-form-hero-inner{max-width:900px;margin-inline:auto}.xc-form-hero h1{font-size:clamp(48px,6vw,76px);margin-top:14px}.xc-form-hero p{max-width:760px;color:var(--xc-muted);font-size:17px;line-height:1.7}
.xc-form-section{padding:64px 0 105px}.xc-form-layout,.xc-profile-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:38px;align-items:start}.xc-editor-card{padding:36px}.xc-form-field{display:grid;gap:8px;margin-bottom:22px}.xc-form-field label,.xc-message-request-card label,.xc-rating-form label{font-size:12px;font-weight:850;color:var(--xc-ink)}.xc-form-field label span{color:var(--xc-muted);font-weight:500}.xc-form-field input,.xc-form-field select{height:50px;padding:0 14px}.xc-form-field textarea,.xc-message-request-card textarea,.xc-rating-form textarea{padding:13px 14px;resize:vertical}.xc-form-field small{justify-self:end;color:var(--xc-muted);font-size:10px}.xc-form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.xc-confirmation{display:flex;gap:11px;align-items:flex-start;padding:15px;border-radius:14px;background:var(--xc-paper);font-size:12px;line-height:1.55;color:#46504C}.xc-confirmation input{margin-top:3px;accent-color:var(--xc-coral)}.xc-form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.xc-guidance-column{display:grid;gap:18px;position:sticky;top:105px}.xc-guidance-card{padding:26px}.xc-guidance-card h2{font:500 30px/1.08 var(--xc-serif);margin:20px 0}.xc-guidance-card h3{font:500 26px/1.08 var(--xc-serif);margin:12px 0}.xc-guidance-card ul{padding-left:18px;color:var(--xc-muted);line-height:1.8;font-size:13px}.xc-guidance-card p{color:var(--xc-muted);line-height:1.65;font-size:13px}.xc-guidance-dark{background:var(--xc-ink);color:#fff}.xc-guidance-dark h3{color:#fff}.xc-guidance-dark p{color:rgba(255,255,255,.7)}

/* Question detail */
.xc-question-hero{padding-bottom:68px;background:linear-gradient(180deg,#F8F3EA,var(--xc-cream))}.xc-question-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.xc-question-full{padding:42px}.xc-question-full h1{font:500 clamp(42px,5.3vw,68px)/1.02 var(--xc-serif);letter-spacing:-2.6px;margin:24px 0 26px}.xc-prose{color:#3F4945;font-size:16px;line-height:1.82}.xc-prose p{margin:0 0 18px}.xc-prose aside{margin-top:26px;padding:20px;border-left:3px solid var(--xc-coral);background:var(--xc-paper);border-radius:0 12px 12px 0}.xc-prose aside b{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.xc-prose aside p{margin:7px 0 0;font-size:14px}
.xc-question-full-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:30px;padding-top:24px;border-top:1px solid var(--xc-line)}.xc-author-large img,.xc-author-large .xc-avatar-fallback{width:50px;height:50px}.xc-author-large small{display:block;color:var(--xc-muted);font-size:9px;text-transform:uppercase}.xc-author-large a,.xc-author-large b{font-size:14px}
.xc-question-actions{display:flex;gap:10px;align-items:center}.xc-action-button,.xc-action-static{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--xc-line);border-radius:999px;background:#fff;color:var(--xc-muted);font-size:11px;font-weight:800;text-decoration:none}.xc-action-button{cursor:pointer}.xc-action-button:hover{border-color:var(--xc-coral);color:var(--xc-coral)}.xc-action-button span{font-size:16px}.xc-action-button b{color:inherit}
.xc-question-side{display:grid;gap:16px}.xc-question-side>section,.xc-question-side>details{padding:24px;border:1px solid var(--xc-line);border-radius:20px;background:var(--xc-white)}.xc-large-stat{display:flex;align-items:baseline;gap:9px;margin:20px 0}.xc-large-stat b{font:500 48px var(--xc-serif);color:var(--xc-coral)}.xc-large-stat span{color:var(--xc-muted);font-size:11px}.xc-privacy-note{display:flex;gap:10px!important;background:var(--xc-sage)!important}.xc-privacy-note>span{color:var(--xc-coral)}.xc-privacy-note p{margin:0;color:#43504A;line-height:1.55;font-size:12px}
.xc-report-box summary,.xc-inline-report summary,.xc-rating-form summary{cursor:pointer;font-size:11px;font-weight:850;color:var(--xc-muted)}.xc-report-box form{display:grid;gap:9px;margin-top:14px}.xc-report-box select,.xc-report-box textarea{padding:9px}
.xc-answer-section{padding:76px 0 110px}.xc-answer-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start}.xc-answer-list{display:grid;gap:18px}.xc-answer-card{padding:30px}.xc-answer-card.is-accepted{border-color:rgba(228,125,107,.6);box-shadow:inset 4px 0 0 var(--xc-coral)}.xc-accepted-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:8px 11px;border-radius:999px;background:#FFF0EC;color:var(--xc-coral-dark);font-size:10px;font-weight:900;text-transform:uppercase}.xc-answer-author{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center}.xc-answer-author img,.xc-answer-author .xc-avatar-fallback{width:44px;height:44px}.xc-answer-author a,.xc-answer-author b{display:block;color:var(--xc-ink);font-size:13px;font-weight:850;text-decoration:none}.xc-answer-author span{display:block;color:var(--xc-muted);font-size:10px}.xc-answer-author time{color:var(--xc-muted);font-size:10px}.xc-answer-body{padding:24px 0;color:#3D4843;font-size:15px;line-height:1.8}.xc-answer-body p{margin:0}.xc-answer-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:18px;border-top:1px solid var(--xc-line)}.xc-answer-secondary-actions{display:flex;gap:14px;align-items:center}.xc-answer-secondary-actions button,.xc-inline-report summary{border:0;background:none;color:var(--xc-muted);font-size:10px;font-weight:800;cursor:pointer}.xc-inline-report form{position:absolute;z-index:5;display:flex;gap:6px;padding:9px;background:#fff;border:1px solid var(--xc-line);box-shadow:var(--xc-shadow)}.xc-inline-report select{padding:6px}.xc-empty-answer{margin-bottom:20px}
.xc-answer-editor{margin-top:34px;padding:38px;border-radius:24px;background:var(--xc-ink);color:#fff}.xc-answer-editor h2{font:500 38px/1.05 var(--xc-serif);margin:12px 0}.xc-answer-editor>p{color:rgba(255,255,255,.68);line-height:1.6}.xc-answer-editor textarea{width:100%;padding:16px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font:500 14px/1.6 var(--xc-sans);resize:vertical}.xc-answer-editor textarea::placeholder{color:rgba(255,255,255,.45)}.xc-editor-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:12px}.xc-editor-bottom small{color:rgba(255,255,255,.6)}
.xc-related-column{display:grid;gap:18px;position:sticky;top:105px}.xc-related-list{display:grid;margin-top:12px}.xc-related-list a{display:grid;gap:5px;padding:14px 0;border-bottom:1px solid var(--xc-line);text-decoration:none}.xc-related-list small{color:var(--xc-coral);font-size:9px;text-transform:uppercase}.xc-related-list b{color:var(--xc-ink);font:500 16px/1.25 var(--xc-serif)}.xc-related-list span{color:var(--xc-muted);font-size:9px}

/* Directory */
.xc-directory-hero{padding:78px 0 68px;background:linear-gradient(135deg,var(--xc-sage),var(--xc-cream))}.xc-directory-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end}.xc-directory-hero h1{margin-top:16px}.xc-directory-hero p{max-width:700px;color:var(--xc-muted);font-size:17px;line-height:1.7}.xc-directory-hero aside{padding:28px;border-radius:22px;background:var(--xc-ink);color:#fff}.xc-directory-hero aside b{font:500 25px var(--xc-serif)}.xc-directory-hero aside ul{margin:18px 0;padding-left:18px;color:rgba(255,255,255,.7);line-height:1.9}.xc-directory-hero aside span{color:var(--xc-coral);font-size:11px;font-weight:800}
.xc-directory-section{padding:60px 0 110px}.xc-directory-search{margin-bottom:46px}.xc-directory-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.xc-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.xc-member-card{overflow:hidden;border:1px solid var(--xc-line);border-radius:22px;background:var(--xc-white);transition:.2s}.xc-member-card:hover{transform:translateY(-3px);box-shadow:var(--xc-shadow)}.xc-member-card-media{position:relative;height:270px;background:var(--xc-sage);overflow:hidden}.xc-member-photo{width:100%;height:100%;object-fit:cover}.xc-member-photo-fallback{display:grid;place-items:center;font:500 80px var(--xc-serif);color:var(--xc-ink)}.xc-company-logo{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:64px;height:64px;padding:8px;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(10,52,52,.18)}.xc-company-logo img{max-width:100%;max-height:100%;object-fit:contain}.xc-member-card-body{padding:24px}.xc-member-location{color:var(--xc-coral);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.xc-member-card h3{font:500 30px/1.05 var(--xc-serif);margin:8px 0}.xc-member-card h3 a{color:var(--xc-ink);text-decoration:none}.xc-member-headline{min-height:34px;color:var(--xc-ink)!important;font-weight:750!important}.xc-member-card-body>p{color:var(--xc-muted);font-size:13px;line-height:1.58}.xc-member-card .xc-text-link{margin-top:18px;font-size:12px}.xc-grid-empty{grid-column:1/-1}

/* Member profile */
.xc-profile-hero{padding-bottom:76px;background:linear-gradient(135deg,#F7F2E9,var(--xc-sage))}.xc-profile-hero-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:70px;align-items:center}.xc-profile-visual{position:relative}.xc-profile-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:30px;background:var(--xc-white);box-shadow:var(--xc-shadow)}.xc-profile-photo-fallback{display:grid;place-items:center;font:500 100px var(--xc-serif)}.xc-profile-company-logo{position:absolute;right:-24px;bottom:28px;display:grid;place-items:center;width:100px;height:100px;padding:14px;border-radius:22px;background:#fff;box-shadow:0 16px 40px rgba(10,52,52,.2)}.xc-profile-company-logo img{max-width:100%;max-height:100%;object-fit:contain}.xc-profile-intro h1{margin:12px 0 8px}.xc-profile-headline{font:500 23px/1.3 var(--xc-serif);color:#42514B;margin:0 0 18px}.xc-profile-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.xc-profile-meta span{padding:7px 10px;border:1px solid rgba(10,52,52,.15);border-radius:999px;font-size:10px;font-weight:800}.xc-profile-statement{padding:22px;border-left:3px solid var(--xc-coral);background:rgba(255,253,249,.65)}.xc-profile-statement small{color:var(--xc-coral);font-weight:900;letter-spacing:.08em}.xc-profile-statement p{margin:7px 0 0;line-height:1.7;color:#3F4C47}.xc-profile-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.xc-profile-privacy{display:flex;gap:9px;margin-top:18px;color:var(--xc-muted);font-size:11px}.xc-profile-privacy span{color:var(--xc-coral)}
.xc-profile-content-section{padding:82px 0 110px}.xc-profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}.xc-profile-main{display:grid;gap:24px}.xc-profile-section{padding:34px}.xc-profile-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.xc-profile-detail-grid section{padding:25px;border:1px solid var(--xc-line);border-radius:18px;background:var(--xc-white)}.xc-profile-detail-grid b{display:block;color:var(--xc-coral);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.xc-profile-detail-grid p{margin:0;color:var(--xc-muted);line-height:1.7;font-size:13px}.xc-profile-activity{display:grid;margin-top:24px}.xc-profile-activity h3{font:500 23px var(--xc-serif)}.xc-profile-activity a{display:grid;gap:5px;padding:16px 0;border-bottom:1px solid var(--xc-line);text-decoration:none}.xc-profile-activity small{color:var(--xc-coral);font-size:9px;text-transform:uppercase}.xc-profile-activity b{color:var(--xc-ink);font-size:14px}.xc-profile-activity span{color:var(--xc-muted);font-size:11px}.xc-rating-heading{display:flex;justify-content:space-between;gap:20px;align-items:end}.xc-rating-count{text-align:center}.xc-rating-count b{display:block;font:500 40px var(--xc-serif);color:var(--xc-coral)}.xc-rating-count span{font-size:9px;color:var(--xc-muted)}.xc-rating-explainer{color:var(--xc-muted);line-height:1.65}.xc-rating-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.xc-rating-summary div{padding:18px;border-radius:14px;background:var(--xc-sage);text-align:center}.xc-rating-summary b{display:block;font:500 30px var(--xc-serif)}.xc-rating-summary span{font-size:10px;color:var(--xc-muted)}.xc-rating-list{display:grid;gap:12px}.xc-rating-list article{padding:18px;border:1px solid var(--xc-line);border-radius:14px}.xc-rating-list article>div{display:flex;justify-content:space-between;gap:14px}.xc-rating-list b{font-size:12px}.xc-rating-list span,.xc-rating-list small{color:var(--xc-muted);font-size:9px}.xc-rating-list p{margin:10px 0;color:#48534F;font-size:12px;line-height:1.55}.xc-honest-empty{display:grid;gap:5px;padding:20px;border-radius:14px;background:var(--xc-paper)}.xc-honest-empty b{font-size:12px}.xc-honest-empty span{color:var(--xc-muted);font-size:11px}.xc-rating-form{margin-top:20px;padding:20px;border:1px solid var(--xc-line);border-radius:14px}.xc-rating-form form{display:grid;gap:14px;margin-top:15px}.xc-rating-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.xc-rating-fields label{display:grid;gap:6px}.xc-rating-form select{height:42px;padding:0 10px}.xc-rating-form textarea{margin-top:6px}
.xc-profile-sidebar{display:grid;gap:18px;position:sticky;top:105px}.xc-profile-sidebar dl{margin:18px 0 0}.xc-profile-sidebar dl div{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--xc-line)}.xc-profile-sidebar dt{color:var(--xc-muted);font-size:10px}.xc-profile-sidebar dd{margin:0;font-size:12px;font-weight:750}.xc-profile-links{display:grid;margin-top:16px}.xc-profile-links a{padding:10px 0;color:var(--xc-coral);font-size:11px;font-weight:800;text-decoration:none}.xc-message-request-card form{display:grid;gap:10px}.xc-message-request-card textarea{padding:12px}.xc-report-box[open]{position:relative}

/* Profile editor */
.xc-profile-editor-layout{grid-template-columns:minmax(0,1fr) 310px}.xc-profile-editor{padding:38px}.xc-editor-section{display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:start;margin:10px 0 26px;padding-top:28px;border-top:1px solid var(--xc-line)}.xc-editor-section:first-child{padding-top:0;border-top:0}.xc-editor-step{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--xc-ink);color:#fff;font-size:10px;font-weight:900}.xc-editor-section h2{font:500 30px/1.1 var(--xc-serif);margin:0}.xc-editor-section p{margin:5px 0 0;color:var(--xc-muted);font-size:12px}.xc-image-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:26px}.xc-image-upload{display:grid;grid-template-columns:95px 1fr;grid-template-rows:auto auto auto;gap:5px 15px;padding:16px;border:1px dashed rgba(10,52,52,.25);border-radius:16px;cursor:pointer}.xc-image-upload>span{grid-column:2;font-size:12px;font-weight:850}.xc-image-upload img,.xc-image-upload i{grid-row:1/4;width:95px;height:110px;border-radius:12px;object-fit:cover;background:var(--xc-sage)}.xc-image-upload i{display:grid;place-items:center;font-style:normal;color:var(--xc-muted)}.xc-logo-upload img,.xc-logo-upload i{object-fit:contain;padding:8px;background:#fff}.xc-image-upload input{grid-column:2;font-size:10px}.xc-image-upload small{grid-column:2;color:var(--xc-muted);font-size:9px}.xc-private-fieldset{padding:22px;border:1px solid rgba(228,125,107,.35);border-radius:16px;background:#FFF5F2}.xc-private-fieldset p{margin:0;color:var(--xc-muted);font-size:11px}.xc-profile-completion{display:grid;place-content:center;text-align:center;border-radius:14px;background:var(--xc-sage)}.xc-profile-completion b{font:500 36px var(--xc-serif);color:var(--xc-coral)}.xc-profile-completion span{font-size:9px;color:var(--xc-muted)}.xc-publish-confirmation{margin-top:12px;background:var(--xc-sage)}.xc-access-warning{display:grid;gap:5px;margin-top:14px;padding:18px;border-radius:14px;background:#FFF0EC}.xc-access-warning b{font-size:12px}.xc-access-warning span{font-size:11px;color:var(--xc-muted)}.xc-access-warning a{color:var(--xc-coral);font-size:11px;font-weight:800}

/* Messaging */
.xc-message-hero{padding:70px 0;background:var(--xc-ink);color:#fff}.xc-message-hero-inner{display:flex;justify-content:space-between;gap:40px;align-items:end}.xc-message-hero h1{max-width:850px;color:#fff;font-size:clamp(44px,5.5vw,72px);margin:14px 0}.xc-message-hero p{max-width:700px;color:rgba(255,255,255,.7);line-height:1.7}.xc-message-hero .xc-back-link{color:#fff}.xc-message-section{padding:72px 0 110px}.xc-message-centre-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:32px;align-items:start}.xc-message-centre-layout main{display:grid;gap:24px}.xc-message-block{padding:30px}.xc-message-block header h2{font:500 34px var(--xc-serif);margin:8px 0 20px}.xc-conversation-list,.xc-request-list{display:grid;gap:10px}.xc-conversation-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px;border:1px solid var(--xc-line);border-radius:14px;color:var(--xc-ink);text-decoration:none}.xc-conversation-row:hover{border-color:var(--xc-coral)}.xc-conversation-row img,.xc-conversation-row .xc-avatar-fallback{width:48px;height:48px}.xc-conversation-row b{display:block;font-size:13px}.xc-conversation-row span{display:block;color:var(--xc-muted);font-size:10px}.xc-conversation-row p{margin:5px 0 0;color:#4D5854;font-size:11px}.xc-conversation-row time{color:var(--xc-muted);font-size:9px}.xc-request-card{padding:20px;border:1px solid var(--xc-line);border-radius:14px}.xc-request-person{display:flex;gap:11px}.xc-request-person b,.xc-request-person span,.xc-request-person time{display:block}.xc-request-person b{font-size:13px}.xc-request-person span,.xc-request-person time{color:var(--xc-muted);font-size:9px}.xc-request-card blockquote{margin:16px 0;padding:15px;border-left:3px solid var(--xc-coral);background:var(--xc-paper);font-size:12px;line-height:1.6}.xc-request-card footer{display:flex;justify-content:space-between;align-items:center;gap:15px}.xc-request-card footer>div{display:flex;gap:7px}.xc-request-card form{margin:0}.xc-status-pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--xc-paper);font-size:9px;font-weight:900;text-transform:uppercase}.xc-status-pill.is-approved,.xc-status-pill.is-active{background:var(--xc-sage);color:var(--xc-green)}.xc-status-pill.is-declined,.xc-status-pill.is-blocked{background:#FFE7E2;color:#9A3F32}.xc-message-side{display:grid;gap:18px;position:sticky;top:105px}.xc-sent-list{display:grid}.xc-sent-list article{padding:14px 0;border-bottom:1px solid var(--xc-line)}.xc-sent-list b,.xc-sent-list span{display:block}.xc-sent-list b{font-size:12px}.xc-sent-list span{color:var(--xc-muted);font-size:9px}.xc-sent-list p{margin:6px 0 0}
.xc-conversation-shell{padding:55px 0 100px}.xc-conversation-wrap{max-width:900px}.xc-conversation-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;border:1px solid var(--xc-line);border-radius:20px 20px 0 0;background:var(--xc-white)}.xc-conversation-header>.xc-back-link{position:absolute;margin-top:-100px}.xc-conversation-person{display:flex;gap:13px;align-items:center}.xc-conversation-person h1{font:500 28px var(--xc-serif);margin:0}.xc-conversation-person p{margin:3px 0;color:var(--xc-muted);font-size:11px}.xc-conversation-person a{color:var(--xc-coral);font-size:10px;font-weight:800}.xc-conversation-notice{display:flex;gap:10px;padding:14px 22px;background:var(--xc-sage)}.xc-conversation-notice span{color:var(--xc-coral)}.xc-conversation-notice p{margin:0;color:#43504A;font-size:11px}.xc-message-thread{display:flex;flex-direction:column;gap:10px;min-height:340px;max-height:650px;overflow:auto;padding:28px;border-inline:1px solid var(--xc-line);background:#F7F2E9}.xc-message-bubble{max-width:74%;padding:14px 16px;border-radius:16px}.xc-message-bubble p{margin:0;font-size:13px;line-height:1.6}.xc-message-bubble time{display:block;margin-top:6px;font-size:8px;opacity:.65}.xc-message-bubble.is-mine{align-self:flex-end;background:var(--xc-ink);color:#fff;border-bottom-right-radius:4px}.xc-message-bubble.is-theirs{align-self:flex-start;background:#fff;color:var(--xc-ink);border-bottom-left-radius:4px}.xc-message-composer{padding:22px;border:1px solid var(--xc-line);border-radius:0 0 20px 20px;background:var(--xc-white)}.xc-message-composer label{display:block;margin-bottom:8px;font-size:11px;font-weight:850}.xc-message-composer textarea{width:100%;padding:13px;border:1px solid var(--xc-line);border-radius:12px;resize:vertical}.xc-message-composer>div{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.xc-message-composer small{color:var(--xc-muted)}

@media(max-width:1020px){
  .xc-hero-grid,.xc-directory-hero-grid,.xc-profile-hero-grid{grid-template-columns:1fr;gap:40px}.xc-hero-card{max-width:650px}.xc-community-layout,.xc-answer-layout,.xc-profile-layout,.xc-message-centre-layout{grid-template-columns:minmax(0,1fr) 280px;gap:26px}.xc-member-grid{grid-template-columns:repeat(2,1fr)}.xc-profile-visual{max-width:430px}.xc-profile-company-logo{right:18px}.xc-trust-grid{grid-template-columns:repeat(2,1fr)}.xc-trust-grid article:nth-child(2){border-right:0}.xc-trust-grid article:nth-child(-n+2){border-bottom:1px solid var(--xc-line)}
}
@media(max-width:820px){
  .xc-community-layout,.xc-question-hero-grid,.xc-answer-layout,.xc-profile-layout,.xc-form-layout,.xc-profile-editor-layout,.xc-message-centre-layout{grid-template-columns:1fr}.xc-sidebar,.xc-related-column,.xc-profile-sidebar,.xc-guidance-column,.xc-message-side{position:static}.xc-sidebar{grid-template-columns:repeat(2,1fr)}.xc-sidebar .xc-sidebar-action{grid-column:1/-1}.xc-question-side{grid-template-columns:repeat(2,1fr)}.xc-question-side .xc-privacy-note{grid-column:1/-1}.xc-bottom-cta-inner{grid-template-columns:1fr;gap:30px}.xc-profile-detail-grid{grid-template-columns:1fr}.xc-message-hero-inner{display:block}.xc-message-hero .xc-button{margin-top:20px}
}
@media(max-width:640px){
  .xc-shell{width:min(100% - 28px,1180px)}.xc-hero,.xc-directory-hero{padding:52px 0}.xc-hero-copy h1,.xc-directory-hero h1,.xc-form-hero h1,.xc-message-hero h1{font-size:clamp(42px,12vw,58px);letter-spacing:-2.2px}.xc-profile-intro h1{font-size:52px}.xc-hero-lead,.xc-directory-hero p{font-size:15px}.xc-hero-card,.xc-question-full,.xc-answer-card,.xc-editor-card,.xc-profile-editor,.xc-profile-section,.xc-message-block{padding:22px}.xc-trust-grid{grid-template-columns:1fr}.xc-trust-grid article{border-right:0!important;border-bottom:1px solid var(--xc-line)}.xc-trust-grid article:last-child{border-bottom:0}.xc-main-section,.xc-answer-section,.xc-directory-section,.xc-profile-content-section,.xc-form-section,.xc-message-section{padding:55px 0 75px}.xc-section-header,.xc-directory-head,.xc-rating-heading{display:block}.xc-section-header .xc-text-link,.xc-directory-head .xc-button{margin-top:15px}.xc-search-panel{grid-template-columns:1fr}.xc-question-footer,.xc-question-full-footer,.xc-answer-footer{align-items:flex-start;flex-direction:column}.xc-question-metrics{width:100%;justify-content:space-between}.xc-sidebar{grid-template-columns:1fr}.xc-question-side{grid-template-columns:1fr}.xc-question-side .xc-privacy-note{grid-column:auto}.xc-question-full h1{font-size:40px;letter-spacing:-1.5px}.xc-answer-author{grid-template-columns:42px 1fr}.xc-answer-author time{grid-column:2}.xc-member-grid{grid-template-columns:1fr}.xc-member-card-media{height:320px}.xc-form-two,.xc-image-upload-grid,.xc-rating-fields,.xc-rating-summary{grid-template-columns:1fr}.xc-image-upload{grid-template-columns:80px 1fr}.xc-image-upload img,.xc-image-upload i{width:80px;height:95px}.xc-profile-hero-grid{gap:28px}.xc-profile-company-logo{width:78px;height:78px}.xc-profile-actions .xc-button{width:100%}.xc-profile-detail-grid{gap:10px}.xc-message-bubble{max-width:90%}.xc-conversation-header{align-items:flex-start}.xc-conversation-header>.xc-status-pill{margin-top:10px}.xc-request-card footer{align-items:flex-start;flex-direction:column}.xc-bottom-cta h2{font-size:42px}.xc-editor-section{grid-template-columns:38px 1fr}.xc-editor-step{width:36px;height:36px}
}
.xc-conversation-controls{margin-top:18px;padding:18px;border:1px solid var(--xc-line);border-radius:14px;background:var(--xc-white)}.xc-conversation-controls summary{cursor:pointer;font-size:11px;font-weight:850;color:var(--xc-muted)}.xc-conversation-controls p{color:var(--xc-muted);font-size:11px}.xc-conversation-controls>div{display:flex;gap:8px}.xc-conversation-controls form{margin:0}











/* ===== LATEST QUESTION DETAIL / READING LAYOUT ===== */

/* ============================================================
   XTRIBE COMMUNITY QUESTION — COMPACT READING LAYOUT V1

   Goal:
   Quora-like information density without copying Quora visually.
   Keep this block at the END of the Community CSS so it wins
   over the older V60 rules.
   ============================================================ */


/* ============================================================
   PAGE RHYTHM
   ============================================================ */

.xh-community-page .xc-question-hero,
.xc-question-hero.xc-question-hero-compact {
  padding:
    22px 0 14px !important;

  background: #FAF7F1 !important;
}


.xh-community-page .xc-breadcrumb {
  margin-bottom: 15px !important;
}


/* ============================================================
   QUESTION LAYOUT
   ============================================================ */

.xh-community-page .xc-question-hero-grid,
.xc-question-hero-grid {
  display: grid !important;

  grid-template-columns:
    minmax(0, 785px)
    minmax(280px, 300px) !important;

  gap: 16px !important;

  justify-content: center;

  align-items: start;
}


/* ============================================================
   QUESTION CARD
   ============================================================ */

.xh-community-page .xc-question-full,
.xc-question-full {
  padding:
    27px 30px 24px !important;

  border:
    1px solid rgba(10,52,52,.11);

  border-radius: 15px !important;

  background: #FFFDF8;

  box-shadow: none !important;
}


/* ============================================================
   QUESTION TITLE
   ============================================================ */

.xh-community-page .xc-question-full h1,
.xc-question-full h1 {
  max-width: 790px !important;

  margin:
    16px 0 16px !important;

  color: #0A3434;

  font-family:
    var(--xc-serif);

  font-size:
    clamp(40px, 3.7vw, 54px) !important;

  font-weight: 500;

  line-height:
    1.01 !important;

  letter-spacing:
    -2.15px !important;

  text-wrap: balance;

  word-break: normal !important;

  overflow-wrap: normal !important;
}


/* ============================================================
   QUESTION COPY
   ============================================================ */

.xh-community-page .xc-question-full .xc-prose,
.xc-question-full .xc-prose {
  color: #3F4945;

  font-size: 14px !important;

  line-height: 1.68 !important;
}


.xh-community-page .xc-question-full .xc-prose p,
.xc-question-full .xc-prose p {
  margin:
    0 0 13px !important;
}


.xh-community-page .xc-question-full .xc-prose aside,
.xc-question-full .xc-prose aside {
  margin-top: 15px !important;

  padding: 14px 16px !important;

  border-left:
    2px solid #E47D6B !important;

  border-radius:
    0 10px 10px 0 !important;

  background: #F7F2E9;
}


.xh-community-page .xc-question-full .xc-prose aside b,
.xc-question-full .xc-prose aside b {
  font-size: 9px !important;
}


.xh-community-page .xc-question-full .xc-prose aside p,
.xc-question-full .xc-prose aside p {
  margin-top: 5px !important;

  font-size: 12px !important;
}


/* ============================================================
   TAGS
   ============================================================ */

.xh-community-page .xc-question-full .xc-tag-row,
.xc-question-full .xc-tag-row {
  margin-top: 13px !important;

  gap: 5px !important;
}


.xh-community-page .xc-question-full .xc-tag-row span,
.xc-question-full .xc-tag-row span {
  padding: 5px 8px !important;

  font-size: 8.5px !important;
}


/* ============================================================
   QUESTION AUTHOR / ACTIONS
   ============================================================ */

.xh-community-page .xc-question-full-footer,
.xc-question-full-footer {
  margin-top: 16px !important;

  padding-top: 15px !important;

  gap: 14px !important;
}


.xh-community-page .xc-author-large img,
.xh-community-page .xc-author-large .xc-avatar-fallback,
.xc-author-large img,
.xc-author-large .xc-avatar-fallback {
  width: 40px !important;
  height: 40px !important;
}


.xh-community-page .xc-author-large a,
.xh-community-page .xc-author-large b,
.xc-author-large a,
.xc-author-large b {
  font-size: 12px !important;
}


/* ============================================================
   QUESTION SIDEBAR
   ============================================================ */

.xh-community-page .xc-question-side,
.xc-question-side {
  display: grid;

  gap: 10px !important;

  position: sticky;

  top: 96px;
}


.xh-community-page .xc-question-side > section,
.xh-community-page .xc-question-side > details,
.xc-question-side > section,
.xc-question-side > details {
  padding: 17px !important;

  border-radius: 14px !important;
}


.xh-community-page .xc-large-stat,
.xc-large-stat {
  margin:
    12px 0 !important;
}


.xh-community-page .xc-large-stat b,
.xc-large-stat b {
  font-size: 34px !important;
}


.xh-community-page .xc-large-stat span,
.xc-large-stat span {
  font-size: 9.5px !important;
}


.xh-community-page .xc-privacy-note p,
.xc-privacy-note p {
  font-size: 10.5px !important;

  line-height: 1.5 !important;
}


/* ============================================================
   ANSWER SECTION — REMOVE THE LARGE GAP
   ============================================================ */

.xh-community-page .xc-answer-section,
.xc-answer-section.xc-answer-section-compact {
  padding:
    12px 0 68px !important;

  background: #FAF7F1;
}


/* ============================================================
   ANSWER LAYOUT
   ============================================================ */

.xh-community-page .xc-answer-layout,
.xc-answer-layout {
  display: grid !important;

  grid-template-columns:
    minmax(0, 785px)
    minmax(280px, 300px) !important;

  gap: 16px !important;

  justify-content: center;

  align-items: start;
}


/* ============================================================
   ANSWER HEADING
   ============================================================ */

.xh-community-page .xc-answer-header,
.xc-answer-header {
  margin-bottom: 9px !important;
}


.xh-community-page .xc-answer-header h2,
.xc-answer-header h2 {
  margin:
    5px 0 0 !important;

  color: #0A3434;

  font-family: var(--xc-serif);

  font-size:
    clamp(27px, 2.5vw, 34px) !important;

  font-weight: 500;

  line-height:
    1.08 !important;

  letter-spacing:
    -1px !important;
}


/* ============================================================
   ANSWERS — DENSER LIST
   ============================================================ */

.xh-community-page .xc-answer-list,
.xc-answer-list {
  display: grid;

  gap: 9px !important;
}


.xh-community-page .xc-answer-card,
.xc-answer-card {
  padding:
    19px 21px 17px !important;

  border:
    1px solid rgba(10,52,52,.11);

  border-radius:
    13px !important;

  background: #FFFDF8;

  box-shadow: none !important;
}


.xh-community-page .xc-answer-card.is-accepted,
.xc-answer-card.is-accepted {
  border-color:
    rgba(228,125,107,.46) !important;

  box-shadow:
    inset 3px 0 0 #E47D6B !important;
}


/* ============================================================
   ACCEPTED ANSWER
   ============================================================ */

.xh-community-page .xc-accepted-label,
.xc-accepted-label {
  margin-bottom:
    12px !important;

  padding:
    6px 9px !important;

  font-size:
    8px !important;
}


/* ============================================================
   ANSWER AUTHOR
   ============================================================ */

.xh-community-page .xc-answer-author,
.xc-answer-author {
  grid-template-columns:
    36px minmax(0,1fr) auto !important;

  gap: 9px !important;
}


.xh-community-page .xc-answer-author img,
.xh-community-page .xc-answer-author .xc-avatar-fallback,
.xc-answer-author img,
.xc-answer-author .xc-avatar-fallback {
  width: 36px !important;
  height: 36px !important;
}


.xh-community-page .xc-answer-author a,
.xh-community-page .xc-answer-author b,
.xc-answer-author a,
.xc-answer-author b {
  font-size: 11.5px !important;
}


.xh-community-page .xc-answer-author span,
.xc-answer-author span {
  font-size: 8.5px !important;
}


.xh-community-page .xc-answer-author time,
.xc-answer-author time {
  font-size: 8.5px !important;
}


/* ============================================================
   ANSWER COPY
   ============================================================ */

.xh-community-page .xc-answer-body,
.xc-answer-body {
  padding:
    13px 0 !important;

  color: #3D4843;

  font-size:
    14px !important;

  line-height:
    1.65 !important;
}


/* ============================================================
   ANSWER ACTIONS
   ============================================================ */

.xh-community-page .xc-answer-footer,
.xc-answer-footer {
  padding-top:
    11px !important;

  gap: 10px !important;
}


.xh-community-page .xc-action-button,
.xh-community-page .xc-action-static,
.xc-action-button,
.xc-action-static {
  min-height:
    32px !important;

  padding:
    0 10px !important;

  font-size:
    9px !important;
}


/* ============================================================
   ANSWER EDITOR / SIGN IN CTA
   ============================================================ */

.xh-community-page .xc-answer-editor,
.xc-answer-editor {
  margin-top:
    14px !important;

  padding:
    24px 25px !important;

  border-radius:
    15px !important;
}


.xh-community-page .xc-answer-editor h2,
.xc-answer-editor h2 {
  margin:
    7px 0 8px !important;

  font-size:
    clamp(27px, 2.5vw, 34px) !important;

  line-height:
    1.08 !important;
}


.xh-community-page .xc-answer-editor > p,
.xc-answer-editor > p {
  max-width: 650px;

  margin:
    0 0 15px !important;

  font-size:
    12px !important;
}


.xh-community-page .xc-answer-editor textarea,
.xc-answer-editor textarea {
  min-height:
    155px;

  padding:
    13px !important;

  font-size:
    13px !important;
}


/* ============================================================
   RELATED SIDEBAR
   ============================================================ */

.xh-community-page .xc-related-column,
.xc-related-column {
  display: grid;

  gap: 10px !important;

  position: sticky;

  top: 96px;
}


.xh-community-page .xc-related-column .xc-sidebar-card,
.xc-related-column .xc-sidebar-card {
  padding:
    17px !important;

  border-radius:
    14px !important;
}


.xh-community-page .xc-related-list a,
.xc-related-list a {
  padding:
    10px 0 !important;
}


.xh-community-page .xc-related-list b,
.xc-related-list b {
  font-size:
    14px !important;

  line-height:
    1.2 !important;
}



/* ============================================================
   COMMERCIAL / PROMOTION RAIL
   ============================================================ */

.xh-community-page .xc-rail-promo,
.xc-rail-promo {
  overflow: hidden;

  border:
    1px solid rgba(10, 52, 52, .11);

  border-radius: 14px;

  background: #FFFDF8;
}


.xh-community-page .xc-rail-promo-media,
.xc-rail-promo-media {
  position: relative;

  display: flex;

  min-height: 105px;

  align-items: flex-end;
  justify-content: space-between;

  gap: 16px;

  padding: 18px;

  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      #0A3434 0%,
      #124A47 100%
    );
}


.xh-community-page .xc-rail-promo-media::before,
.xc-rail-promo-media::before {
  content: "";

  position: absolute;

  width: 125px;
  height: 125px;

  right: -38px;
  top: -55px;

  border:
    1px solid rgba(250,247,241,.16);

  border-radius: 50%;
}


.xh-community-page .xc-rail-promo-media::after,
.xc-rail-promo-media::after {
  content: "";

  position: absolute;

  width: 78px;
  height: 78px;

  right: 30px;
  bottom: -55px;

  border-radius: 50%;

  background:
    rgba(228,125,107,.22);
}


.xh-community-page .xc-rail-promo-mark,
.xc-rail-promo-mark {
  position: relative;

  z-index: 2;

  color: #E47D6B;

  font-family: var(--xc-serif);

  font-size: 45px;

  font-weight: 500;

  line-height: .8;
}


.xh-community-page .xc-rail-promo-media > span,
.xc-rail-promo-media > span {
  position: relative;

  z-index: 2;

  color:
    rgba(250,247,241,.72);

  font-size: 8px;

  font-weight: 900;

  letter-spacing: .11em;
}


.xh-community-page .xc-rail-promo-body,
.xc-rail-promo-body {
  padding: 17px 18px 18px;
}


.xh-community-page .xc-rail-promo-kicker,
.xc-rail-promo-kicker {
  display: block;

  margin-bottom: 7px;

  color: #E47D6B;

  font-size: 8px;

  font-weight: 900;

  letter-spacing: .10em;

  text-transform: uppercase;
}


.xh-community-page .xc-rail-promo h3,
.xc-rail-promo h3 {
  margin: 0;

  color: #0A3434;

  font-family: var(--xc-serif);

  font-size: 20px;

  font-weight: 500;

  line-height: 1.1;

  letter-spacing: -.45px;
}


.xh-community-page .xc-rail-promo p,
.xc-rail-promo p {
  margin: 10px 0 0;

  color:
    rgba(10,52,52,.63);

  font-size: 11px;

  line-height: 1.6;
}


.xh-community-page .xc-rail-promo-link,
.xc-rail-promo-link {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 12px;

  margin-top: 15px;

  padding-top: 13px;

  border-top:
    1px solid rgba(10,52,52,.10);

  color: #0A3434;

  font-size: 10px;

  font-weight: 850;

  text-decoration: none;
}


.xh-community-page .xc-rail-promo-link:hover,
.xh-community-page .xc-rail-promo-link:focus-visible,
.xc-rail-promo-link:hover,
.xc-rail-promo-link:focus-visible {
  color: #E47D6B;
}


/* ============================================================
   SPONSORED CARD
   ============================================================ */

.xh-community-page .xc-rail-promo-sponsored,
.xc-rail-promo-sponsored {
  background: #FFFFFF;
}


.xh-community-page .xc-sponsored-label,
.xc-sponsored-label {
  padding: 11px 17px 0;

  color:
    rgba(10,52,52,.45);

  font-size: 7.5px;

  font-weight: 900;

  letter-spacing: .12em;
}


.xh-community-page .xc-sponsored-image,
.xc-sponsored-image {
  display: block;

  margin: 11px 12px 0;

  overflow: hidden;

  border-radius: 10px;

  background: #E3ECE5;
}


.xh-community-page .xc-sponsored-image img,
.xc-sponsored-image img {
  display: block;

  width: 100%;

  aspect-ratio: 16 / 9;

  object-fit: cover;
}


/* ============================================================
   DISCLOSURE
   ============================================================ */

.xh-community-page .xc-rail-disclosure,
.xc-rail-disclosure {
  margin:
    -2px 2px 0;

  color:
    rgba(10,52,52,.48);

  font-size: 8.5px;

  line-height: 1.45;
}


/* ============================================================
   KEEP PROMOTION SECONDARY
   ============================================================ */

.xh-community-page .xc-related-column,
.xc-related-column {
  align-content: start;
}

/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 960px) {

  .xh-community-page .xc-question-hero-grid,
  .xh-community-page .xc-answer-layout,
  .xc-question-hero-grid,
  .xc-answer-layout {
    grid-template-columns:
      minmax(0,1fr)
      230px !important;
  }


  .xh-community-page .xc-question-full h1,
  .xc-question-full h1 {
    font-size:
      clamp(38px, 5.7vw, 49px) !important;
  }

}


/* ============================================================
   MOBILE / SMALL TABLET
   ============================================================ */

@media (max-width: 760px) {

  .xh-community-page .xc-question-hero-grid,
  .xh-community-page .xc-answer-layout,
  .xc-question-hero-grid,
  .xc-answer-layout {
    grid-template-columns:
      1fr !important;
  }


  .xh-community-page .xc-question-side,
  .xc-question-side {
    position: static;

    grid-template-columns:
      repeat(2, minmax(0,1fr));
  }


  .xh-community-page .xc-question-side .xc-privacy-note,
  .xc-question-side .xc-privacy-note {
    grid-column:
      1 / -1;
  }


  .xh-community-page .xc-related-column,
  .xc-related-column {
    position: static;

    grid-template-columns:
      repeat(2, minmax(0,1fr));
  }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 560px) {

  .xh-community-page .xc-question-hero,
  .xc-question-hero.xc-question-hero-compact {
    padding-top:
      14px !important;
  }


  .xh-community-page .xc-question-full,
  .xc-question-full {
    padding:
      20px 18px !important;
  }


  .xh-community-page .xc-question-full h1,
  .xc-question-full h1 {
    margin:
      13px 0 14px !important;

    font-size:
      clamp(34px, 9.4vw, 42px) !important;

    line-height:
      1.02 !important;

    letter-spacing:
      -1.45px !important;
  }


  .xh-community-page .xc-question-side,
  .xh-community-page .xc-related-column,
  .xc-question-side,
  .xc-related-column {
    grid-template-columns:
      1fr;
  }


  .xh-community-page .xc-answer-card,
  .xc-answer-card {
    padding:
      17px 17px 15px !important;
  }


  .xh-community-page .xc-answer-author,
  .xc-answer-author {
    grid-template-columns:
      34px minmax(0,1fr) !important;
  }


  .xh-community-page .xc-answer-author time,
  .xc-answer-author time {
    grid-column: 2;
  }


  .xh-community-page .xc-answer-footer,
  .xc-answer-footer {
    align-items:
      flex-start !important;

    flex-direction:
      column;
  }


  .xh-community-page .xc-answer-editor,
  .xc-answer-editor {
    padding:
      21px 18px !important;
  }

}


@media (max-width: 760px) {

  .xh-community-page .xc-rail-promo,
  .xc-rail-promo {
    max-width: 520px;
  }

  .xh-community-page .xc-rail-disclosure,
  .xc-rail-disclosure {
    grid-column: 1 / -1;
  }

}




/* ===== PAID IMAGE AD BASE ===== */

/* ============================================================
   PAID IMAGE AD — RHS
   ============================================================ */

.xh-community-page .xc-image-ad,
.xc-image-ad {
  overflow: hidden;
  border: 1px solid rgba(10,52,52,.11);
  border-radius: 14px;
  background: #FFFFFF;
}

.xh-community-page .xc-image-ad-label,
.xc-image-ad-label {
  padding: 10px 12px 8px;
  color: rgba(10,52,52,.48);
  font-size: 7.5px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .13em;
}

.xh-community-page .xc-image-ad-link,
.xc-image-ad-link {
  display: block;
  overflow: hidden;
  margin: 0 10px;
  border-radius: 10px;
  background: #E3ECE5;
  text-decoration: none;
}

.xh-community-page .xc-image-ad-link img,
.xc-image-ad-link img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 6 / 5;
  object-fit: cover;
  transition: transform .18s ease, opacity .18s ease;
}

.xh-community-page .xc-image-ad-link:hover img,
.xh-community-page .xc-image-ad-link:focus-visible img,
.xc-image-ad-link:hover img,
.xc-image-ad-link:focus-visible img {
  transform: scale(1.012);
  opacity: .97;
}

.xh-community-page .xc-image-ad > small,
.xc-image-ad > small {
  display: block;
  padding: 8px 12px 10px;
  color: rgba(10,52,52,.48);
  font-size: 8px;
  line-height: 1.35;
}

@media (max-width: 760px) {
  .xh-community-page .xc-image-ad,
  .xc-image-ad {
    max-width: 360px;
  }
}




/* ===== V60.8.5.25 QUESTION DETAIL THREE-AD RHS ===== */

/* ==========================================================================
   XTRIBE V60.8.5.25 — THREE-AD RHS RAIL
   Put after all earlier Community question styles.
   ========================================================================== */

/* The rail itself must be natural-flow. The sponsored stack, not the entire
   rail, becomes sticky where screen height permits. */
.xh-community-page .xc-related-column.xc-commercial-rail,
.xc-related-column.xc-commercial-rail {
  position: static !important;
  display: grid;
  gap: 12px !important;
  align-content: start;
}


/* Three paid placements grouped at the top of the RHS. */
.xh-community-page .xc-paid-ad-stack,
.xc-paid-ad-stack {
  display: grid;
  gap: 11px;
  min-width: 0;
}


/* Keep a clearly visible but restrained separation from utility cards. */
.xh-community-page .xc-paid-ad-stack + .xc-sidebar-card,
.xc-paid-ad-stack + .xc-sidebar-card {
  margin-top: 2px;
}


/* Ad card occupies the full 280–300px rail. */
.xh-community-page .xc-paid-ad-stack .xc-image-ad,
.xc-paid-ad-stack .xc-image-ad {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(10,52,52,.13);
  border-radius: 14px;
  background: #FFFFFF;
  box-shadow: 0 7px 22px rgba(10,52,52,.045);
}


/* Header makes sponsorship obvious without consuming much height. */
.xh-community-page .xc-image-ad-label,
.xc-image-ad-label {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 11px 8px !important;
  color: rgba(10,52,52,.48);
  font-size: 7.5px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .12em;
}


/* Full-bleed visual inside a small controlled frame. */
.xh-community-page .xc-image-ad-link,
.xc-image-ad-link {
  margin: 0 8px !important;
  border-radius: 9px !important;
  outline-offset: 3px;
}


/* Standard 300x250 / 600x500 ad proportion. */
.xh-community-page .xc-image-ad-link img,
.xc-image-ad-link img {
  width: 100% !important;
  aspect-ratio: 6 / 5 !important;
  object-fit: cover !important;
}


/* Very small disclosure below each creative. */
.xh-community-page .xc-image-ad > small,
.xc-image-ad > small {
  padding: 7px 11px 9px !important;
  font-size: 7.8px !important;
}


/* One disclosure for the entire paid rail. */
.xh-community-page .xc-paid-ad-stack .xc-rail-disclosure,
.xc-paid-ad-stack .xc-rail-disclosure {
  margin: 1px 2px 2px !important;
  font-size: 8px !important;
  line-height: 1.45 !important;
}


/*
 * On a tall desktop the full ad stack remains visible while scrolling answers.
 * We require enough viewport height because three 300x250 creatives should
 * never be forced into a clipped sticky region.
 */
@media (min-width: 961px) and (min-height: 980px) {

  .xh-community-page .xc-paid-ad-stack,
  .xc-paid-ad-stack {
    position: sticky;
    top: 92px;
    z-index: 3;
  }

}


/* On shorter desktops, do not force sticky behaviour.
   Natural flow lets every ad be reached without clipping. */
@media (min-width: 961px) and (max-height: 979px) {

  .xh-community-page .xc-paid-ad-stack,
  .xc-paid-ad-stack {
    position: static;
  }

}


/* Tablet: maintain rail but no sticky ad stack. */
@media (max-width: 960px) {

  .xh-community-page .xc-paid-ad-stack,
  .xc-paid-ad-stack {
    position: static;
  }

}


/* Mobile has no RHS. The rail naturally moves below the main answer content.
   We keep ads readable but prevent them becoming wider than a typical
   300x250-style creative. */
@media (max-width: 760px) {

  .xh-community-page .xc-paid-ad-stack,
  .xc-paid-ad-stack {
    width: min(100%, 380px);
    margin-inline: auto;
  }

}










/* ==========================================================================


/* ===== V60.8.5.26 COMMUNITY INDEX THREE-AD RHS ===== */

/* ==========================================================================
   XTRIBE V60.8.5.26 — COMMUNITY INDEX THREE PAID RHS ADS

   Append at the END of assets/css/xtribe-community.css
   ========================================================================== */


/* --------------------------------------------------------------------------
   Important: the original .xc-sidebar is sticky. Once three ads are added,
   making the ENTIRE sidebar sticky would create an over-tall sticky column.
   Keep the sidebar in normal flow and make only the sponsored stack sticky.
   -------------------------------------------------------------------------- */

.xc-community-page .xc-main-section .xc-sidebar {
  position: static !important;
  align-content: start;
}


/* --------------------------------------------------------------------------
   Paid stack — placed FIRST inside RHS.
   -------------------------------------------------------------------------- */

.xc-community-page .xc-index-paid-ad-stack {
  display: grid;
  gap: 11px;

  width: 100%;
  min-width: 0;

  margin: 0 0 18px;
}


.xc-community-page .xc-index-paid-ad-heading {
  display: flex;

  align-items: baseline;
  justify-content: space-between;

  gap: 10px;

  padding: 0 2px 2px;
}


.xc-community-page .xc-index-paid-ad-heading > span {
  color: #E47D6B;

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .12em;
}


.xc-community-page .xc-index-paid-ad-heading > small {
  color: rgba(10,52,52,.48);

  font-size: 8.5px;
}


/* --------------------------------------------------------------------------
   Each ad gets full sidebar width.
   At the default ~330px sidebar width this makes the creative very readable.
   -------------------------------------------------------------------------- */

.xc-community-page
.xc-index-paid-ad-stack
.xc-image-ad {
  width: 100%;

  overflow: hidden;

  border:
    1px solid rgba(10,52,52,.13);

  border-radius: 15px;

  background: #FFFFFF;

  box-shadow:
    0 8px 24px
    rgba(10,52,52,.045);
}


.xc-community-page
.xc-index-paid-ad-stack
.xc-image-ad-label {
  display: flex !important;

  align-items: center;
  justify-content: space-between;

  gap: 12px;

  padding:
    9px 11px 8px !important;

  color:
    rgba(10,52,52,.48);

  font-size:
    7.5px !important;

  font-weight: 900;

  line-height: 1;

  letter-spacing: .12em;
}


.xc-community-page
.xc-index-paid-ad-stack
.xc-image-ad-link {
  display: block;

  margin:
    0 8px !important;

  overflow: hidden;

  border-radius:
    10px !important;

  background: #E3ECE5;

  outline-offset: 3px;
}


.xc-community-page
.xc-index-paid-ad-stack
.xc-image-ad-link img {
  display: block;

  width: 100% !important;

  height: auto;

  aspect-ratio:
    6 / 5 !important;

  object-fit:
    cover !important;

  transition:
    transform .18s ease,
    opacity .18s ease;
}


.xc-community-page
.xc-index-paid-ad-stack
.xc-image-ad-link:hover img,
.xc-community-page
.xc-index-paid-ad-stack
.xc-image-ad-link:focus-visible img {
  transform:
    scale(1.012);

  opacity: .97;
}


.xc-community-page
.xc-index-paid-ad-stack
.xc-image-ad > small {
  display: block;

  padding:
    7px 11px 9px !important;

  color:
    rgba(10,52,52,.48);

  font-size:
    7.8px !important;

  line-height: 1.35;
}


.xc-community-page .xc-index-ad-disclosure {
  margin:
    1px 2px 2px;

  color:
    rgba(10,52,52,.48);

  font-size:
    8px;

  line-height:
    1.45;
}


/* --------------------------------------------------------------------------
   VISIBILITY BEHAVIOUR

   The stack becomes sticky only when the viewport is tall enough to display
   the three creatives comfortably.

   Short desktops keep natural scrolling so no ad is trapped outside view.
   -------------------------------------------------------------------------- */

@media (min-width: 961px) and (min-height: 1040px) {

  .xc-community-page
  .xc-index-paid-ad-stack {
    position: sticky;

    top: 92px;

    z-index: 4;
  }

}


@media (min-width: 961px) and (max-height: 1039px) {

  .xc-community-page
  .xc-index-paid-ad-stack {
    position: static;
  }

}


/* --------------------------------------------------------------------------
   Tablet/mobile — sidebar collapses below the feed.
   Keep ads centred and readable rather than stretching excessively.
   -------------------------------------------------------------------------- */

@media (max-width: 960px) {

  .xc-community-page
  .xc-index-paid-ad-stack {
    position: static;

    width:
      min(100%, 380px);

    margin-inline: auto;
  }

}


@media (max-width: 760px) {

  .xc-community-page
  .xc-index-paid-ad-stack {
    width:
      min(100%, 360px);
  }

}



/* ===== ANSWER CONFIRMATION ALIGNMENT — FINAL OVERRIDE ===== */

/* ============================================================
   ANSWER FORM — CONFIRMATION CHECKBOX ALIGNMENT FIX
   Keep at the END of the Community stylesheet.
   ============================================================ */

.xh-community-page
.xc-answer-editor
.xc-confirmation,
.xc-answer-editor
.xc-confirmation {

  display: grid !important;

  grid-template-columns:
    20px minmax(0, 1fr) !important;

  gap: 11px !important;

  align-items: start !important;

  justify-content: start !important;

  justify-items: start !important;

  width: 100% !important;

  margin: 0 !important;

  padding:
    15px 17px !important;

  text-align: left !important;

  cursor: pointer;
}


/* ============================================================
   CHECKBOX
   ============================================================ */

.xh-community-page
.xc-answer-editor
.xc-confirmation input[type="checkbox"],
.xc-answer-editor
.xc-confirmation input[type="checkbox"] {

  appearance: auto !important;

  display: block !important;

  width: 16px !important;
  height: 16px !important;

  min-width: 16px !important;
  max-width: 16px !important;

  margin:
    2px 0 0 !important;

  padding: 0 !important;

  justify-self: start !important;

  flex: none !important;

  accent-color: #E47D6B;

  cursor: pointer;
}


/* ============================================================
   CONFIRMATION TEXT
   ============================================================ */

.xh-community-page
.xc-answer-editor
.xc-confirmation > span,
.xc-answer-editor
.xc-confirmation > span {

  display: block !important;

  width: auto !important;
  max-width: 650px !important;

  margin: 0 !important;
  padding: 0 !important;

  justify-self: start !important;

  color: #46504C !important;

  font-size: 12px !important;

  font-weight: 650 !important;

  line-height: 1.55 !important;

  text-align: left !important;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 560px) {

  .xh-community-page
  .xc-answer-editor
  .xc-confirmation,
  .xc-answer-editor
  .xc-confirmation {

    grid-template-columns:
      18px minmax(0, 1fr) !important;

    gap: 9px !important;

    padding:
      13px 14px !important;
  }


  .xh-community-page
  .xc-answer-editor
  .xc-confirmation > span,
  .xc-answer-editor
  .xc-confirmation > span {

    font-size: 11px !important;
  }

}











/* ==========================================================================
   V60.8.5.26A — COMMUNITY INDEX AD RAIL RESPONSIVE CORRECTION
   ========================================================================== */

/*
 * The original Community responsive CSS changes .xc-sidebar to a two-column
 * grid at <=820px. The ad stack must span both columns, otherwise it can be
 * squeezed into only half of the available width.
 */
@media (max-width: 820px) {

  .xc-community-page
  .xc-main-section
  .xc-sidebar
  .xc-index-paid-ad-stack {
    grid-column: 1 / -1 !important;
    width: min(100%, 380px) !important;
    justify-self: center;
  }

}


/*
 * Three 300x250-ratio creatives create a tall stack. Only use sticky
 * positioning when the viewport is genuinely tall enough to show the stack
 * comfortably. Natural flow is preferable on normal laptop screens.
 */
@media (min-width: 961px) and (min-height: 1160px) {

  .xc-community-page
  .xc-index-paid-ad-stack {
    position: sticky !important;
    top: 84px !important;
  }

}

@media (min-width: 961px) and (max-height: 1159px) {

  .xc-community-page
  .xc-index-paid-ad-stack {
    position: static !important;
  }

}


/*
 * Give the Community feed/sidebar slightly stronger balance on wide screens.
 * Keeps image ads readable without stealing excessive width from questions.
 */
@media (min-width: 1100px) {

  .xc-community-page
  .xc-community-layout {
    grid-template-columns:
      minmax(0, 1fr)
      330px;
    gap: 42px;
  }

}










/* ==========================================================================
   XTRIBE V60.8.5.26B — COMMUNITY INDEX ADS VISIBILITY

   Important:
   These selectors intentionally DO NOT depend on .xc-community-page.
   That removes a possible wrapper-class mismatch.
   ========================================================================== */

.xc-main-section .xc-sidebar {
  position: static !important;
  align-content: start;
}

.xc-sidebar .xc-index-paid-ad-stack {
  display: grid !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 18px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.xc-sidebar .xc-index-paid-ad-heading {
  display: flex !important;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 0 2px 2px;
}

.xc-sidebar .xc-index-paid-ad-heading > span {
  color: #E47D6B;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

.xc-sidebar .xc-index-paid-ad-heading > small {
  color: rgba(10,52,52,.50);
  font-size: 8.5px;
}

.xc-sidebar .xc-index-paid-ad-stack .xc-image-ad {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(10,52,52,.13);
  border-radius: 14px;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(10,52,52,.045);
  visibility: visible !important;
  opacity: 1 !important;
}

.xc-sidebar .xc-index-paid-ad-stack .xc-image-ad-label {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 11px 8px !important;
  color: rgba(10,52,52,.48);
  font-size: 7.5px !important;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .12em;
}

.xc-sidebar .xc-index-paid-ad-stack .xc-image-ad-link {
  display: block !important;
  margin: 0 8px !important;
  overflow: hidden;
  border-radius: 9px !important;
  background: #E3ECE5;
  text-decoration: none;
  outline-offset: 3px;
}

.xc-sidebar .xc-index-paid-ad-stack .xc-image-ad-link img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  aspect-ratio: 6 / 5 !important;
  object-fit: cover !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.xc-sidebar .xc-index-paid-ad-stack .xc-image-ad > small {
  display: block !important;
  padding: 7px 11px 9px !important;
  color: rgba(10,52,52,.48);
  font-size: 7.8px !important;
  line-height: 1.35;
}

.xc-sidebar .xc-index-ad-disclosure {
  margin: 1px 2px 2px;
  color: rgba(10,52,52,.48);
  font-size: 8px;
  line-height: 1.45;
}

/* Keep the three ads near the reader only on genuinely tall displays. */
@media (min-width: 961px) and (min-height: 1160px) {
  .xc-sidebar .xc-index-paid-ad-stack {
    position: sticky !important;
    top: 84px !important;
    z-index: 4;
  }
}

@media (min-width: 961px) and (max-height: 1159px) {
  .xc-sidebar .xc-index-paid-ad-stack {
    position: static !important;
  }
}

@media (max-width: 820px) {
  .xc-sidebar .xc-index-paid-ad-stack {
    grid-column: 1 / -1 !important;
    width: min(100%, 380px) !important;
    justify-self: center;
  }
}





/* ==========================================================================
   XTRIBE V60.8.5.28 — COMMUNITY COMPACT PAGINATION

   Append this file at the END of xtribe-community.css.
   ========================================================================== */

.xc-pagination.xc-pagination-v2 {
  display: grid !important;
  gap: 14px !important;

  width: 100%;

  margin-top: 30px !important;

  padding-top: 20px;

  border-top:
    1px solid rgba(10,52,52,.10);
}


/* --------------------------------------------------------------------------
   Results / page summary
   -------------------------------------------------------------------------- */

.xc-pagination-v2 .xc-pagination-summary {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 18px;

  color:
    rgba(10,52,52,.56);

  font-size: 10px;

  line-height: 1.45;
}


.xc-pagination-v2 .xc-pagination-summary strong {
  color: #0A3434;

  font-weight: 850;
}


/* --------------------------------------------------------------------------
   Main controls
   -------------------------------------------------------------------------- */

.xc-pagination-v2 .xc-pagination-controls {
  display: grid;

  grid-template-columns:
    minmax(105px, auto)
    minmax(0, 1fr)
    minmax(105px, auto);

  gap: 14px;

  align-items: center;
}


.xc-pagination-v2 .xc-pagination-numbers {
  display: flex;

  flex-wrap: wrap;

  align-items: center;
  justify-content: center;

  gap: 6px;
}


/* --------------------------------------------------------------------------
   Previous / Next
   -------------------------------------------------------------------------- */

.xc-pagination-v2 .xc-pagination-nav {
  display: inline-flex !important;

  width: auto !important;
  min-width: 105px;
  height: 40px !important;

  align-items: center;
  justify-content: center;

  gap: 8px;

  padding: 0 14px;

  border:
    1px solid rgba(10,52,52,.14);

  border-radius: 999px !important;

  background: #FFFDF8;

  color: #0A3434;

  font-size: 10px !important;

  font-weight: 850;

  line-height: 1;

  text-decoration: none;

  transition:
    border-color .16s ease,
    background .16s ease,
    color .16s ease,
    transform .16s ease;
}


.xc-pagination-v2 a.xc-pagination-nav:hover,
.xc-pagination-v2 a.xc-pagination-nav:focus-visible {
  border-color: #E47D6B;

  background: #FFF5F2;

  color: #C95F50;

  transform: translateY(-1px);
}


.xc-pagination-v2 .xc-pagination-nav.is-disabled {
  opacity: .38;

  cursor: default;
}


/* --------------------------------------------------------------------------
   Page numbers
   -------------------------------------------------------------------------- */

.xc-pagination-v2 .xc-pagination-number {
  display: grid !important;

  width: 36px !important;
  height: 36px !important;

  place-items: center;

  padding: 0 !important;

  border:
    1px solid rgba(10,52,52,.13);

  border-radius: 50% !important;

  background: #FFFDF8;

  color: #0A3434;

  font-size: 10px !important;

  font-weight: 850;

  line-height: 1;

  text-decoration: none;
}


.xc-pagination-v2 a.xc-pagination-number:hover,
.xc-pagination-v2 a.xc-pagination-number:focus-visible {
  border-color: #E47D6B;

  color: #C95F50;
}


.xc-pagination-v2 .xc-pagination-number.is-active {
  border-color: #0A3434;

  background: #0A3434;

  color: #FAF7F1;
}


.xc-pagination-v2 .xc-pagination-ellipsis {
  display: grid;

  min-width: 20px;
  height: 36px;

  place-items: center;

  color:
    rgba(10,52,52,.46);

  font-size: 14px;
}


/* --------------------------------------------------------------------------
   TABLET
   -------------------------------------------------------------------------- */

@media (max-width: 820px) {

  .xc-pagination-v2 .xc-pagination-summary {
    padding-inline: 2px;
  }


  .xc-pagination-v2 .xc-pagination-controls {
    grid-template-columns:
      auto minmax(0,1fr) auto;

    gap: 10px;
  }


  .xc-pagination-v2 .xc-pagination-nav {
    min-width: 96px;

    padding-inline: 12px;
  }

}


/* --------------------------------------------------------------------------
   MOBILE

   On a small screen the exact current page is already communicated by
   "Page X of Y". Hide the numbered strip and keep large Previous/Next targets.
   -------------------------------------------------------------------------- */

@media (max-width: 560px) {

  .xc-pagination.xc-pagination-v2 {
    margin-top: 24px !important;

    padding-top: 17px;
  }


  .xc-pagination-v2 .xc-pagination-summary {
    justify-content: center;

    text-align: center;
  }


  .xc-pagination-v2
  .xc-pagination-summary
  > span:first-child {
    display: none;
  }


  .xc-pagination-v2 .xc-pagination-page-count {
    display: inline;
  }


  .xc-pagination-v2 .xc-pagination-controls {
    grid-template-columns:
      1fr 1fr;

    gap: 9px;
  }


  .xc-pagination-v2 .xc-pagination-numbers {
    display: none;
  }


  .xc-pagination-v2 .xc-pagination-nav {
    width: 100% !important;

    min-width: 0;

    height: 44px !important;
  }

}





/* ==========================================================================
   XTRIBE V60.8.5.29 — MEMBER PROFILE H1 STANDARDISATION

   Append this block at the VERY END of:
   assets/css/xtribe-community.css

   Purpose:
   The base Community stylesheet groups .xc-profile-intro h1 with large
   marketing-page hero headings (up to 84px). A member's name should remain
   prominent without looking larger than XTribe's primary page headings.
   ========================================================================== */


/* DESKTOP */
.xc-profile-hero .xc-profile-intro h1,
.xc-profile-intro h1 {
  max-width: 760px;

  margin: 10px 0 8px !important;

  color: #0A3434;

  font-family: var(--xc-serif);

  font-size:
    clamp(48px, 4.15vw, 62px) !important;

  font-weight: 500;

  line-height:
    1.00 !important;

  letter-spacing:
    -2.3px !important;

  text-wrap: balance;

  overflow-wrap: normal;
  word-break: normal;
}


/* Slightly reduce the profile headline relationship beneath the name. */
.xc-profile-intro .xc-profile-headline {
  margin:
    0 0 18px;

  font-size:
    clamp(18px, 1.65vw, 22px);

  line-height: 1.3;
}


/* TABLET */
@media (max-width: 1020px) {

  .xc-profile-hero .xc-profile-intro h1,
  .xc-profile-intro h1 {
    max-width: 720px;

    font-size:
      clamp(46px, 6vw, 58px) !important;

    letter-spacing:
      -2px !important;
  }

}


/* MOBILE */
@media (max-width: 640px) {

  .xc-profile-hero .xc-profile-intro h1,
  .xc-profile-intro h1 {
    margin:
      9px 0 7px !important;

    font-size:
      clamp(39px, 10.2vw, 47px) !important;

    line-height:
      1.02 !important;

    letter-spacing:
      -1.55px !important;
  }


  .xc-profile-intro .xc-profile-headline {
    font-size: 18px;
  }

}










/* ==========================================================================
   XTRIBE V60.8.5.30 — MEMBER PROFILE COMPACT LAYOUT

   Append this at the VERY END of:
   assets/css/xtribe-community.css

   Includes the V60.8.5.29 H1 standardisation.
   ========================================================================== */


/* --------------------------------------------------------------------------
   HERO — reduce unnecessary height while preserving profile prominence.
   -------------------------------------------------------------------------- */

.xc-profile-hero-v2 {
  padding-bottom: 50px !important;
}


.xc-profile-hero-v2 .xc-breadcrumb {
  margin-bottom: 24px;
}


.xc-profile-hero-v2 .xc-profile-hero-grid {
  grid-template-columns:
    320px minmax(0,1fr) !important;

  gap: 50px !important;

  align-items: center;
}


.xc-profile-hero-v2 .xc-profile-visual {
  width: 100%;

  max-width: 320px;
}


.xc-profile-hero-v2 .xc-profile-photo {
  border-radius: 24px;
}


.xc-profile-hero-v2 .xc-profile-company-logo {
  right: -18px;

  bottom: 22px;

  width: 82px;
  height: 82px;

  padding: 11px;

  border-radius: 19px;
}


/* Member name should not use the 84px marketing-hero scale. */
.xc-profile-hero .xc-profile-intro h1,
.xc-profile-intro h1 {
  max-width: 760px;

  margin:
    10px 0 7px !important;

  color: #0A3434;

  font-family: var(--xc-serif);

  font-size:
    clamp(48px,4.15vw,62px) !important;

  font-weight: 500;

  line-height:
    1 !important;

  letter-spacing:
    -2.3px !important;

  text-wrap: balance;
}


.xc-profile-intro .xc-profile-headline {
  margin:
    0 0 14px;

  font-size:
    clamp(18px,1.5vw,21px);

  line-height: 1.28;
}


.xc-profile-hero-v2 .xc-profile-meta {
  margin-bottom: 18px;
}


.xc-profile-hero-v2 .xc-profile-statement {
  max-width: 760px;

  padding:
    17px 19px;

  border-left-width: 2px;
}


.xc-profile-hero-v2 .xc-profile-statement p {
  margin-top: 5px;

  line-height: 1.6;
}


.xc-profile-hero-v2 .xc-profile-actions {
  margin-top: 18px;
}


.xc-profile-hero-v2 .xc-profile-privacy {
  margin-top: 13px;
}


/* --------------------------------------------------------------------------
   CONTENT — remove the permanent empty 320px column below the overview.
   -------------------------------------------------------------------------- */

.xc-profile-content-section.xc-profile-content-v2 {
  padding:
    52px 0 82px !important;
}


.xc-profile-overview-grid {
  display: grid;

  grid-template-columns:
    minmax(0,1fr) 290px;

  gap: 24px;

  align-items: start;
}


.xc-profile-overview-main {
  display: grid;

  gap: 16px;
}


.xc-profile-content-v2 .xc-profile-section {
  padding:
    26px !important;

  border-radius:
    18px;
}


.xc-profile-content-v2
.xc-profile-about h2 {
  margin:
    8px 0 8px;

  font-size:
    clamp(34px,3vw,46px);

  line-height:
    1.02;

  letter-spacing:
    -1.7px;
}


.xc-profile-content-v2
.xc-profile-about .xc-prose {
  font-size: 14px;

  line-height: 1.7;
}


.xc-profile-detail-grid-v2 {
  gap:
    11px !important;
}


.xc-profile-detail-grid-v2 section {
  min-height: 0;

  padding:
    19px 20px !important;

  border-radius:
    15px !important;
}


.xc-profile-detail-grid-v2 b {
  margin-bottom:
    7px !important;

  font-size:
    9px !important;
}


.xc-profile-detail-grid-v2 p {
  font-size:
    12px !important;

  line-height:
    1.58 !important;
}


/* --------------------------------------------------------------------------
   PROFILE RAIL — business facts + interests + consent action.
   -------------------------------------------------------------------------- */

.xc-profile-sidebar-v2 {
  display: grid;

  gap: 12px !important;

  position:
    sticky !important;

  top: 92px !important;
}


.xc-profile-sidebar-v2
.xc-sidebar-card {
  padding:
    21px !important;

  border-radius:
    17px;
}


.xc-profile-sidebar-v2 dl {
  margin-top:
    13px !important;
}


.xc-profile-sidebar-v2 dl div {
  grid-template-columns:
    64px minmax(0,1fr) !important;

  gap: 9px !important;

  padding:
    10px 0 !important;
}


.xc-profile-tags-v2 .xc-tag-row {
  margin-top:
    14px;

  gap:
    6px;
}


.xc-profile-tags-v2 .xc-tag-row span {
  padding:
    6px 8px;

  font-size:
    9px;
}


/* --------------------------------------------------------------------------
   LOWER CONTENT — use the full shell width.

   Contributions and Ratings sit beside each other on desktop rather than
   leaving the old profile sidebar empty for the remainder of the page.
   -------------------------------------------------------------------------- */

.xc-profile-lower-grid {
  display: grid;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(0,.92fr);

  gap: 18px;

  align-items: start;

  margin-top: 20px;
}


.xc-profile-lower-grid.has-single-panel {
  grid-template-columns: 1fr;
}


.xc-profile-lower-grid.has-single-panel
.xc-rating-section {
  max-width: none;
}


.xc-profile-contributions h2,
.xc-profile-lower-grid
.xc-rating-section h2 {
  margin:
    8px 0 10px;

  font-size:
    clamp(32px,2.65vw,43px);

  line-height:
    1.03;

  letter-spacing:
    -1.5px;
}


.xc-profile-lower-grid
.xc-profile-activity {
  margin-top:
    17px !important;
}


.xc-profile-lower-grid
.xc-profile-activity h3 {
  margin:
    0 0 3px;

  font-size:
    19px !important;
}


.xc-profile-lower-grid
.xc-profile-activity a {
  padding:
    12px 0 !important;
}


.xc-profile-lower-grid
.xc-profile-activity b {
  font-size:
    12.5px !important;

  line-height:
    1.35;
}


.xc-profile-lower-grid
.xc-profile-activity span {
  font-size:
    10px !important;
}


.xc-profile-lower-grid
.xc-rating-explainer {
  margin:
    8px 0 16px;

  font-size:
    12px;

  line-height:
    1.58;
}


.xc-profile-lower-grid
.xc-honest-empty {
  padding:
    16px !important;
}


/* --------------------------------------------------------------------------
   TABLET
   -------------------------------------------------------------------------- */

@media (max-width: 1020px) {

  .xc-profile-hero-v2
  .xc-profile-hero-grid {
    grid-template-columns:
      280px minmax(0,1fr) !important;

    gap:
      36px !important;
  }


  .xc-profile-hero-v2
  .xc-profile-visual {
    max-width:
      280px !important;
  }


  .xc-profile-hero .xc-profile-intro h1,
  .xc-profile-intro h1 {
    font-size:
      clamp(45px,5.7vw,56px) !important;

    letter-spacing:
      -2px !important;
  }


  .xc-profile-overview-grid {
    grid-template-columns:
      minmax(0,1fr) 260px;

    gap:
      18px;
  }


  .xc-profile-lower-grid {
    grid-template-columns:
      1fr;
  }

}


/* --------------------------------------------------------------------------
   STACK PROFILE RAIL
   -------------------------------------------------------------------------- */

@media (max-width: 820px) {

  .xc-profile-hero-v2
  .xc-profile-hero-grid {
    grid-template-columns:
      1fr !important;

    gap:
      28px !important;
  }


  .xc-profile-hero-v2
  .xc-profile-visual {
    max-width:
      310px !important;
  }


  .xc-profile-overview-grid {
    grid-template-columns:
      1fr;
  }


  .xc-profile-sidebar-v2 {
    position:
      static !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr));

    gap:
      12px !important;
  }


  .xc-profile-sidebar-v2
  .xc-message-request-card,
  .xc-profile-sidebar-v2
  .xc-report-box {
    grid-column:
      1 / -1;
  }

}


/* --------------------------------------------------------------------------
   MOBILE
   -------------------------------------------------------------------------- */

@media (max-width: 640px) {

  .xc-profile-hero-v2 {
    padding-bottom:
      38px !important;
  }


  .xc-profile-hero-v2
  .xc-profile-visual {
    max-width:
      260px !important;
  }


  .xc-profile-hero .xc-profile-intro h1,
  .xc-profile-intro h1 {
    margin:
      8px 0 6px !important;

    font-size:
      clamp(38px,10vw,46px) !important;

    line-height:
      1.01 !important;

    letter-spacing:
      -1.5px !important;
  }


  .xc-profile-content-section.xc-profile-content-v2 {
    padding:
      42px 0 64px !important;
  }


  .xc-profile-content-v2
  .xc-profile-section {
    padding:
      21px !important;
  }


  .xc-profile-detail-grid-v2 {
    grid-template-columns:
      1fr !important;
  }


  .xc-profile-sidebar-v2 {
    grid-template-columns:
      1fr;
  }


  .xc-profile-lower-grid {
    margin-top:
      14px;
  }


  .xc-profile-contributions h2,
  .xc-profile-lower-grid
  .xc-rating-section h2 {
    font-size:
      34px;
  }

}










/* ==========================================================================
   XTRIBE V60.8.5.35 — REFINED MEMBER DIRECTORY

   Append this at the VERY END of:
   assets/css/xtribe-community.css
   ========================================================================== */


/* --------------------------------------------------------------------------
   HERO — value-led and materially shorter
   -------------------------------------------------------------------------- */

.xc-members-page
.xc-directory-hero-v2 {
  padding:
    50px 0 48px !important;

  background:
    linear-gradient(
      135deg,
      var(--xc-sage),
      var(--xc-cream)
    );
}


.xc-directory-hero-grid-v2 {
  grid-template-columns:
    minmax(0,1.35fr)
    minmax(270px,.65fr) !important;

  gap:
    48px !important;

  align-items:
    center !important;
}


.xc-directory-hero-copy h1 {
  max-width:
    790px;

  margin:
    10px 0 14px !important;

  font-size:
    clamp(44px,4.1vw,58px) !important;

  font-weight:
    500;

  line-height:
    .99 !important;

  letter-spacing:
    -2.2px !important;
}


.xc-directory-hero-copy h1 em {
  display:
    block;

  color:
    var(--xc-coral);

  font-style:
    italic;

  font-weight:
    500;
}


.xc-directory-hero-copy > p {
  max-width:
    720px !important;

  margin:
    0 !important;

  color:
    var(--xc-muted);

  font-size:
    13px !important;

  line-height:
    1.62 !important;
}


.xc-directory-principles {
  display:
    grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:
    10px;

  max-width:
    720px;

  margin-top:
    20px;
}


.xc-directory-principles > span {
  display:
    grid;

  gap:
    3px;

  padding:
    12px 14px;

  border:
    1px solid rgba(10,52,52,.08);

  border-radius:
    12px;

  background:
    rgba(255,255,255,.42);

  color:
    var(--xc-muted);

  font-size:
    9.5px;

  line-height:
    1.45;
}


.xc-directory-principles b {
  color:
    var(--xc-ink);

  font-size:
    10px;
}


/* Trust / process card */
.xc-directory-trust-card {
  padding:
    22px !important;

  border-radius:
    18px !important;

  background:
    var(--xc-ink);

  color:
    var(--xc-paper);
}


.xc-directory-trust-card h2 {
  margin:
    8px 0 15px;

  color:
    var(--xc-paper);

  font-family:
    var(--xc-serif);

  font-size:
    25px;

  font-weight:
    500;

  line-height:
    1.08;

  letter-spacing:
    -.6px;
}


.xc-directory-trust-card ol {
  display:
    grid;

  gap:
    0;

  margin:
    0;

  padding:
    0;

  list-style:
    none;
}


.xc-directory-trust-card li {
  display:
    grid;

  grid-template-columns:
    29px minmax(0,1fr);

  gap:
    9px;

  align-items:
    center;

  padding:
    10px 0;

  border-top:
    1px solid rgba(255,255,255,.10);
}


.xc-directory-trust-card li b {
  display:
    grid;

  width:
    26px;

  height:
    26px;

  place-items:
    center;

  border-radius:
    50%;

  background:
    rgba(255,255,255,.08);

  color:
    var(--xc-coral);

  font-size:
    8px;
}


.xc-directory-trust-card li span {
  color:
    rgba(250,247,241,.80);

  font-size:
    10px;

  line-height:
    1.4;
}


.xc-directory-trust-card > p {
  margin:
    14px 0 0 !important;

  color:
    rgba(250,247,241,.62) !important;

  font-size:
    9px !important;

  line-height:
    1.5 !important;
}


/* --------------------------------------------------------------------------
   DIRECTORY AREA
   -------------------------------------------------------------------------- */

.xc-members-page
.xc-directory-section-v2 {
  padding:
    38px 0 72px !important;
}


/* Search is connected directly to the results */
.xc-directory-search-v2 {
  display:
    grid !important;

  grid-template-columns:
    minmax(0,1fr)
    210px
    auto
    auto;

  gap:
    8px !important;

  align-items:
    center;

  margin:
    0 0 28px !important;

  padding:
    9px !important;

  border:
    1px solid var(--xc-line);

  border-radius:
    15px !important;

  background:
    var(--xc-white);

  box-shadow:
    0 8px 24px rgba(10,52,52,.05);
}


.xc-directory-search-v2
.xc-search-field,
.xc-directory-search-v2
.xc-directory-city-filter {
  margin:
    0 !important;
}


.xc-directory-search-v2 input,
.xc-directory-search-v2 select {
  height:
    42px !important;

  border-radius:
    9px !important;
}


.xc-directory-search-v2
.xc-button {
  min-height:
    42px;

  white-space:
    nowrap;
}


.xc-directory-clear {
  padding:
    0 8px;

  color:
    var(--xc-muted);

  font-size:
    9px;

  font-weight:
    800;

  text-decoration:
    none;
}


.xc-directory-clear:hover,
.xc-directory-clear:focus-visible {
  color:
    var(--xc-coral);
}


/* Result heading */
.xc-directory-head-v2 {
  align-items:
    center !important;

  margin-bottom:
    18px !important;
}


.xc-directory-head-v2 h2 {
  margin:
    4px 0 2px;

  color:
    var(--xc-ink);

  font-family:
    var(--xc-serif);

  font-size:
    clamp(30px,3vw,40px);

  font-weight:
    500;

  line-height:
    1.04;

  letter-spacing:
    -1.2px;
}


.xc-directory-head-v2 p {
  margin:
    5px 0 0;

  color:
    var(--xc-muted);

  font-size:
    10px;
}


/* --------------------------------------------------------------------------
   CONTEXT-FIRST MEMBER CARDS

   Removes the old 270px full-width portrait treatment.
   -------------------------------------------------------------------------- */

.xc-member-grid-v2 {
  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap:
    12px !important;
}


.xc-member-card-v2 {
  display:
    flex;

  min-width:
    0;

  min-height:
    315px;

  flex-direction:
    column;

  overflow:
    hidden;

  border-radius:
    17px !important;

  box-shadow:
    0 7px 24px rgba(10,52,52,.035);
}


.xc-member-card-v2:hover {
  transform:
    translateY(-2px) !important;

  box-shadow:
    0 13px 30px rgba(10,52,52,.08) !important;
}


.xc-member-card-top {
  display:
    grid;

  grid-template-columns:
    82px minmax(0,1fr);

  gap:
    13px;

  align-items:
    center;

  padding:
    17px 17px 13px;

  border-bottom:
    1px solid var(--xc-line);
}


.xc-member-avatar-link {
  position:
    relative;

  display:
    block;

  width:
    82px;

  height:
    82px;

  color:
    inherit;

  text-decoration:
    none;
}


.xc-member-photo-v2 {
  display:
    block;

  width:
    82px !important;

  height:
    82px !important;

  object-fit:
    cover;

  border-radius:
    15px;

  background:
    var(--xc-sage);
}


.xc-member-photo-fallback-v2 {
  display:
    grid !important;

  place-items:
    center;

  color:
    var(--xc-ink);

  font-family:
    var(--xc-serif);

  font-size:
    28px !important;

  font-weight:
    500;

  line-height:
    1;
}


.xc-company-logo-v2 {
  right:
    -5px !important;

  bottom:
    -5px !important;

  width:
    31px !important;

  height:
    31px !important;

  padding:
    4px !important;

  border:
    2px solid var(--xc-white);

  border-radius:
    9px !important;

  box-shadow:
    0 5px 14px rgba(10,52,52,.14) !important;
}


.xc-member-card-identity {
  min-width:
    0;
}


.xc-member-card-v2
.xc-member-location {
  display:
    block;

  margin-bottom:
    5px;

  font-size:
    8px !important;
}


.xc-member-card-v2 h3 {
  margin:
    0 0 4px !important;

  font-size:
    22px !important;

  line-height:
    1.03 !important;

  letter-spacing:
    -.6px;
}


.xc-member-company {
  display:
    block;

  overflow:
    hidden;

  color:
    var(--xc-muted);

  font-size:
    9px;

  font-weight:
    750;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;
}


.xc-member-card-body-v2 {
  display:
    flex;

  min-height:
    0;

  flex:
    1;

  flex-direction:
    column;

  padding:
    15px 17px 16px !important;
}


.xc-member-card-v2
.xc-member-headline {
  min-height:
    34px !important;

  margin:
    0 0 12px !important;

  color:
    var(--xc-ink) !important;

  font-size:
    10px !important;

  font-weight:
    800 !important;

  line-height:
    1.4 !important;
}


.xc-member-context {
  display:
    grid;

  gap:
    4px;
}


.xc-member-context > span {
  color:
    var(--xc-coral);

  font-size:
    7.5px;

  font-weight:
    900;

  letter-spacing:
    .08em;

  text-transform:
    uppercase;
}


.xc-member-context > p {
  display:
    -webkit-box;

  overflow:
    hidden;

  min-height:
    54px;

  margin:
    0 !important;

  color:
    var(--xc-muted) !important;

  font-size:
    9.5px !important;

  line-height:
    1.5 !important;

  -webkit-box-orient:
    vertical;

  -webkit-line-clamp:
    3;
}


.xc-member-tags {
  margin-top:
    12px;
}


.xc-member-card-v2
.xc-member-tags span {
  padding:
    5px 7px;

  font-size:
    7.5px;
}


.xc-member-card-footer {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    10px;

  margin-top:
    auto;

  padding-top:
    14px;
}


.xc-member-card-v2
.xc-member-card-footer
.xc-text-link {
  margin:
    0 !important;

  color:
    var(--xc-coral);

  font-size:
    9.5px !important;

  font-weight:
    850;
}


.xc-member-card-footer small {
  color:
    rgba(10,52,52,.40);

  font-size:
    7px;
}


/* --------------------------------------------------------------------------
   PAGINATION
   -------------------------------------------------------------------------- */

.xc-directory-pagination {
  display:
    grid;

  grid-template-columns:
    auto minmax(0,1fr) auto;

  gap:
    14px;

  align-items:
    center;

  margin-top:
    28px;

  padding-top:
    20px;

  border-top:
    1px solid var(--xc-line);
}


.xc-directory-pagination-nav {
  display:
    inline-flex;

  min-height:
    38px;

  align-items:
    center;

  justify-content:
    center;

  padding:
    0 13px;

  border:
    1px solid var(--xc-line);

  border-radius:
    999px;

  background:
    var(--xc-white);

  color:
    var(--xc-ink);

  font-size:
    9px;

  font-weight:
    850;

  text-decoration:
    none;
}


.xc-directory-pagination-nav.is-disabled {
  opacity:
    .35;
}


.xc-directory-pagination-numbers {
  display:
    flex;

  flex-wrap:
    wrap;

  justify-content:
    center;

  gap:
    5px;
}


.xc-directory-page {
  display:
    grid;

  width:
    34px;

  height:
    34px;

  place-items:
    center;

  border:
    1px solid var(--xc-line);

  border-radius:
    50%;

  background:
    var(--xc-white);

  color:
    var(--xc-ink);

  font-size:
    9px;

  font-weight:
    850;

  text-decoration:
    none;
}


.xc-directory-page.is-active {
  border-color:
    var(--xc-ink);

  background:
    var(--xc-ink);

  color:
    var(--xc-paper);
}


.xc-directory-pagination-ellipsis {
  display:
    grid;

  min-width:
    20px;

  height:
    34px;

  place-items:
    center;

  color:
    var(--xc-muted);
}


.xc-directory-pagination-summary {
  grid-column:
    1 / -1;

  justify-self:
    center;

  color:
    var(--xc-muted);

  font-size:
    8px;
}


/* --------------------------------------------------------------------------
   COMPACT BOTTOM CTA
   -------------------------------------------------------------------------- */

.xc-directory-bottom-cta {
  padding:
    48px 0 !important;

  background:
    var(--xc-ink);
}


.xc-directory-bottom-cta-inner {
  display:
    grid;

  grid-template-columns:
    minmax(0,1.2fr)
    minmax(280px,.8fr);

  gap:
    54px;

  align-items:
    center;
}


.xc-directory-bottom-cta h2 {
  max-width:
    650px;

  margin:
    8px 0 0;

  color:
    var(--xc-paper);

  font-family:
    var(--xc-serif);

  font-size:
    clamp(34px,3.5vw,48px);

  font-weight:
    500;

  line-height:
    1.01;

  letter-spacing:
    -1.6px;
}


.xc-directory-bottom-cta h2 em {
  color:
    var(--xc-coral);

  font-style:
    italic;

  font-weight:
    500;
}


.xc-directory-bottom-cta p {
  max-width:
    440px;

  margin:
    0 0 16px;

  color:
    rgba(250,247,241,.68);

  font-size:
    11px;

  line-height:
    1.6;
}


/* --------------------------------------------------------------------------
   TABLET
   -------------------------------------------------------------------------- */

@media (max-width: 980px) {

  .xc-directory-hero-grid-v2 {
    grid-template-columns:
      minmax(0,1fr)
      260px !important;

    gap:
      30px !important;
  }


  .xc-member-grid-v2 {
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }


  .xc-directory-search-v2 {
    grid-template-columns:
      minmax(0,1fr)
      190px
      auto
      auto;
  }

}


/* --------------------------------------------------------------------------
   MOBILE
   -------------------------------------------------------------------------- */

@media (max-width: 680px) {

  .xc-members-page
  .xc-directory-hero-v2 {
    padding:
      36px 0 34px !important;
  }


  .xc-directory-hero-grid-v2 {
    grid-template-columns:
      1fr !important;

    gap:
      22px !important;
  }


  .xc-directory-hero-copy h1 {
    font-size:
      clamp(38px,10vw,46px) !important;

    line-height:
      1.01 !important;

    letter-spacing:
      -1.7px !important;
  }


  .xc-directory-principles {
    grid-template-columns:
      1fr;
  }


  .xc-members-page
  .xc-directory-section-v2 {
    padding:
      28px 0 54px !important;
  }


  .xc-directory-search-v2 {
    grid-template-columns:
      1fr !important;

    gap:
      7px !important;
  }


  .xc-directory-search-v2
  .xc-button {
    width:
      100%;
  }


  .xc-directory-clear {
    justify-self:
      center;

    padding:
      6px;
  }


  .xc-directory-head-v2 {
    align-items:
      flex-start !important;

    flex-direction:
      column;
  }


  .xc-member-grid-v2 {
    grid-template-columns:
      1fr !important;
  }


  .xc-member-card-v2 {
    min-height:
      0;
  }


  .xc-directory-pagination {
    grid-template-columns:
      1fr 1fr;
  }


  .xc-directory-pagination-numbers {
    display:
      none;
  }


  .xc-directory-pagination-summary {
    grid-row:
      1;

    grid-column:
      1 / -1;
  }


  .xc-directory-bottom-cta {
    padding:
      38px 0 !important;
  }


  .xc-directory-bottom-cta-inner {
    grid-template-columns:
      1fr;

    gap:
      22px;
  }


  .xc-directory-bottom-cta h2 {
    font-size:
      36px;
  }

}






/* ==========================================================================
   XTRIBE V60.8.5.35 — REFINED MEMBER DIRECTORY

   Append this at the VERY END of:
   assets/css/xtribe-community.css
   ========================================================================== */


/* --------------------------------------------------------------------------
   HERO — value-led and materially shorter
   -------------------------------------------------------------------------- */

.xc-members-page
.xc-directory-hero-v2 {
  padding:
    50px 0 48px !important;

  background:
    linear-gradient(
      135deg,
      var(--xc-sage),
      var(--xc-cream)
    );
}


.xc-directory-hero-grid-v2 {
  grid-template-columns:
    minmax(0,1.35fr)
    minmax(270px,.65fr) !important;

  gap:
    48px !important;

  align-items:
    center !important;
}


.xc-directory-hero-copy h1 {
  max-width:
    790px;

  margin:
    10px 0 14px !important;

  font-size:
    clamp(44px,4.1vw,58px) !important;

  font-weight:
    500;

  line-height:
    .99 !important;

  letter-spacing:
    -2.2px !important;
}


.xc-directory-hero-copy h1 em {
  display:
    block;

  color:
    var(--xc-coral);

  font-style:
    italic;

  font-weight:
    500;
}


.xc-directory-hero-copy > p {
  max-width:
    720px !important;

  margin:
    0 !important;

  color:
    var(--xc-muted);

  font-size:
    13px !important;

  line-height:
    1.62 !important;
}


.xc-directory-principles {
  display:
    grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:
    10px;

  max-width:
    720px;

  margin-top:
    20px;
}


.xc-directory-principles > span {
  display:
    grid;

  gap:
    3px;

  padding:
    12px 14px;

  border:
    1px solid rgba(10,52,52,.08);

  border-radius:
    12px;

  background:
    rgba(255,255,255,.42);

  color:
    var(--xc-muted);

  font-size:
    9.5px;

  line-height:
    1.45;
}


.xc-directory-principles b {
  color:
    var(--xc-ink);

  font-size:
    10px;
}


/* Trust / process card */
.xc-directory-trust-card {
  padding:
    22px !important;

  border-radius:
    18px !important;

  background:
    var(--xc-ink);

  color:
    var(--xc-paper);
}


.xc-directory-trust-card h2 {
  margin:
    8px 0 15px;

  color:
    var(--xc-paper);

  font-family:
    var(--xc-serif);

  font-size:
    25px;

  font-weight:
    500;

  line-height:
    1.08;

  letter-spacing:
    -.6px;
}


.xc-directory-trust-card ol {
  display:
    grid;

  gap:
    0;

  margin:
    0;

  padding:
    0;

  list-style:
    none;
}


.xc-directory-trust-card li {
  display:
    grid;

  grid-template-columns:
    29px minmax(0,1fr);

  gap:
    9px;

  align-items:
    center;

  padding:
    10px 0;

  border-top:
    1px solid rgba(255,255,255,.10);
}


.xc-directory-trust-card li b {
  display:
    grid;

  width:
    26px;

  height:
    26px;

  place-items:
    center;

  border-radius:
    50%;

  background:
    rgba(255,255,255,.08);

  color:
    var(--xc-coral);

  font-size:
    8px;
}


.xc-directory-trust-card li span {
  color:
    rgba(250,247,241,.80);

  font-size:
    10px;

  line-height:
    1.4;
}


.xc-directory-trust-card > p {
  margin:
    14px 0 0 !important;

  color:
    rgba(250,247,241,.62) !important;

  font-size:
    9px !important;

  line-height:
    1.5 !important;
}


/* --------------------------------------------------------------------------
   DIRECTORY AREA
   -------------------------------------------------------------------------- */

.xc-members-page
.xc-directory-section-v2 {
  padding:
    38px 0 72px !important;
}


/* Search is connected directly to the results */
.xc-directory-search-v2 {
  display:
    grid !important;

  grid-template-columns:
    minmax(0,1fr)
    210px
    auto
    auto;

  gap:
    8px !important;

  align-items:
    center;

  margin:
    0 0 28px !important;

  padding:
    9px !important;

  border:
    1px solid var(--xc-line);

  border-radius:
    15px !important;

  background:
    var(--xc-white);

  box-shadow:
    0 8px 24px rgba(10,52,52,.05);
}


.xc-directory-search-v2
.xc-search-field,
.xc-directory-search-v2
.xc-directory-city-filter {
  margin:
    0 !important;
}


.xc-directory-search-v2 input,
.xc-directory-search-v2 select {
  height:
    42px !important;

  border-radius:
    9px !important;
}


.xc-directory-search-v2
.xc-button {
  min-height:
    42px;

  white-space:
    nowrap;
}


.xc-directory-clear {
  padding:
    0 8px;

  color:
    var(--xc-muted);

  font-size:
    9px;

  font-weight:
    800;

  text-decoration:
    none;
}


.xc-directory-clear:hover,
.xc-directory-clear:focus-visible {
  color:
    var(--xc-coral);
}


/* Result heading */
.xc-directory-head-v2 {
  align-items:
    center !important;

  margin-bottom:
    18px !important;
}


.xc-directory-head-v2 h2 {
  margin:
    4px 0 2px;

  color:
    var(--xc-ink);

  font-family:
    var(--xc-serif);

  font-size:
    clamp(30px,3vw,40px);

  font-weight:
    500;

  line-height:
    1.04;

  letter-spacing:
    -1.2px;
}


.xc-directory-head-v2 p {
  margin:
    5px 0 0;

  color:
    var(--xc-muted);

  font-size:
    10px;
}


/* --------------------------------------------------------------------------
   CONTEXT-FIRST MEMBER CARDS

   Removes the old 270px full-width portrait treatment.
   -------------------------------------------------------------------------- */

.xc-member-grid-v2 {
  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap:
    12px !important;
}


.xc-member-card-v2 {
  display:
    flex;

  min-width:
    0;

  min-height:
    315px;

  flex-direction:
    column;

  overflow:
    hidden;

  border-radius:
    17px !important;

  box-shadow:
    0 7px 24px rgba(10,52,52,.035);
}


.xc-member-card-v2:hover {
  transform:
    translateY(-2px) !important;

  box-shadow:
    0 13px 30px rgba(10,52,52,.08) !important;
}


.xc-member-card-top {
  display:
    grid;

  grid-template-columns:
    82px minmax(0,1fr);

  gap:
    13px;

  align-items:
    center;

  padding:
    17px 17px 13px;

  border-bottom:
    1px solid var(--xc-line);
}


.xc-member-avatar-link {
  position:
    relative;

  display:
    block;

  width:
    82px;

  height:
    82px;

  color:
    inherit;

  text-decoration:
    none;
}


.xc-member-photo-v2 {
  display:
    block;

  width:
    82px !important;

  height:
    82px !important;

  object-fit:
    cover;

  border-radius:
    15px;

  background:
    var(--xc-sage);
}


.xc-member-photo-fallback-v2 {
  display:
    grid !important;

  place-items:
    center;

  color:
    var(--xc-ink);

  font-family:
    var(--xc-serif);

  font-size:
    28px !important;

  font-weight:
    500;

  line-height:
    1;
}


.xc-company-logo-v2 {
  right:
    -5px !important;

  bottom:
    -5px !important;

  width:
    31px !important;

  height:
    31px !important;

  padding:
    4px !important;

  border:
    2px solid var(--xc-white);

  border-radius:
    9px !important;

  box-shadow:
    0 5px 14px rgba(10,52,52,.14) !important;
}


.xc-member-card-identity {
  min-width:
    0;
}


.xc-member-card-v2
.xc-member-location {
  display:
    block;

  margin-bottom:
    5px;

  font-size:
    8px !important;
}


.xc-member-card-v2 h3 {
  margin:
    0 0 4px !important;

  font-size:
    22px !important;

  line-height:
    1.03 !important;

  letter-spacing:
    -.6px;
}


.xc-member-company {
  display:
    block;

  overflow:
    hidden;

  color:
    var(--xc-muted);

  font-size:
    9px;

  font-weight:
    750;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;
}


.xc-member-card-body-v2 {
  display:
    flex;

  min-height:
    0;

  flex:
    1;

  flex-direction:
    column;

  padding:
    15px 17px 16px !important;
}


.xc-member-card-v2
.xc-member-headline {
  min-height:
    34px !important;

  margin:
    0 0 12px !important;

  color:
    var(--xc-ink) !important;

  font-size:
    10px !important;

  font-weight:
    800 !important;

  line-height:
    1.4 !important;
}


.xc-member-context {
  display:
    grid;

  gap:
    4px;
}


.xc-member-context > span {
  color:
    var(--xc-coral);

  font-size:
    7.5px;

  font-weight:
    900;

  letter-spacing:
    .08em;

  text-transform:
    uppercase;
}


.xc-member-context > p {
  display:
    -webkit-box;

  overflow:
    hidden;

  min-height:
    54px;

  margin:
    0 !important;

  color:
    var(--xc-muted) !important;

  font-size:
    9.5px !important;

  line-height:
    1.5 !important;

  -webkit-box-orient:
    vertical;

  -webkit-line-clamp:
    3;
}


.xc-member-tags {
  margin-top:
    12px;
}


.xc-member-card-v2
.xc-member-tags span {
  padding:
    5px 7px;

  font-size:
    7.5px;
}


.xc-member-card-footer {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    10px;

  margin-top:
    auto;

  padding-top:
    14px;
}


.xc-member-card-v2
.xc-member-card-footer
.xc-text-link {
  margin:
    0 !important;

  color:
    var(--xc-coral);

  font-size:
    9.5px !important;

  font-weight:
    850;
}


.xc-member-card-footer small {
  color:
    rgba(10,52,52,.40);

  font-size:
    7px;
}


/* --------------------------------------------------------------------------
   PAGINATION
   -------------------------------------------------------------------------- */

.xc-directory-pagination {
  display:
    grid;

  grid-template-columns:
    auto minmax(0,1fr) auto;

  gap:
    14px;

  align-items:
    center;

  margin-top:
    28px;

  padding-top:
    20px;

  border-top:
    1px solid var(--xc-line);
}


.xc-directory-pagination-nav {
  display:
    inline-flex;

  min-height:
    38px;

  align-items:
    center;

  justify-content:
    center;

  padding:
    0 13px;

  border:
    1px solid var(--xc-line);

  border-radius:
    999px;

  background:
    var(--xc-white);

  color:
    var(--xc-ink);

  font-size:
    9px;

  font-weight:
    850;

  text-decoration:
    none;
}


.xc-directory-pagination-nav.is-disabled {
  opacity:
    .35;
}


.xc-directory-pagination-numbers {
  display:
    flex;

  flex-wrap:
    wrap;

  justify-content:
    center;

  gap:
    5px;
}


.xc-directory-page {
  display:
    grid;

  width:
    34px;

  height:
    34px;

  place-items:
    center;

  border:
    1px solid var(--xc-line);

  border-radius:
    50%;

  background:
    var(--xc-white);

  color:
    var(--xc-ink);

  font-size:
    9px;

  font-weight:
    850;

  text-decoration:
    none;
}


.xc-directory-page.is-active {
  border-color:
    var(--xc-ink);

  background:
    var(--xc-ink);

  color:
    var(--xc-paper);
}


.xc-directory-pagination-ellipsis {
  display:
    grid;

  min-width:
    20px;

  height:
    34px;

  place-items:
    center;

  color:
    var(--xc-muted);
}


.xc-directory-pagination-summary {
  grid-column:
    1 / -1;

  justify-self:
    center;

  color:
    var(--xc-muted);

  font-size:
    8px;
}


/* --------------------------------------------------------------------------
   COMPACT BOTTOM CTA
   -------------------------------------------------------------------------- */

.xc-directory-bottom-cta {
  padding:
    48px 0 !important;

  background:
    var(--xc-ink);
}


.xc-directory-bottom-cta-inner {
  display:
    grid;

  grid-template-columns:
    minmax(0,1.2fr)
    minmax(280px,.8fr);

  gap:
    54px;

  align-items:
    center;
}


.xc-directory-bottom-cta h2 {
  max-width:
    650px;

  margin:
    8px 0 0;

  color:
    var(--xc-paper);

  font-family:
    var(--xc-serif);

  font-size:
    clamp(34px,3.5vw,48px);

  font-weight:
    500;

  line-height:
    1.01;

  letter-spacing:
    -1.6px;
}


.xc-directory-bottom-cta h2 em {
  color:
    var(--xc-coral);

  font-style:
    italic;

  font-weight:
    500;
}


.xc-directory-bottom-cta p {
  max-width:
    440px;

  margin:
    0 0 16px;

  color:
    rgba(250,247,241,.68);

  font-size:
    11px;

  line-height:
    1.6;
}


/* --------------------------------------------------------------------------
   TABLET
   -------------------------------------------------------------------------- */

@media (max-width: 980px) {

  .xc-directory-hero-grid-v2 {
    grid-template-columns:
      minmax(0,1fr)
      260px !important;

    gap:
      30px !important;
  }


  .xc-member-grid-v2 {
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }


  .xc-directory-search-v2 {
    grid-template-columns:
      minmax(0,1fr)
      190px
      auto
      auto;
  }

}


/* --------------------------------------------------------------------------
   MOBILE
   -------------------------------------------------------------------------- */

@media (max-width: 680px) {

  .xc-members-page
  .xc-directory-hero-v2 {
    padding:
      36px 0 34px !important;
  }


  .xc-directory-hero-grid-v2 {
    grid-template-columns:
      1fr !important;

    gap:
      22px !important;
  }


  .xc-directory-hero-copy h1 {
    font-size:
      clamp(38px,10vw,46px) !important;

    line-height:
      1.01 !important;

    letter-spacing:
      -1.7px !important;
  }


  .xc-directory-principles {
    grid-template-columns:
      1fr;
  }


  .xc-members-page
  .xc-directory-section-v2 {
    padding:
      28px 0 54px !important;
  }


  .xc-directory-search-v2 {
    grid-template-columns:
      1fr !important;

    gap:
      7px !important;
  }


  .xc-directory-search-v2
  .xc-button {
    width:
      100%;
  }


  .xc-directory-clear {
    justify-self:
      center;

    padding:
      6px;
  }


  .xc-directory-head-v2 {
    align-items:
      flex-start !important;

    flex-direction:
      column;
  }


  .xc-member-grid-v2 {
    grid-template-columns:
      1fr !important;
  }


  .xc-member-card-v2 {
    min-height:
      0;
  }


  .xc-directory-pagination {
    grid-template-columns:
      1fr 1fr;
  }


  .xc-directory-pagination-numbers {
    display:
      none;
  }


  .xc-directory-pagination-summary {
    grid-row:
      1;

    grid-column:
      1 / -1;
  }


  .xc-directory-bottom-cta {
    padding:
      38px 0 !important;
  }


  .xc-directory-bottom-cta-inner {
    grid-template-columns:
      1fr;

    gap:
      22px;
  }


  .xc-directory-bottom-cta h2 {
    font-size:
      36px;
  }

}

/* ==========================================================================
   XTRIBE V60.8.5.36 — PERSON / COMPANY + A–Z BROWSE

   This section is intentionally appended after the V60.8.5.35 directory CSS.
   ========================================================================== */


/* --------------------------------------------------------------------------
   BROWSE PANEL
   -------------------------------------------------------------------------- */

.xc-directory-browse {
  margin:
    0 0 24px;

  padding:
    16px 17px 14px;

  border:
    1px solid var(--xc-line);

  border-radius:
    15px;

  background:
    rgba(255,255,255,.64);
}


.xc-directory-browse-top {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    20px;

  margin-bottom:
    13px;
}


.xc-directory-mode {
  display:
    flex;

  align-items:
    center;

  gap:
    12px;
}


.xc-directory-control-label {
  color:
    var(--xc-coral);

  font-size:
    8px;

  font-weight:
    900;

  letter-spacing:
    .12em;
}


.xc-directory-mode-switch {
  display:
    inline-flex;

  padding:
    3px;

  border:
    1px solid var(--xc-line);

  border-radius:
    999px;

  background:
    var(--xc-paper);
}


.xc-directory-mode-switch a {
  display:
    inline-flex;

  min-height:
    32px;

  align-items:
    center;

  justify-content:
    center;

  padding:
    0 13px;

  border-radius:
    999px;

  color:
    var(--xc-muted);

  font-size:
    9px;

  font-weight:
    850;

  text-decoration:
    none;
}


.xc-directory-mode-switch a.is-active {
  background:
    var(--xc-ink);

  color:
    var(--xc-paper);
}


.xc-directory-sort {
  display:
    flex;

  align-items:
    end;

  gap:
    6px;
}


.xc-directory-sort label {
  display:
    grid;

  gap:
    3px;
}


.xc-directory-sort label > span {
  color:
    var(--xc-muted);

  font-size:
    8px;

  font-weight:
    800;
}


.xc-directory-sort select {
  height:
    34px;

  min-width:
    145px;

  padding:
    0 28px 0 10px;

  border:
    1px solid var(--xc-line);

  border-radius:
    9px;

  background:
    var(--xc-white);

  color:
    var(--xc-ink);

  font:
    inherit;

  font-size:
    9px;
}


.xc-directory-sort-apply {
  height:
    34px;

  padding:
    0 11px;

  border:
    0;

  border-radius:
    9px;

  background:
    var(--xc-ink);

  color:
    var(--xc-paper);

  font-size:
    8.5px;

  font-weight:
    850;

  cursor:
    pointer;
}


/* --------------------------------------------------------------------------
   ALPHABET
   -------------------------------------------------------------------------- */

.xc-directory-alphabet {
  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    5px;
}


.xc-directory-letter {
  display:
    grid;

  width:
    30px;

  height:
    30px;

  place-items:
    center;

  border:
    1px solid var(--xc-line);

  border-radius:
    8px;

  background:
    var(--xc-white);

  color:
    var(--xc-ink);

  font-size:
    8.5px;

  font-weight:
    900;

  text-decoration:
    none;

  transition:
    border-color .15s ease,
    background .15s ease,
    color .15s ease;
}


.xc-directory-letter-all {
  width:
    auto;

  min-width:
    42px;

  padding:
    0 9px;
}


a.xc-directory-letter:hover,
a.xc-directory-letter:focus-visible {
  border-color:
    var(--xc-coral);

  color:
    var(--xc-coral);
}


.xc-directory-letter.is-active {
  border-color:
    var(--xc-ink);

  background:
    var(--xc-ink);

  color:
    var(--xc-paper);
}


.xc-directory-letter.is-disabled {
  background:
    rgba(10,52,52,.025);

  color:
    rgba(10,52,52,.20);

  cursor:
    default;
}


.xc-directory-browse-hint {
  margin:
    10px 0 0;

  color:
    var(--xc-muted);

  font-size:
    8.5px;

  line-height:
    1.45;
}


/* --------------------------------------------------------------------------
   COMPANY BROWSE GROUPING
   -------------------------------------------------------------------------- */

.xc-company-directory-groups {
  display:
    grid;

  gap:
    25px;
}


.xc-company-directory-group {
  display:
    grid;

  gap:
    12px;
}


.xc-company-directory-heading {
  display:
    flex;

  align-items:
    end;

  justify-content:
    space-between;

  gap:
    18px;

  padding:
    0 2px 10px;

  border-bottom:
    1px solid var(--xc-line);
}


.xc-company-directory-heading
.xc-eyebrow {
  margin:
    0 0 3px;
}


.xc-company-directory-heading h3 {
  margin:
    0;

  color:
    var(--xc-ink);

  font-family:
    var(--xc-serif);

  font-size:
    clamp(24px,2.4vw,32px);

  font-weight:
    500;

  line-height:
    1.03;

  letter-spacing:
    -.8px;
}


.xc-company-directory-heading > span {
  color:
    var(--xc-muted);

  font-size:
    8.5px;
}


.xc-company-member-grid {
  width:
    100%;
}


/* Search intentionally resets A–Z letter while retaining browse/sort. */
.xc-directory-search-v2 {
  margin-bottom:
    10px !important;
}


/* --------------------------------------------------------------------------
   TABLET
   -------------------------------------------------------------------------- */

@media (max-width: 820px) {

  .xc-directory-browse-top {
    align-items:
      flex-start;

    flex-direction:
      column;

    gap:
      12px;
  }


  .xc-directory-sort {
    width:
      100%;
  }


  .xc-directory-sort label {
    flex:
      1;
  }


  .xc-directory-sort select {
    width:
      100%;
  }


  .xc-directory-alphabet {
    gap:
      4px;
  }


  .xc-directory-letter {
    width:
      29px;

    height:
      29px;
  }

}


/* --------------------------------------------------------------------------
   MOBILE
   -------------------------------------------------------------------------- */

@media (max-width: 560px) {

  .xc-directory-browse {
    padding:
      14px;
  }


  .xc-directory-mode {
    width:
      100%;

    align-items:
      flex-start;

    flex-direction:
      column;

    gap:
      7px;
  }


  .xc-directory-mode-switch {
    width:
      100%;
  }


  .xc-directory-mode-switch a {
    flex:
      1;
  }


  .xc-directory-alphabet {
    justify-content:
      flex-start;
  }


  .xc-directory-letter {
    width:
      28px;

    height:
      28px;

    border-radius:
      7px;
  }


  .xc-directory-letter-all {
    width:
      auto;

    min-width:
      40px;
  }


  .xc-company-directory-heading {
    align-items:
      flex-start;

    flex-direction:
      column;

    gap:
      4px;
  }

}










/* ==========================================================================
   XTRIBE V60.8.5.37 — REFINED ASK-THE-COMMUNITY PAGE

   Append this at the VERY END of:
   assets/css/xtribe-community.css
   ========================================================================== */


/* --------------------------------------------------------------------------
   HERO
   -------------------------------------------------------------------------- */

.xc-ask-hero-v2 {
  padding:
    42px 0 40px !important;
}


.xc-ask-hero-inner {
  max-width:
    1040px !important;
}


.xc-ask-back-link {
  display:
    block !important;

  width:
    fit-content;

  margin:
    0 0 16px !important;
}


.xc-ask-hero-v2
.xc-eyebrow {
  display:
    block !important;

  margin:
    0 0 8px !important;
}


.xc-ask-hero-v2 h1 {
  max-width:
    820px;

  margin:
    0 0 13px !important;

  font-size:
    clamp(43px,4.2vw,58px) !important;

  font-weight:
    500 !important;

  line-height:
    .99 !important;

  letter-spacing:
    -2.15px !important;
}


.xc-ask-hero-v2 h1 em {
  display:
    block;

  color:
    var(--xc-coral);

  font-style:
    italic;

  font-weight:
    500;
}


.xc-ask-hero-v2 p {
  max-width:
    760px !important;

  margin:
    0 !important;

  color:
    var(--xc-muted);

  font-size:
    13px !important;

  line-height:
    1.62 !important;
}


/* --------------------------------------------------------------------------
   PAGE LAYOUT
   -------------------------------------------------------------------------- */

.xc-ask-section-v2 {
  padding:
    44px 0 78px !important;
}


.xc-ask-layout-v2 {
  grid-template-columns:
    minmax(0,1fr)
    285px !important;

  gap:
    24px !important;
}


/* --------------------------------------------------------------------------
   COMPOSER
   -------------------------------------------------------------------------- */

.xc-ask-editor-v2 {
  padding:
    0 !important;

  overflow:
    hidden;

  border-radius:
    20px !important;

  background:
    var(--xc-white);
}


.xc-ask-step {
  padding:
    27px 30px 29px;

  border-bottom:
    1px solid var(--xc-line);
}


.xc-ask-step:last-child {
  border-bottom:
    0;
}


.xc-ask-step-head {
  display:
    grid;

  grid-template-columns:
    38px minmax(0,1fr);

  gap:
    13px;

  align-items:
    start;

  margin-bottom:
    21px;
}


.xc-ask-step-number {
  display:
    grid;

  width:
    36px;

  height:
    36px;

  place-items:
    center;

  border-radius:
    50%;

  background:
    var(--xc-ink);

  color:
    var(--xc-paper);

  font-size:
    8px;

  font-weight:
    900;

  letter-spacing:
    .04em;
}


.xc-ask-step-head
.xc-eyebrow {
  display:
    block;

  margin:
    1px 0 5px;
}


.xc-ask-step-head h2 {
  margin:
    0;

  color:
    var(--xc-ink);

  font-family:
    var(--xc-serif);

  font-size:
    25px;

  font-weight:
    500;

  line-height:
    1.07;

  letter-spacing:
    -.7px;
}


.xc-ask-step-head p {
  max-width:
    620px;

  margin:
    6px 0 0;

  color:
    var(--xc-muted);

  font-size:
    10.5px;

  line-height:
    1.5;
}


/* --------------------------------------------------------------------------
   FIELDS
   -------------------------------------------------------------------------- */

.xc-ask-editor-v2
.xc-form-field {
  gap:
    6px !important;

  margin-bottom:
    17px !important;
}


.xc-ask-editor-v2
.xc-form-field label {
  font-size:
    10.5px !important;
}


.xc-ask-editor-v2
.xc-form-field input,
.xc-ask-editor-v2
.xc-form-field select {
  height:
    44px !important;

  padding:
    0 12px !important;

  border-radius:
    10px !important;

  font-size:
    11.5px !important;
}


.xc-ask-editor-v2
.xc-form-field textarea {
  min-height:
    0;

  padding:
    11px 12px !important;

  border-radius:
    10px !important;

  font-size:
    11.5px !important;

  line-height:
    1.52 !important;
}


.xc-ask-editor-v2
.xc-form-field small {
  font-size:
    8.5px !important;
}


.xc-ask-editor-v2
.xc-form-two {
  gap:
    12px !important;
}


/* --------------------------------------------------------------------------
   CONFIRMATION — dedicated alignment, not generic .xc-confirmation.
   -------------------------------------------------------------------------- */

.xc-ask-confirmation {
  display:
    grid !important;

  grid-template-columns:
    20px minmax(0,1fr) !important;

  gap:
    11px !important;

  align-items:
    start !important;

  width:
    100%;

  margin:
    3px 0 0 !important;

  padding:
    13px 14px !important;

  border:
    1px solid rgba(10,52,52,.07);

  border-radius:
    12px;

  background:
    var(--xc-paper);

  cursor:
    pointer;
}


.xc-ask-confirmation
input[type="checkbox"] {
  appearance:
    auto !important;

  display:
    block !important;

  width:
    16px !important;

  height:
    16px !important;

  min-width:
    16px !important;

  max-width:
    16px !important;

  margin:
    2px 0 0 !important;

  padding:
    0 !important;

  justify-self:
    start !important;

  align-self:
    start !important;

  accent-color:
    var(--xc-coral);

  box-shadow:
    none !important;
}


.xc-ask-confirmation > span {
  display:
    grid !important;

  gap:
    3px;

  min-width:
    0;

  margin:
    0 !important;

  text-align:
    left !important;
}


.xc-ask-confirmation b {
  color:
    var(--xc-ink);

  font-size:
    10px;

  font-weight:
    850;

  line-height:
    1.35;
}


.xc-ask-confirmation small {
  color:
    var(--xc-muted);

  font-size:
    9px;

  line-height:
    1.5;
}


.xc-ask-actions {
  margin-top:
    18px !important;
}


/* --------------------------------------------------------------------------
   GUIDANCE RAIL
   -------------------------------------------------------------------------- */

.xc-ask-guidance-v2 {
  gap:
    12px !important;

  top:
    88px !important;
}


.xc-ask-guidance-v2
.xc-guidance-card {
  padding:
    19px !important;

  border-radius:
    16px !important;
}


.xc-ask-guidance-v2
.xc-card-number {
  width:
    34px;

  height:
    34px;

  margin-bottom:
    12px;

  font-size:
    8px;
}


.xc-ask-guidance-v2
.xc-guidance-card h2 {
  margin:
    7px 0 13px !important;

  font-size:
    23px !important;

  line-height:
    1.06 !important;
}


.xc-ask-guidance-v2
.xc-guidance-card h3 {
  margin:
    8px 0 !important;

  font-size:
    21px !important;

  line-height:
    1.08 !important;
}


.xc-ask-guidance-v2
.xc-guidance-card p {
  font-size:
    10px !important;

  line-height:
    1.55 !important;
}


/* Recipe */
.xc-ask-recipe ol {
  display:
    grid;

  gap:
    0;

  margin:
    0;

  padding:
    0;

  list-style:
    none;
}


.xc-ask-recipe li {
  display:
    grid;

  gap:
    2px;

  padding:
    9px 0;

  border-top:
    1px solid var(--xc-line);
}


.xc-ask-recipe li b {
  color:
    var(--xc-ink);

  font-size:
    9.5px;
}


.xc-ask-recipe li span {
  color:
    var(--xc-muted);

  font-size:
    9px;

  line-height:
    1.45;
}


/* Topic vs question example */
.xc-ask-example-card {
  background:
    var(--xc-paper);
}


.xc-ask-weak-example,
.xc-ask-strong-example {
  padding:
    10px 11px;

  border-radius:
    10px;

  font-size:
    9.5px !important;

  line-height:
    1.45 !important;
}


.xc-ask-weak-example {
  margin:
    10px 0 4px !important;

  background:
    rgba(228,125,107,.08);

  color:
    var(--xc-muted) !important;
}


.xc-ask-example-arrow {
  display:
    block;

  margin:
    4px 0;

  color:
    var(--xc-coral);

  font-size:
    7.5px;

  font-weight:
    900;

  letter-spacing:
    .08em;

  text-transform:
    uppercase;
}


.xc-ask-strong-example {
  margin:
    4px 0 0 !important;

  background:
    var(--xc-sage);

  color:
    var(--xc-ink) !important;
}


/* --------------------------------------------------------------------------
   TABLET
   -------------------------------------------------------------------------- */

@media (max-width: 900px) {

  .xc-ask-layout-v2 {
    grid-template-columns:
      1fr !important;
  }


  .xc-ask-guidance-v2 {
    position:
      static !important;

    display:
      grid;

    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}


/* --------------------------------------------------------------------------
   MOBILE
   -------------------------------------------------------------------------- */

@media (max-width: 640px) {

  .xc-ask-hero-v2 {
    padding:
      34px 0 31px !important;
  }


  .xc-ask-hero-v2 h1 {
    font-size:
      clamp(37px,9.8vw,45px) !important;

    line-height:
      1.01 !important;

    letter-spacing:
      -1.65px !important;
  }


  .xc-ask-section-v2 {
    padding:
      32px 0 58px !important;
  }


  .xc-ask-step {
    padding:
      21px 18px 23px;
  }


  .xc-ask-step-head {
    grid-template-columns:
      32px minmax(0,1fr);

    gap:
      10px;
  }


  .xc-ask-step-number {
    width:
      31px;

    height:
      31px;
  }


  .xc-ask-step-head h2 {
    font-size:
      22px;
  }


  .xc-ask-editor-v2
  .xc-form-two {
    grid-template-columns:
      1fr !important;
  }


  .xc-ask-confirmation {
    grid-template-columns:
      18px minmax(0,1fr) !important;

    gap:
      9px !important;

    padding:
      12px !important;
  }


  .xc-ask-confirmation
  input[type="checkbox"] {
    width:
      15px !important;

    height:
      15px !important;

    min-width:
      15px !important;

    max-width:
      15px !important;
  }


  .xc-ask-guidance-v2 {
    grid-template-columns:
      1fr;
  }

}










/* ==========================================================================
   XTRIBE V60.8.5.58 — COMMUNITY H1 FINAL OVERRIDE

   Append to the VERY END of:
       assets/css/xtribe-community.css

   xtribe-community.css is loaded after xtribe-public.css, so Community needs
   its own final H1 authority.
   ========================================================================== */


/* Community landing is a PRIMARY public hero. */
html body
.xp-main.xp-main
.xc-hero h1 {
  font-family:
    var(--xc-serif, Georgia, "Times New Roman", serif) !important;

  font-size:
    var(--xh-h1-primary, 64px) !important;

  font-weight:
    500 !important;

  line-height:
    var(--xh-h1-primary-lh, .98) !important;

  letter-spacing:
    var(--xh-h1-primary-track, -2.8px) !important;
}


/* Community product/utility screens use the UTILITY H1 token. */
html body
.xp-main.xp-main
.xc-message-hero-v2 h1,

html body
.xp-main.xp-main
.xc-directory-hero-copy h1,

html body
.xp-main.xp-main
.xc-form-hero h1,

html body
.xp-main.xp-main
.xc-profile-editor-hero-v2 h1,

html body
.xp-main.xp-main
.xc-profile-intro h1,

html body
.xp-main.xp-main
.xc-conversation-header h1 {
  font-family:
    var(--xc-serif, Georgia, "Times New Roman", serif) !important;

  font-size:
    var(--xh-h1-utility, 48px) !important;

  font-weight:
    500 !important;

  line-height:
    var(--xh-h1-utility-lh, 1.02) !important;

  letter-spacing:
    var(--xh-h1-utility-track, -1.55px) !important;
}


/* Business Q&A question title is editorial/detail content. */
html body
.xp-main.xp-main
.xc-question-full h1 {
  font-family:
    var(--xc-serif, Georgia, "Times New Roman", serif) !important;

  font-size:
    var(--xh-h1-editorial, 56px) !important;

  font-weight:
    500 !important;

  line-height:
    var(--xh-h1-editorial-lh, .99) !important;

  letter-spacing:
    var(--xh-h1-editorial-track, -2.2px) !important;
}


/* Explicit visual accents only. */
html body
.xp-main
h1
.xh-heading-accent {
  display:
    block;

  color:
    #E47D6B !important;

  font-style:
    normal !important;

  font-weight:
    500 !important;
}


@media (max-width: 1199px) {
  html body .xp-main.xp-main .xc-hero h1 {
    font-size: 58px !important;
  }

  html body .xp-main.xp-main .xc-question-full h1 {
    font-size: 52px !important;
  }

  html body .xp-main.xp-main .xc-message-hero-v2 h1,
  html body .xp-main.xp-main .xc-directory-hero-copy h1,
  html body .xp-main.xp-main .xc-form-hero h1,
  html body .xp-main.xp-main .xc-profile-editor-hero-v2 h1,
  html body .xp-main.xp-main .xc-profile-intro h1,
  html body .xp-main.xp-main .xc-conversation-header h1 {
    font-size: 46px !important;
  }
}


@media (max-width: 900px) {
  html body .xp-main.xp-main .xc-hero h1 {
    font-size: 52px !important;
  }

  html body .xp-main.xp-main .xc-question-full h1 {
    font-size: 48px !important;
  }

  html body .xp-main.xp-main .xc-message-hero-v2 h1,
  html body .xp-main.xp-main .xc-directory-hero-copy h1,
  html body .xp-main.xp-main .xc-form-hero h1,
  html body .xp-main.xp-main .xc-profile-editor-hero-v2 h1,
  html body .xp-main.xp-main .xc-profile-intro h1,
  html body .xp-main.xp-main .xc-conversation-header h1 {
    font-size: 44px !important;
  }
}


@media (max-width: 640px) {
  html body .xp-main.xp-main .xc-hero h1 {
    font-size: 44px !important;
  }

  html body .xp-main.xp-main .xc-question-full h1 {
    font-size: 40px !important;
  }

  html body .xp-main.xp-main .xc-message-hero-v2 h1,
  html body .xp-main.xp-main .xc-directory-hero-copy h1,
  html body .xp-main.xp-main .xc-form-hero h1,
  html body .xp-main.xp-main .xc-profile-editor-hero-v2 h1,
  html body .xp-main.xp-main .xc-profile-intro h1,
  html body .xp-main.xp-main .xc-conversation-header h1 {
    font-size: 38px !important;
  }
}










/* ==========================================================================
   XTRIBE V60.8.5.65 — COMMUNITY CONTINUITY ALIGNMENT

   Append to the VERY END of:
       assets/css/xtribe-community.css

   Community is the continuity layer first.
   Business Q&A is a feature inside it.
   ========================================================================== */


/* --------------------------------------------------------------------------
   HERO
   -------------------------------------------------------------------------- */

.xc-community-page
.xc-community-hero-v3 {
  padding-bottom: 70px;
}


.xc-community-page
.xc-community-hero-grid-v3 {
  grid-template-columns: minmax(0,1.04fr) minmax(380px,.82fr);
  gap: 56px;
  align-items: center;
}


.xc-community-page
.xc-community-hero-v3
.xc-hero-copy {
  max-width: 720px;
}


.xc-community-page
.xc-community-hero-v3
.xc-hero-copy
.xh-public-hero-title {
  margin-bottom: 22px;
}


.xc-community-page
.xc-community-hero-v3
.xc-hero-lead {
  max-width: 660px;
}


.xc-community-page
.xc-community-context-card-v3 {
  padding: 27px;
  border: 1px solid #DED8CC;
  border-radius: 19px;
  background: #FFFFFF;
  box-shadow: 0 22px 52px rgba(10,52,52,.08);
}


.xc-community-page
.xc-community-context-card-v3 h2 {
  max-width: 410px;
  margin: 10px 0 20px;
  color: #0A3434;
  font-family: var(--xc-serif,Georgia,"Times New Roman",serif);
  font-size: 29px;
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -.8px;
}


.xc-community-page
.xc-community-context-profile-v3 {
  display: grid;
  gap: 9px;
}


.xc-community-page
.xc-community-context-profile-v3 > div {
  display: grid;
  gap: 4px;
  padding: 13px 14px;
  border-radius: 11px;
  background: #F5F0E7;
}


.xc-community-page
.xc-community-context-profile-v3 small {
  color: #E47D6B;
  font-size: 7.5px;
  font-weight: 900;
  letter-spacing: .09em;
}


.xc-community-page
.xc-community-context-profile-v3 strong {
  color: #315653;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.46;
}


.xc-community-page
.xc-community-context-private-v3 {
  margin: 14px 0 0;
  padding-top: 13px;
  border-top: 1px solid #ECE6DC;
  color: #75807C;
  font-size: 8.5px;
  line-height: 1.5;
}


/* --------------------------------------------------------------------------
   CONTINUITY
   -------------------------------------------------------------------------- */

.xc-community-page
.xc-community-continuity-v3 {
  padding: 70px 0 74px;
  background: #F5F0E7;
}


.xc-community-page
.xc-continuity-heading-v3 {
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(310px,.72fr);
  gap: 46px;
  align-items: end;
  margin-bottom: 28px;
}


.xc-community-page
.xc-continuity-heading-v3 h2 {
  max-width: 780px;
  margin: 9px 0 0;
  color: #0A3434;
  font-family: var(--xc-serif,Georgia,"Times New Roman",serif);
  font-size: 46px;
  font-weight: 500;
  line-height: 1.01;
  letter-spacing: -1.6px;
}


.xc-community-page
.xc-continuity-heading-v3 h2 span {
  display: block;
  color: #E47D6B;
  font-style: normal;
}


.xc-community-page
.xc-continuity-heading-v3 > p {
  margin: 0;
  color: #66716D;
  font-size: 10.5px;
  line-height: 1.65;
}


.xc-community-page
.xc-continuity-grid-v3 {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 13px;
}


.xc-community-page
.xc-continuity-grid-v3 article {
  min-height: 225px;
  padding: 22px;
  border: 1px solid rgba(10,52,52,.09);
  border-radius: 16px;
  background: #FFFFFF;
}


.xc-community-page
.xc-continuity-number-v3 {
  display: block;
  color: #E47D6B;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .1em;
}


.xc-community-page
.xc-continuity-label-v3 {
  display: block;
  margin-top: 22px;
  color: #6E7773;
  font-size: 7.5px;
  font-weight: 900;
  letter-spacing: .1em;
}


.xc-community-page
.xc-continuity-grid-v3 h3 {
  margin: 8px 0 9px;
  color: #0A3434;
  font-family: var(--xc-serif,Georgia,"Times New Roman",serif);
  font-size: 25px;
  font-weight: 500;
  line-height: 1.05;
}


.xc-community-page
.xc-continuity-grid-v3 p {
  margin: 0;
  color: #69736F;
  font-size: 10px;
  line-height: 1.62;
}


.xc-community-page
.xc-continuity-rule-v3 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 30px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(10,52,52,.12);
}


.xc-community-page
.xc-continuity-rule-v3 strong {
  color: #0A3434;
  font-family: var(--xc-serif,Georgia,"Times New Roman",serif);
  font-size: 24px;
  font-weight: 500;
}


.xc-community-page
.xc-continuity-rule-v3 span {
  color: #6B7470;
  font-size: 10px;
}


/* --------------------------------------------------------------------------
   MEMBER CONTEXT
   -------------------------------------------------------------------------- */

.xc-community-page
.xc-community-member-context-v3 {
  padding: 67px 0;
  background: #FFFFFF;
}


.xc-community-page
.xc-member-context-grid-v3 {
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(300px,.72fr) minmax(220px,.52fr);
  gap: 38px;
  align-items: center;
}


.xc-community-page
.xc-member-context-grid-v3 h2 {
  max-width: 650px;
  margin: 9px 0 12px;
  color: #0A3434;
  font-family: var(--xc-serif,Georgia,"Times New Roman",serif);
  font-size: 38px;
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -1.25px;
}


.xc-community-page
.xc-member-context-grid-v3 h2 span {
  display: block;
  color: #E47D6B;
}


.xc-community-page
.xc-member-context-grid-v3 > div:first-child > p {
  max-width: 620px;
  margin: 0;
  color: #69736F;
  font-size: 10.5px;
  line-height: 1.63;
}


.xc-community-page
.xc-member-context-fields-v3 {
  display: grid;
  gap: 8px;
}


.xc-community-page
.xc-member-context-fields-v3 > span {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 13px;
  border: 1px solid #E8E1D6;
  border-radius: 11px;
  background: #FAF7F1;
}


.xc-community-page
.xc-member-context-fields-v3 small {
  color: #E47D6B;
  font-size: 8px;
  font-weight: 900;
}


.xc-community-page
.xc-member-context-fields-v3 strong {
  color: #285450;
  font-size: 10px;
  font-weight: 750;
}


.xc-community-page
.xc-member-context-action-v3 {
  display: grid;
  gap: 12px;
  justify-items: start;
}


.xc-community-page
.xc-member-context-action-v3 p {
  margin: 0;
  color: #6B7470;
  font-size: 9.5px;
  line-height: 1.55;
}


/* --------------------------------------------------------------------------
   BUSINESS Q&A
   -------------------------------------------------------------------------- */

.xc-community-page
.xc-business-qa-v3 {
  padding-top: 70px;
  background: #FAF7F1;
}


.xc-community-page
.xc-business-qa-heading-v3 {
  align-items: end;
}


.xc-community-page
.xc-business-qa-heading-v3 h2 span {
  display: block;
  color: #E47D6B;
}


.xc-community-page
.xc-business-qa-heading-v3 p {
  max-width: 670px;
  margin: 9px 0 0;
  color: #68716D;
  font-size: 10px;
  line-height: 1.58;
}


.xc-community-page
.xc-community-quick-links-v3 {
  display: grid;
  gap: 7px;
  margin-top: 15px;
}


.xc-community-page
.xc-community-quick-links-v3 a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 0;
  border-bottom: 1px solid #E7E0D5;
  color: #214E4B;
  font-size: 9.5px;
  font-weight: 800;
  text-decoration: none;
}


.xc-community-page
.xc-community-quick-links-v3 a:hover {
  color: #E47D6B;
}


/* Advertising is deliberately visually subordinate. */
.xc-community-page
.xc-index-paid-ad-stack-v3 {
  opacity: .92;
}


/* --------------------------------------------------------------------------
   FINAL CTA
   -------------------------------------------------------------------------- */

.xc-community-page
.xc-bottom-cta-v3 h2 {
  max-width: 650px;
}


/* --------------------------------------------------------------------------
   RESPONSIVE
   -------------------------------------------------------------------------- */

@media (max-width: 1050px) {

  .xc-community-page
  .xc-community-hero-grid-v3,

  .xc-community-page
  .xc-continuity-heading-v3 {
    grid-template-columns: 1fr;
  }

  .xc-community-page
  .xc-member-context-grid-v3 {
    grid-template-columns: 1fr 1fr;
  }

  .xc-community-page
  .xc-member-context-action-v3 {
    grid-column: 1 / -1;
  }

}


@media (max-width: 760px) {

  .xc-community-page
  .xc-community-continuity-v3,

  .xc-community-page
  .xc-community-member-context-v3,

  .xc-community-page
  .xc-business-qa-v3 {
    padding-block: 52px;
  }

  .xc-community-page
  .xc-continuity-heading-v3 h2 {
    font-size: 38px;
  }

  .xc-community-page
  .xc-continuity-grid-v3,

  .xc-community-page
  .xc-member-context-grid-v3 {
    grid-template-columns: 1fr;
  }

  .xc-community-page
  .xc-continuity-grid-v3 article {
    min-height: 0;
  }

  .xc-community-page
  .xc-continuity-rule-v3 {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .xc-community-page
  .xc-member-context-action-v3 {
    grid-column: auto;
  }

}


@media (max-width: 520px) {

  .xc-community-page
  .xc-community-context-card-v3 {
    padding: 20px;
  }

  .xc-community-page
  .xc-community-context-card-v3 h2 {
    font-size: 25px;
  }

  .xc-community-page
  .xc-continuity-heading-v3 h2,

  .xc-community-page
  .xc-member-context-grid-v3 h2 {
    font-size: 34px;
  }

}










/* ==========================================================================
   XTRIBE V60.8.5.66 — COMMUNITY THREE ADS + READING VISIBILITY

   Append to the VERY END of:
       assets/css/xtribe-community.css

   Goal:
   - three paid placements can appear;
   - ads remain clearly separate from member/Q&A content;
   - strong visibility beside the Q&A / answer reading column;
   - no native-ad disguise.
   ========================================================================== */


/* ==========================================================================
   1. COMMUNITY INDEX — PAID RAIL COMES FIRST
   ========================================================================== */

.xc-community-page
.xc-community-sidebar-v3 {
  align-content:
    start;
}


.xc-community-page
.xc-community-sidebar-v3
.xc-index-paid-ad-stack-v4 {
  display:
    grid !important;

  gap:
    11px !important;

  width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 0 15px !important;

  padding:
    12px !important;

  border:
    1px solid rgba(10,52,52,.13);

  border-radius:
    16px;

  background:
    rgba(255,255,255,.82);

  box-shadow:
    0 14px 34px rgba(10,52,52,.065);

  opacity:
    1 !important;

  visibility:
    visible !important;
}


/* A visible sponsorship header, without looking like editorial content. */
.xc-community-page
.xc-index-paid-ad-stack-v4
.xc-index-paid-ad-heading {
  display:
    flex !important;

  align-items:
    baseline;

  justify-content:
    space-between;

  gap:
    10px;

  padding:
    0 1px 1px;
}


.xc-community-page
.xc-index-paid-ad-stack-v4
.xc-index-paid-ad-heading > span {
  color:
    #E47D6B !important;

  font-size:
    8px !important;

  font-weight:
    900 !important;

  letter-spacing:
    .12em !important;
}


.xc-community-page
.xc-index-paid-ad-stack-v4
.xc-index-paid-ad-heading > small {
  color:
    rgba(10,52,52,.54) !important;

  font-size:
    8.5px !important;
}


/* Each ad is a proper commercial card, not a fake answer card. */
.xc-community-page
.xc-index-paid-ad-stack-v4
.xc-image-ad {
  display:
    block !important;

  overflow:
    hidden;

  width:
    100% !important;

  min-width:
    0 !important;

  border:
    1px solid rgba(10,52,52,.13) !important;

  border-radius:
    13px !important;

  background:
    #FFFFFF !important;

  box-shadow:
    0 6px 18px rgba(10,52,52,.045) !important;

  opacity:
    1 !important;

  visibility:
    visible !important;
}


.xc-community-page
.xc-index-paid-ad-stack-v4
.xc-image-ad-link {
  display:
    block !important;

  overflow:
    hidden;

  margin:
    0 8px !important;

  border-radius:
    9px !important;

  background:
    #E3ECE5;
}


.xc-community-page
.xc-index-paid-ad-stack-v4
.xc-image-ad-link img {
  display:
    block !important;

  width:
    100% !important;

  max-width:
    none !important;

  height:
    auto !important;

  aspect-ratio:
    6 / 5 !important;

  object-fit:
    cover !important;

  opacity:
    1 !important;

  visibility:
    visible !important;
}


/* Keep the ad group beside the reader when all three can fit safely. */
@media (min-width: 961px) and (min-height: 1000px) {

  .xc-community-page
  .xc-community-sidebar-v3
  .xc-index-paid-ad-stack-v4 {
    position:
      sticky !important;

    top:
      82px !important;

    z-index:
      5;
  }

}


/* Never clip a three-ad stack on shorter desktop screens. */
@media (min-width: 961px) and (max-height: 999px) {

  .xc-community-page
  .xc-community-sidebar-v3
  .xc-index-paid-ad-stack-v4 {
    position:
      static !important;
  }

}


/* ==========================================================================
   2. QUESTION DETAIL — REINFORCE THE EXISTING THREE-AD READING RAIL

   The question page already requests three ads. V66 keeps that commercial
   rail highly visible while answers are being read.
   ========================================================================== */

.xc-community-page
.xc-commercial-rail
.xc-paid-ad-stack {
  display:
    grid !important;

  gap:
    11px !important;

  width:
    100% !important;

  opacity:
    1 !important;

  visibility:
    visible !important;
}


.xc-community-page
.xc-commercial-rail
.xc-paid-ad-stack
.xc-image-ad {
  opacity:
    1 !important;

  visibility:
    visible !important;
}


@media (min-width: 961px) and (min-height: 1000px) {

  .xc-community-page
  .xc-commercial-rail
  .xc-paid-ad-stack {
    position:
      sticky !important;

    top:
      82px !important;

    z-index:
      5;
  }

}


@media (min-width: 961px) and (max-height: 999px) {

  .xc-community-page
  .xc-commercial-rail
  .xc-paid-ad-stack {
    position:
      static !important;
  }

}


/* ==========================================================================
   3. TABLET / MOBILE

   Keep sponsorship obvious and readable. We deliberately do not disguise
   advertisements as question or answer cards.
   ========================================================================== */

@media (max-width: 960px) {

  .xc-community-page
  .xc-community-sidebar-v3
  .xc-index-paid-ad-stack-v4,

  .xc-community-page
  .xc-commercial-rail
  .xc-paid-ad-stack {
    position:
      static !important;

    width:
      min(100%, 390px) !important;

    margin-inline:
      auto !important;
  }

}


@media (max-width: 760px) {

  .xc-community-page
  .xc-community-sidebar-v3
  .xc-index-paid-ad-stack-v4 {
    padding:
      10px !important;
  }

}









/* ==========================================================================
   XTRIBE V60.8.5.68 — MEMBER CONTEXT DISCOVERY ALIGNMENT

   Append to the VERY END of:
       assets/css/xtribe-community.css

   The member directory should help people recognise relevance, not behave
   primarily like a digital address book.
   ========================================================================== */


/* ==========================================================================
   1. HERO
   ========================================================================== */

.xc-members-page
.xc-directory-hero-v3
.xc-directory-hero-copy > p {
  max-width:
    720px;
}


.xc-members-page
.xc-directory-principles-v3 {
  grid-template-columns:
    repeat(2,minmax(0,1fr));
}


.xc-members-page
.xc-directory-context-card-v3 li {
  align-items:
    start;
}


.xc-members-page
.xc-directory-context-card-v3 li > span {
  display:
    grid;

  gap:
    2px;
}


.xc-members-page
.xc-directory-context-card-v3 li strong {
  color:
    #FAF7F1;

  font-size:
    9.5px;

  font-weight:
    800;
}


.xc-members-page
.xc-directory-context-card-v3 li > span {
  color:
    rgba(250,247,241,.67);

  font-size:
    9px;

  line-height:
    1.42;
}


/* ==========================================================================
   2. SEARCH + CONTINUITY SCOPE
   ========================================================================== */

.xc-members-page
.xc-directory-search-v2 {
  margin-bottom:
    12px !important;
}


.xc-members-page
.xc-directory-scope-v3 {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    24px;

  margin-bottom:
    18px;

  padding:
    13px 15px;

  border:
    1px solid rgba(10,52,52,.09);

  border-radius:
    13px;

  background:
    #F5F0E7;
}


.xc-members-page
.xc-directory-scope-v3 > div:first-child {
  max-width:
    590px;
}


.xc-members-page
.xc-directory-scope-v3 p {
  margin:
    3px 0 0;

  color:
    #6B7571;

  font-size:
    9px;

  line-height:
    1.45;
}


.xc-members-page
.xc-directory-scope-switch-v3 {
  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    6px;
}


.xc-members-page
.xc-directory-scope-switch-v3 a {
  padding:
    8px 10px;

  border:
    1px solid rgba(10,52,52,.11);

  border-radius:
    999px;

  background:
    #FFFFFF;

  color:
    #315653;

  font-size:
    8.5px;

  font-weight:
    800;

  text-decoration:
    none;
}


.xc-members-page
.xc-directory-scope-switch-v3 a.is-active {
  border-color:
    #0A3434;

  background:
    #0A3434;

  color:
    #FAF7F1;
}


/* ==========================================================================
   3. A–Z IS A SECONDARY UTILITY, NOT THE PRIMARY DISCOVERY MODEL
   ========================================================================== */

.xc-members-page
.xc-directory-index-v3 {
  margin-top:
    12px;

  border-top:
    1px solid #E9E2D7;
}


.xc-members-page
.xc-directory-index-v3 > summary {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    20px;

  padding:
    12px 0 4px;

  cursor:
    pointer;

  list-style:
    none;
}


.xc-members-page
.xc-directory-index-v3 > summary::-webkit-details-marker {
  display:
    none;
}


.xc-members-page
.xc-directory-index-v3 > summary span {
  display:
    grid;

  gap:
    2px;

  color:
    #315653;

  font-size:
    10px;

  font-weight:
    800;
}


.xc-members-page
.xc-directory-index-v3 > summary small {
  color:
    #E47D6B;

  font-size:
    7px;

  font-weight:
    900;

  letter-spacing:
    .08em;
}


.xc-members-page
.xc-directory-index-v3 > summary b {
  display:
    grid;

  width:
    24px;

  height:
    24px;

  place-items:
    center;

  border-radius:
    50%;

  background:
    #E3ECE5;

  color:
    #0A3434;

  font-size:
    16px;

  font-weight:
    500;

  transition:
    transform .18s ease;
}


.xc-members-page
.xc-directory-index-v3[open] > summary b {
  transform:
    rotate(45deg);
}


.xc-members-page
.xc-directory-index-v3
.xc-directory-alphabet {
  margin-top:
    11px;
}


/* ==========================================================================
   4. MEMBER CARDS — RELEVANCE FIELDS BECOME THE PRODUCT
   ========================================================================== */

.xc-members-page
.xc-member-card-v2 {
  min-height:
    390px;
}


.xc-members-page
.xc-member-relevance-v3 {
  display:
    grid;

  gap:
    10px;
}


.xc-members-page
.xc-member-context-v3 {
  padding-bottom:
    9px;

  border-bottom:
    1px solid #EEE7DC;
}


.xc-members-page
.xc-member-context-v3:last-child {
  padding-bottom:
    0;

  border-bottom:
    0;
}


.xc-members-page
.xc-member-context-v3 > p {
  min-height:
    0 !important;

  -webkit-line-clamp:
    2 !important;
}


.xc-members-page
.xc-member-shared-room-v3 {
  display:
    grid;

  gap:
    3px;

  margin-top:
    12px;

  padding:
    10px 11px;

  border:
    1px solid rgba(10,52,52,.09);

  border-radius:
    10px;

  background:
    #E3ECE5;
}


.xc-members-page
.xc-member-shared-room-v3 > span {
  color:
    #E47D6B;

  font-size:
    7px;

  font-weight:
    900;

  letter-spacing:
    .08em;
}


.xc-members-page
.xc-member-shared-room-v3 strong {
  color:
    #214E4B;

  font-size:
    9.5px;

  font-weight:
    800;

  line-height:
    1.35;
}


.xc-members-page
.xc-member-shared-room-v3 small {
  color:
    rgba(10,52,52,.54);

  font-size:
    7.5px;
}


/* ==========================================================================
   5. BOTTOM CTA
   ========================================================================== */

.xc-members-page
.xc-directory-bottom-cta h2
.xh-heading-accent {
  display:
    block;

  color:
    #E47D6B !important;

  font-style:
    normal !important;
}


/* ==========================================================================
   6. RESPONSIVE
   ========================================================================== */

@media (max-width: 900px) {

  .xc-members-page
  .xc-directory-scope-v3 {
    align-items:
      flex-start;

    flex-direction:
      column;
  }

}


@media (max-width: 700px) {

  .xc-members-page
  .xc-directory-principles-v3 {
    grid-template-columns:
      1fr;
  }

  .xc-members-page
  .xc-directory-scope-switch-v3 {
    width:
      100%;
  }

  .xc-members-page
  .xc-directory-scope-switch-v3 a {
    flex:
      1 1 190px;

    text-align:
      center;
  }

  .xc-members-page
  .xc-member-card-v2 {
    min-height:
      0;
  }

}










/* ==========================================================================
   XTRIBE V60.8.5.70 — PROFILE CONTEXT ALIGNMENT

   Append to the VERY END of:
       assets/css/xtribe-community.css

   The editor should teach the same mental model used in the room:
   What I do -> I can contribute -> I'm exploring.
   ========================================================================== */


/* ==========================================================================
   1. HERO
   ========================================================================== */

.xc-profile-edit-page
.xc-profile-editor-hero-v3 {
  padding:
    54px 0 48px;
}


.xc-profile-edit-page
.xc-profile-editor-hero-grid-v3 {
  display:
    grid;

  grid-template-columns:
    minmax(0,1.25fr)
    minmax(300px,.58fr);

  gap:
    46px;

  align-items:
    end;

  width:
    min(100% - 40px,1180px);

  margin:
    0 auto;
}


.xc-profile-edit-page
.xc-profile-editor-hero-v3
.xh-public-hero-title {
  margin:
    12px 0 17px;
}


.xc-profile-edit-page
.xc-profile-editor-hero-v3
.xh-public-hero-line {
  display:
    block;
}


.xc-profile-edit-page
.xc-profile-editor-hero-v3 p {
  max-width:
    760px;

  margin:
    0;

  color:
    var(--xc-muted);

  font-size:
    14px;

  line-height:
    1.62;
}


.xc-profile-edit-page
.xc-profile-context-summary-v3 {
  padding:
    22px;

  border:
    1px solid rgba(10,52,52,.11);

  border-radius:
    16px;

  background:
    #FFFFFF;

  box-shadow:
    0 12px 30px rgba(10,52,52,.055);
}


.xc-profile-edit-page
.xc-profile-context-score-v3 {
  display:
    flex;

  align-items:
    baseline;

  justify-content:
    space-between;

  gap:
    15px;

  margin:
    11px 0 9px;
}


.xc-profile-edit-page
.xc-profile-context-score-v3 strong {
  color:
    #0A3434;

  font-family:
    var(--xc-serif,Georgia,"Times New Roman",serif);

  font-size:
    42px;

  font-weight:
    500;

  line-height:
    1;
}


.xc-profile-edit-page
.xc-profile-context-score-v3 span {
  color:
    #E47D6B;

  font-size:
    9px;

  font-weight:
    900;

  letter-spacing:
    .06em;

  text-transform:
    uppercase;
}


.xc-profile-edit-page
.xc-profile-context-summary-v3 > p {
  margin:
    0 0 10px;

  font-size:
    10px;

  line-height:
    1.5;
}


/* ==========================================================================
   2. EDITOR DENSITY
   ========================================================================== */

.xc-profile-edit-page
.xc-profile-editor-section-v3 {
  padding:
    52px 0 92px;
}


.xc-profile-edit-page
.xc-profile-editor-layout-v3 {
  grid-template-columns:
    minmax(0,1fr)
    300px;

  gap:
    30px;
}


.xc-profile-edit-page
.xc-profile-editor-v3 {
  padding:
    30px;
}


.xc-profile-edit-page
.xc-profile-edit-step + .xc-profile-edit-step {
  margin-top:
    34px;
}


.xc-profile-edit-page
.xc-profile-step-kicker-v3 {
  display:
    block;

  margin-bottom:
    5px;

  color:
    #E47D6B;

  font-size:
    8px;

  font-weight:
    900;

  letter-spacing:
    .1em;
}


/* ==========================================================================
   3. PRIMARY CONTEXT
   ========================================================================== */

.xc-profile-edit-page
.xc-context-field-primary-v3 {
  margin-top:
    4px;

  padding:
    19px;

  border:
    1px solid rgba(10,52,52,.10);

  border-radius:
    14px;

  background:
    #F5F0E7;
}


.xc-profile-edit-page
.xc-context-field-primary-v3 > label,

.xc-profile-edit-page
.xc-context-field-v3 > label {
  color:
    #0A3434;

  font-family:
    var(--xc-serif,Georgia,"Times New Roman",serif);

  font-size:
    24px;

  font-weight:
    500;
}


.xc-profile-edit-page
.xc-context-prompt-v3 {
  max-width:
    680px;

  margin:
    -1px 0 3px;

  color:
    #69736F;

  font-size:
    9.5px;

  line-height:
    1.5;
}


.xc-profile-edit-page
.xc-context-pair-v3 {
  display:
    grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:
    12px;
}


.xc-profile-edit-page
.xc-context-field-v3 {
  margin:
    0;

  padding:
    18px;

  border:
    1px solid rgba(10,52,52,.10);

  border-radius:
    14px;

  background:
    #FFFFFF;
}


.xc-profile-edit-page
.xc-context-field-number-v3 {
  display:
    block;

  margin-bottom:
    8px;

  color:
    #E47D6B;

  font-size:
    7.5px;

  font-weight:
    900;

  letter-spacing:
    .09em;
}


/* ==========================================================================
   4. OPTIONAL DETAILS — PRESENT BUT NOT COMPETING
   ========================================================================== */

.xc-profile-edit-page
.xc-profile-optional-v3,

.xc-profile-edit-page
.xc-profile-private-record-v3 {
  overflow:
    hidden;

  margin-top:
    15px;

  border:
    1px solid #E8E1D6;

  border-radius:
    13px;

  background:
    rgba(255,255,255,.72);
}


.xc-profile-edit-page
.xc-profile-optional-v3 > summary,

.xc-profile-edit-page
.xc-profile-private-record-v3 > summary {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    20px;

  padding:
    13px 15px;

  cursor:
    pointer;

  list-style:
    none;

  color:
    #315653;

  font-size:
    10px;

  font-weight:
    800;
}


.xc-profile-edit-page
.xc-profile-optional-v3 > summary::-webkit-details-marker,

.xc-profile-edit-page
.xc-profile-private-record-v3 > summary::-webkit-details-marker {
  display:
    none;
}


.xc-profile-edit-page
.xc-profile-optional-v3 > summary span,

.xc-profile-edit-page
.xc-profile-private-record-v3 > summary span {
  display:
    grid;

  gap:
    2px;
}


.xc-profile-edit-page
.xc-profile-optional-v3 > summary small,

.xc-profile-edit-page
.xc-profile-private-record-v3 > summary small {
  color:
    #E47D6B;

  font-size:
    7px;

  font-weight:
    900;

  letter-spacing:
    .09em;
}


.xc-profile-edit-page
.xc-profile-optional-v3 > summary b,

.xc-profile-edit-page
.xc-profile-private-record-v3 > summary b {
  display:
    grid;

  width:
    25px;

  height:
    25px;

  place-items:
    center;

  border-radius:
    50%;

  background:
    #E3ECE5;

  color:
    #0A3434;

  font-size:
    16px;

  font-weight:
    500;

  transition:
    transform .18s ease;
}


.xc-profile-edit-page
.xc-profile-optional-v3[open] > summary b,

.xc-profile-edit-page
.xc-profile-private-record-v3[open] > summary b {
  transform:
    rotate(45deg);
}


.xc-profile-edit-page
.xc-profile-optional-body-v3 {
  padding:
    18px 16px 3px;

  border-top:
    1px solid #EEE7DD;
}


/* ==========================================================================
   5. PRIVACY / PUBLICATION
   ========================================================================== */

.xc-profile-edit-page
.xc-profile-visible-summary-v3 {
  margin-bottom:
    17px;

  padding:
    16px;

  border:
    1px solid rgba(10,52,52,.09);

  border-radius:
    13px;

  background:
    #E3ECE5;
}


.xc-profile-edit-page
.xc-profile-visible-summary-v3 p {
  margin:
    7px 0 5px;

  color:
    #4F625E;

  font-size:
    10px;

  line-height:
    1.55;
}


.xc-profile-edit-page
.xc-profile-visible-summary-v3 strong {
  display:
    block;

  color:
    #214E4B;

  font-size:
    9.5px;

  line-height:
    1.48;
}


.xc-profile-edit-page
.xc-profile-completion-v3 span {
  text-transform:
    none;
}


.xc-profile-edit-page
.xc-private-fieldset-v3 {
  margin:
    0;

  border:
    0;

  border-top:
    1px solid rgba(228,125,107,.25);

  border-radius:
    0;
}


.xc-profile-edit-page
.xc-private-record-intro-v3 {
  margin-bottom:
    15px !important;
}


.xc-profile-edit-page
.xc-profile-actions-v3 {
  align-items:
    center;
}


/* ==========================================================================
   6. GUIDANCE — TEACH THE MODEL, NOT FORM FILLING
   ========================================================================== */

.xc-profile-edit-page
.xc-profile-guidance-v3 {
  gap:
    12px;
}


.xc-profile-edit-page
.xc-profile-guidance-v3
.xc-guidance-card {
  padding:
    20px;
}


.xc-profile-edit-page
.xc-profile-model-card-v3 h2 {
  margin:
    9px 0 15px;

  font-size:
    26px;
}


.xc-profile-edit-page
.xc-profile-model-card-v3 ol {
  display:
    grid;

  gap:
    8px;

  margin:
    0;

  padding:
    0;

  list-style:
    none;
}


.xc-profile-edit-page
.xc-profile-model-card-v3 li {
  display:
    grid;

  grid-template-columns:
    27px minmax(0,1fr);

  gap:
    9px;

  padding:
    9px 0;

  border-bottom:
    1px solid #EEE7DC;
}


.xc-profile-edit-page
.xc-profile-model-card-v3 li:last-child {
  border-bottom:
    0;
}


.xc-profile-edit-page
.xc-profile-model-card-v3 li > span {
  display:
    grid;

  width:
    27px;

  height:
    27px;

  place-items:
    center;

  border-radius:
    50%;

  background:
    #F5F0E7;

  color:
    #E47D6B;

  font-size:
    7.5px;

  font-weight:
    900;
}


.xc-profile-edit-page
.xc-profile-model-card-v3 li div {
  display:
    grid;

  gap:
    2px;
}


.xc-profile-edit-page
.xc-profile-model-card-v3 li strong {
  color:
    #214E4B;

  font-size:
    10px;
}


.xc-profile-edit-page
.xc-profile-model-card-v3 li small {
  color:
    #78817D;

  font-size:
    8.5px;

  line-height:
    1.4;
}


/* ==========================================================================
   7. RESPONSIVE
   ========================================================================== */

@media (max-width: 980px) {

  .xc-profile-edit-page
  .xc-profile-editor-hero-grid-v3,

  .xc-profile-edit-page
  .xc-profile-editor-layout-v3 {
    grid-template-columns:
      1fr;
  }

  .xc-profile-edit-page
  .xc-profile-guidance-v3 {
    position:
      static;
  }

}


@media (max-width: 700px) {

  .xc-profile-edit-page
  .xc-profile-editor-hero-grid-v3 {
    width:
      min(100% - 28px,1180px);
  }

  .xc-profile-edit-page
  .xc-profile-editor-v3 {
    padding:
      22px;
  }

  .xc-profile-edit-page
  .xc-context-pair-v3 {
    grid-template-columns:
      1fr;
  }

}










/* ==========================================================================
   XTRIBE V60.8.5.71 — MESSAGES CONTEXT + CONTINUITY ALIGNMENT

   Append to the VERY END of:
       assets/css/xtribe-community.css

   Product rule:
   Recognise context -> review reason -> choose -> continue.
   ========================================================================== */


/* ==========================================================================
   1. MESSAGES HERO
   ========================================================================== */

.xc-message-centre-page
.xc-message-hero-v3 {
  padding:
    58px 0 54px;
}


.xc-message-centre-page
.xc-message-hero-inner-v3 {
  align-items:
    center;
}


.xc-message-centre-page
.xc-message-hero-v3
.xh-public-hero-title {
  margin:
    13px 0 17px;
}


.xc-message-centre-page
.xc-message-hero-v3
.xh-public-hero-line {
  display:
    block;
}


.xc-message-centre-page
.xc-message-hero-v3
.xh-public-hero-accent {
  color:
    #E47D6B !important;
}


.xc-message-centre-page
.xc-message-hero-v3 p {
  max-width:
    760px;

  margin:
    0;
}


.xc-message-centre-page
.xc-message-hero-actions-v3 {
  display:
    grid;

  gap:
    9px;

  justify-items:
    end;
}


.xc-message-centre-page
.xc-message-hero-text-link-v3 {
  color:
    rgba(250,247,241,.72);

  font-size:
    9px;

  font-weight:
    800;

  text-decoration:
    none;
}


.xc-message-centre-page
.xc-message-hero-text-link-v3:hover {
  color:
    #E47D6B;
}


/* ==========================================================================
   2. COMPACT OVERVIEW
   ========================================================================== */

.xc-message-centre-page
.xc-message-overview-v3 {
  position:
    relative;

  z-index:
    2;

  margin-top:
    -17px;
}


.xc-message-centre-page
.xc-message-overview-grid-v3 {
  display:
    grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  overflow:
    hidden;

  border:
    1px solid rgba(10,52,52,.11);

  border-radius:
    15px;

  background:
    #FFFFFF;

  box-shadow:
    0 10px 30px rgba(10,52,52,.055);
}


.xc-message-centre-page
.xc-message-overview-grid-v3 > a {
  position:
    relative;

  display:
    block;

  min-width:
    0;

  padding:
    13px 16px;

  border-right:
    1px solid #EAE3D8;

  color:
    #0A3434;

  text-decoration:
    none;
}


.xc-message-centre-page
.xc-message-overview-grid-v3 > a:last-child {
  border-right:
    0;
}


.xc-message-centre-page
.xc-message-overview-grid-v3 > a.is-current::after {
  position:
    absolute;

  right:
    14px;

  bottom:
    0;

  left:
    14px;

  height:
    2px;

  background:
    #E47D6B;

  content:
    "";
}


.xc-message-centre-page
.xc-message-overview-grid-v3 span,

.xc-message-centre-page
.xc-message-overview-grid-v3 strong,

.xc-message-centre-page
.xc-message-overview-grid-v3 small {
  display:
    block;
}


.xc-message-centre-page
.xc-message-overview-grid-v3 span {
  color:
    #E47D6B;

  font-size:
    7.5px;

  font-weight:
    900;

  letter-spacing:
    .09em;
}


.xc-message-centre-page
.xc-message-overview-grid-v3 strong {
  margin-top:
    3px;

  font-family:
    var(--xc-serif,Georgia,"Times New Roman",serif);

  font-size:
    25px;

  font-weight:
    500;
}


.xc-message-centre-page
.xc-message-overview-grid-v3 small {
  margin-top:
    2px;

  color:
    #78817D;

  font-size:
    8.5px;
}


.xc-message-centre-page
.xc-message-overview-grid-v3
.has-unread {
  background:
    #FFF4EE;
}


/* ==========================================================================
   3. CENTRE / TABS
   ========================================================================== */

.xc-message-centre-page
.xc-message-section-v3 {
  padding-top:
    38px;
}


.xc-message-centre-page
.xc-inbox-shell-v3 {
  box-shadow:
    0 12px 38px rgba(10,52,52,.05);
}


.xc-message-centre-page
.xc-inbox-tabs-v3 a {
  min-width:
    0;
}


.xc-message-centre-page
.xc-inbox-grid-v3 {
  grid-template-columns:
    minmax(265px,.72fr)
    minmax(0,1.48fr);
}


/* ==========================================================================
   4. LIST
   ========================================================================== */

.xc-message-centre-page
.xc-inbox-list-v3 {
  background:
    #F8F4ED;
}


.xc-message-centre-page
.xc-inbox-row-v3 {
  position:
    relative;
}


.xc-message-centre-page
.xc-inbox-row-v3.has-unread {
  background:
    #FFFFFF;
}


.xc-message-centre-page
.xc-inbox-row-v3.has-unread
.xc-inbox-row-copy > p {
  color:
    #315653;
}


.xc-message-centre-page
.xc-inbox-avatar-photo-v3,

.xc-message-centre-page
.xc-inbox-detail-photo-v3 {
  display:
    block;

  flex:
    0 0 auto;

  object-fit:
    cover;
}


.xc-message-centre-page
.xc-inbox-avatar-photo-v3 {
  width:
    38px;

  height:
    38px;

  border-radius:
    50%;
}


.xc-message-centre-page
.xc-inbox-detail-photo-v3 {
  width:
    54px;

  height:
    54px;

  border-radius:
    50%;
}


.xc-message-centre-page
.xc-inbox-unread-v3 {
  display:
    grid;

  width:
    20px;

  height:
    20px;

  place-items:
    center;

  border-radius:
    50%;

  background:
    #E47D6B;

  color:
    #FFFFFF;

  font-size:
    8px;

  font-weight:
    900;
}


/* ==========================================================================
   5. DETAIL — REASON + MEMBER CONTEXT
   ========================================================================== */

.xc-message-centre-page
.xc-inbox-detail-card-v3 {
  padding:
    25px;
}


.xc-message-centre-page
.xc-inbox-origin-v3 {
  margin-top:
    18px;

  padding:
    16px;

  border:
    1px solid rgba(228,125,107,.20);

  border-radius:
    12px;

  background:
    #FFF8F4;
}


.xc-message-centre-page
.xc-inbox-origin-v3 blockquote {
  margin:
    7px 0 0;

  padding:
    0;

  border:
    0;

  color:
    #3F504B;

  font-family:
    var(--xc-serif,Georgia,"Times New Roman",serif);

  font-size:
    17px;

  font-weight:
    500;

  line-height:
    1.42;
}


.xc-message-centre-page
.xc-inbox-member-context-v3 {
  margin-top:
    13px;

  padding:
    16px;

  border:
    1px solid rgba(10,52,52,.09);

  border-radius:
    12px;

  background:
    #E3ECE5;
}


.xc-message-centre-page
.xc-inbox-member-context-v3 > div {
  display:
    grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:
    8px;

  margin-top:
    8px;
}


.xc-message-centre-page
.xc-inbox-member-context-v3 article {
  min-width:
    0;

  padding:
    10px;

  border:
    1px solid rgba(10,52,52,.08);

  border-radius:
    9px;

  background:
    rgba(255,255,255,.72);
}


.xc-message-centre-page
.xc-inbox-member-context-v3 small {
  display:
    block;

  color:
    #E47D6B;

  font-size:
    7px;

  font-weight:
    900;

  letter-spacing:
    .07em;
}


.xc-message-centre-page
.xc-inbox-member-context-v3 p {
  margin:
    4px 0 0;

  color:
    #405752;

  font-size:
    9px;

  line-height:
    1.45;
}


.xc-message-centre-page
.xc-inbox-decision-v3 {
  margin-top:
    18px;
}


/* ==========================================================================
   6. TRUST RULE
   ========================================================================== */

.xc-message-centre-page
.xc-inbox-safety-v3 {
  align-items:
    flex-start;
}


.xc-message-centre-page
.xc-inbox-safety-v3 div {
  display:
    grid;

  gap:
    3px;
}


.xc-message-centre-page
.xc-inbox-safety-v3 strong {
  color:
    #214E4B;
}


.xc-message-centre-page
.xc-inbox-safety-v3 p {
  margin:
    0;
}


/* ==========================================================================
   7. CONVERSATION PAGE
   ========================================================================== */

.xc-conversation-page
.xc-conversation-shell-v3 {
  padding:
    38px 0 90px;
}


.xc-conversation-page
.xc-conversation-topbar-v3 {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    20px;

  margin-bottom:
    12px;
}


.xc-conversation-page
.xc-conversation-layout-v3 {
  display:
    grid;

  grid-template-columns:
    minmax(0,1fr)
    300px;

  gap:
    18px;

  align-items:
    start;
}


.xc-conversation-page
.xc-conversation-main-v3 {
  min-width:
    0;
}


.xc-conversation-page
.xc-conversation-header-v3 {
  border-radius:
    18px 18px 0 0;
}


.xc-conversation-page
.xc-conversation-header-v3
.xc-conversation-person h1 {
  font-size:
    30px;
}


.xc-conversation-page
.xc-conversation-person-photo-v3 {
  width:
    52px;

  height:
    52px;

  border-radius:
    50%;

  object-fit:
    cover;
}


.xc-conversation-page
.xc-conversation-origin-v3 {
  padding:
    14px 20px;

  border-inline:
    1px solid var(--xc-line);

  background:
    #FFF8F4;
}


.xc-conversation-page
.xc-conversation-origin-v3 p {
  margin:
    5px 0 0;

  color:
    #43504A;

  font-size:
    10px;

  line-height:
    1.52;
}


.xc-conversation-page
.xc-message-thread-v3 {
  min-height:
    360px;

  max-height:
    620px;
}


.xc-conversation-page
.xc-message-composer-v3 label {
  margin-bottom:
    3px;
}


.xc-conversation-page
.xc-composer-guidance-v3 {
  display:
    block;

  margin-bottom:
    9px;

  color:
    #78817D;

  font-size:
    9px;
}


.xc-conversation-page
.xc-conversation-context-rail-v3 {
  display:
    grid;

  gap:
    11px;

  position:
    sticky;

  top:
    96px;
}


.xc-conversation-page
.xc-conversation-context-card-v3,

.xc-conversation-page
.xc-conversation-choice-card-v3 {
  padding:
    18px;

  border:
    1px solid rgba(10,52,52,.10);

  border-radius:
    14px;

  background:
    #FFFFFF;
}


.xc-conversation-page
.xc-conversation-context-card-v3 > div {
  padding:
    10px 0;

  border-bottom:
    1px solid #EEE7DC;
}


.xc-conversation-page
.xc-conversation-context-card-v3 > div:last-of-type {
  border-bottom:
    0;
}


.xc-conversation-page
.xc-conversation-context-card-v3 small {
  display:
    block;

  color:
    #E47D6B;

  font-size:
    7px;

  font-weight:
    900;

  letter-spacing:
    .07em;
}


.xc-conversation-page
.xc-conversation-context-card-v3 p {
  margin:
    4px 0 0;

  color:
    #53635F;

  font-size:
    9.5px;

  line-height:
    1.48;
}


.xc-conversation-page
.xc-conversation-context-card-v3
.xc-text-link {
  display:
    inline-flex;

  margin-top:
    12px;
}


.xc-conversation-page
.xc-conversation-choice-card-v3 {
  background:
    #E3ECE5;
}


.xc-conversation-page
.xc-conversation-choice-card-v3 h2 {
  margin:
    7px 0 7px;

  color:
    #0A3434;

  font-family:
    var(--xc-serif,Georgia,"Times New Roman",serif);

  font-size:
    22px;

  font-weight:
    500;
}


.xc-conversation-page
.xc-conversation-choice-card-v3 p {
  margin:
    0;

  color:
    #53635F;

  font-size:
    9.5px;

  line-height:
    1.5;
}


.xc-conversation-page
.xc-conversation-controls-v3 {
  margin-top:
    0;
}


/* ==========================================================================
   8. RESPONSIVE
   ========================================================================== */

@media (max-width: 980px) {

  .xc-message-centre-page
  .xc-message-hero-inner-v3 {
    align-items:
      flex-start;

    flex-direction:
      column;
  }

  .xc-message-centre-page
  .xc-message-hero-actions-v3 {
    justify-items:
      start;
  }

  .xc-message-centre-page
  .xc-inbox-grid-v3,

  .xc-conversation-page
  .xc-conversation-layout-v3 {
    grid-template-columns:
      1fr;
  }

  .xc-conversation-page
  .xc-conversation-context-rail-v3 {
    grid-template-columns:
      repeat(2,minmax(0,1fr));

    position:
      static;
  }

  .xc-conversation-page
  .xc-conversation-controls-v3 {
    grid-column:
      1 / -1;
  }

}


@media (max-width: 700px) {

  .xc-message-centre-page
  .xc-message-overview-grid-v3 {
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .xc-message-centre-page
  .xc-message-overview-grid-v3 > a:nth-child(2) {
    border-right:
      0;
  }

  .xc-message-centre-page
  .xc-message-overview-grid-v3 > a:nth-child(-n+2) {
    border-bottom:
      1px solid #EAE3D8;
  }

  .xc-message-centre-page
  .xc-inbox-member-context-v3 > div,

  .xc-conversation-page
  .xc-conversation-context-rail-v3 {
    grid-template-columns:
      1fr;
  }

}










/* ==========================================================================
   XTRIBE V60.8.5.72 — ASK COMMUNITY CONTEXT + CONTRIBUTION ALIGNMENT

   Append to the VERY END of:
       assets/css/xtribe-community.css

   Ask flow:
   Decision -> Context -> Invite experience -> Contribution
   ========================================================================== */


/* ==========================================================================
   1. HERO
   ========================================================================== */

.xc-ask-page
.xc-ask-hero-v3 {
  padding:
    54px 0 50px;
}


.xc-ask-page
.xc-ask-hero-grid-v3 {
  display:
    grid;

  grid-template-columns:
    minmax(0,1.16fr)
    minmax(330px,.64fr);

  gap:
    48px;

  align-items:
    end;

  width:
    min(100% - 40px,1180px);

  margin:
    0 auto;
}


.xc-ask-page
.xc-ask-hero-copy-v3
.xh-public-hero-title {
  margin:
    13px 0 18px;
}


.xc-ask-page
.xc-ask-hero-copy-v3
.xh-public-hero-line {
  display:
    block;
}


.xc-ask-page
.xc-ask-hero-copy-v3 > p {
  max-width:
    740px;

  margin:
    0;

  color:
    var(--xc-muted);

  font-size:
    14px;

  line-height:
    1.62;
}


.xc-ask-page
.xc-ask-exploration-card-v3 {
  padding:
    21px;

  border:
    1px solid rgba(10,52,52,.10);

  border-radius:
    16px;

  background:
    #FFFFFF;

  box-shadow:
    0 12px 30px rgba(10,52,52,.05);
}


.xc-ask-page
.xc-ask-exploration-card-v3 h2 {
  margin:
    9px 0 10px;

  color:
    #0A3434;

  font-family:
    var(--xc-serif,Georgia,"Times New Roman",serif);

  font-size:
    25px;

  font-weight:
    500;

  line-height:
    1.05;
}


.xc-ask-page
.xc-ask-exploration-card-v3 > p {
  margin:
    0 0 10px;

  color:
    #6A7470;

  font-size:
    9.5px;

  line-height:
    1.5;
}


.xc-ask-page
.xc-ask-current-exploration-v3 {
  margin:
    12px 0 10px;

  padding:
    12px;

  border-radius:
    11px;

  background:
    #E3ECE5;
}


.xc-ask-page
.xc-ask-current-exploration-v3 small {
  display:
    block;

  color:
    #E47D6B;

  font-size:
    7px;

  font-weight:
    900;

  letter-spacing:
    .08em;
}


.xc-ask-page
.xc-ask-current-exploration-v3 p {
  margin:
    5px 0 0;

  color:
    #315653;

  font-family:
    var(--xc-serif,Georgia,"Times New Roman",serif);

  font-size:
    15px;

  line-height:
    1.4;
}


/* ==========================================================================
   2. EDITOR
   ========================================================================== */

.xc-ask-page
.xc-ask-section-v3 {
  padding:
    52px 0 90px;
}


.xc-ask-page
.xc-ask-layout-v3 {
  grid-template-columns:
    minmax(0,1fr)
    300px;

  gap:
    30px;
}


.xc-ask-page
.xc-ask-editor-v3 {
  padding:
    30px;
}


.xc-ask-page
.xc-ask-step-v3 {
  padding-bottom:
    32px;
}


.xc-ask-page
.xc-ask-step-v3 + .xc-ask-step-v3 {
  padding-top:
    32px;
}


.xc-ask-page
.xc-ask-decision-grid-v3 {
  grid-template-columns:
    minmax(190px,.48fr)
    minmax(0,1.52fr);
}


/* ==========================================================================
   3. CONTEXT PROMPTS
   ========================================================================== */

.xc-ask-page
.xc-ask-primary-context-v3 {
  padding:
    18px;

  border:
    1px solid rgba(10,52,52,.09);

  border-radius:
    14px;

  background:
    #F5F0E7;
}


.xc-ask-page
.xc-ask-context-prompts-v3 {
  display:
    grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:
    7px;

  margin:
    7px 0 11px;
}


.xc-ask-page
.xc-ask-context-prompts-v3 > span {
  display:
    grid;

  gap:
    2px;

  padding:
    9px;

  border:
    1px solid rgba(10,52,52,.08);

  border-radius:
    9px;

  background:
    rgba(255,255,255,.72);

  color:
    #69736F;

  font-size:
    8px;

  line-height:
    1.4;
}


.xc-ask-page
.xc-ask-context-prompts-v3 b {
  color:
    #E47D6B;

  font-size:
    7.5px;

  letter-spacing:
    .05em;
}


/* ==========================================================================
   4. OPTIONAL CONSTRAINT
   ========================================================================== */

.xc-ask-page
.xc-ask-optional-context-v3 {
  overflow:
    hidden;

  margin-top:
    13px;

  border:
    1px solid #E8E1D6;

  border-radius:
    12px;

  background:
    #FFFFFF;
}


.xc-ask-page
.xc-ask-optional-context-v3 > summary {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    20px;

  padding:
    12px 14px;

  cursor:
    pointer;

  list-style:
    none;

  color:
    #315653;

  font-size:
    9.5px;

  font-weight:
    800;
}


.xc-ask-page
.xc-ask-optional-context-v3 > summary::-webkit-details-marker {
  display:
    none;
}


.xc-ask-page
.xc-ask-optional-context-v3 > summary span {
  display:
    grid;

  gap:
    2px;
}


.xc-ask-page
.xc-ask-optional-context-v3 > summary small {
  color:
    #E47D6B;

  font-size:
    7px;

  font-weight:
    900;

  letter-spacing:
    .08em;
}


.xc-ask-page
.xc-ask-optional-context-v3 > summary b {
  display:
    grid;

  width:
    24px;

  height:
    24px;

  place-items:
    center;

  border-radius:
    50%;

  background:
    #E3ECE5;

  color:
    #0A3434;

  font-size:
    16px;

  font-weight:
    500;

  transition:
    transform .18s ease;
}


.xc-ask-page
.xc-ask-optional-context-v3[open] > summary b {
  transform:
    rotate(45deg);
}


.xc-ask-page
.xc-ask-optional-body-v3 {
  padding:
    15px 14px 0;

  border-top:
    1px solid #EEE7DD;
}


/* ==========================================================================
   5. CONTRIBUTION / CONFIRMATION
   ========================================================================== */

.xc-ask-page
.xc-ask-confirmation-v3 {
  margin-top:
    16px;
}


.xc-ask-page
.xc-ask-publication-note-v3 {
  display:
    grid;

  grid-template-columns:
    26px minmax(0,1fr);

  gap:
    9px;

  align-items:
    start;

  margin-top:
    12px;

  padding:
    11px 13px;

  border-radius:
    11px;

  background:
    #E3ECE5;
}


.xc-ask-page
.xc-ask-publication-note-v3 > span {
  display:
    grid;

  width:
    26px;

  height:
    26px;

  place-items:
    center;

  border-radius:
    50%;

  background:
    #FFFFFF;

  color:
    #E47D6B;
}


.xc-ask-page
.xc-ask-publication-note-v3 p {
  margin:
    0;

  color:
    #53635F;

  font-size:
    9px;

  line-height:
    1.5;
}


/* ==========================================================================
   6. GUIDANCE
   ========================================================================== */

.xc-ask-page
.xc-ask-guidance-v3 {
  gap:
    12px;
}


.xc-ask-page
.xc-ask-guidance-v3
.xc-guidance-card {
  padding:
    19px;
}


.xc-ask-page
.xc-ask-model-card-v3 h2 {
  margin:
    9px 0 14px;

  font-size:
    25px;
}


.xc-ask-page
.xc-ask-model-card-v3 ol {
  display:
    grid;

  gap:
    7px;

  margin:
    0;

  padding:
    0;

  list-style:
    none;
}


.xc-ask-page
.xc-ask-model-card-v3 li {
  display:
    grid;

  grid-template-columns:
    27px minmax(0,1fr);

  gap:
    9px;

  padding:
    8px 0;

  border-bottom:
    1px solid #EEE7DC;
}


.xc-ask-page
.xc-ask-model-card-v3 li:last-child {
  border-bottom:
    0;
}


.xc-ask-page
.xc-ask-model-card-v3 li > span {
  display:
    grid;

  width:
    27px;

  height:
    27px;

  place-items:
    center;

  border-radius:
    50%;

  background:
    #F5F0E7;

  color:
    #E47D6B;

  font-size:
    7.5px;

  font-weight:
    900;
}


.xc-ask-page
.xc-ask-model-card-v3 li div {
  display:
    grid;

  gap:
    2px;
}


.xc-ask-page
.xc-ask-model-card-v3 strong {
  color:
    #214E4B;

  font-size:
    9.5px;
}


.xc-ask-page
.xc-ask-model-card-v3 small {
  color:
    #78817D;

  font-size:
    8.3px;

  line-height:
    1.4;
}


/* ==========================================================================
   7. RESPONSIVE
   ========================================================================== */

@media (max-width: 980px) {

  .xc-ask-page
  .xc-ask-hero-grid-v3,

  .xc-ask-page
  .xc-ask-layout-v3 {
    grid-template-columns:
      1fr;
  }

  .xc-ask-page
  .xc-ask-guidance-v3 {
    position:
      static;
  }

}


@media (max-width: 760px) {

  .xc-ask-page
  .xc-ask-hero-grid-v3 {
    width:
      min(100% - 28px,1180px);
  }

  .xc-ask-page
  .xc-ask-editor-v3 {
    padding:
      22px;
  }

  .xc-ask-page
  .xc-ask-decision-grid-v3,

  .xc-ask-page
  .xc-ask-context-prompts-v3 {
    grid-template-columns:
      1fr;
  }

}