/* Help-center layout. Focus treatment is inherited from the shared theme. */
.root302-help .r3-help-header { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:24px; }
.root302-help .r3-help-heading { min-width:0; }
.root302-help .r3-help-header h1 { font-size:24px; margin:0 0 6px; }
.root302-help .r3-help-heading p { color:#60718b; font-size:14px; line-height:1.8; margin:0; }
.root302-help .r3-help-section-name { color:#304866; font-size:18px; font-weight:600; }
.root302-help .r3-help-tabs { margin:0; padding:4px; gap:4px; border:1px solid #e1e7f0; border-radius:9px; background:#fff; flex-shrink:0; }
.root302-help .r3-help-tabs a { min-height:38px; padding:0 16px; margin:0; border:0; border-radius:6px; font-size:13px; }
.root302-help .r3-help-tabs a.active { background:#edf3ff; color:#245bd5; }
.root302-help .r3-kb-search-form { display:flex; gap:10px; max-width:720px; margin:0 0 24px; align-items:center; }
.root302-help .r3-kb-search-field { position:relative; flex:1; min-width:0; }
.root302-help .r3-kb-search-field > i { position:absolute; left:15px; top:50%; transform:translateY(-50%); color:#8190a5; pointer-events:none; font-size:14px; }
.root302-help .r3-kb-search-field input { height:46px; padding:10px 14px 10px 40px; border:1px solid #dce4ef; border-radius:8px; background:#fff; font-size:14px; }
.root302-help .r3-kb-search-form > .btn { min-height:46px; padding:10px 24px; border-radius:8px; font-size:14px; flex-shrink:0; }
.root302-help .r3-help-empty { min-height:180px; padding:28px 24px; }
.root302-help .r3-help-empty-icon { width:42px; height:42px; font-size:19px; border-radius:11px; margin-bottom:12px; }
.root302-help .r3-help-empty h2 { font-size:15px; margin-bottom:6px; }
.root302-help .r3-kb-categories { margin-left:-8px; margin-right:-8px; }
.root302-help .r3-kb-categories > div { padding-left:8px; padding-right:8px; }
.root302-help .kb-category { margin-bottom:16px !important; height:calc(100% - 16px); }
.root302-help .kb-category .card-body { padding:20px; }
.root302-help .kb-category .h5 { font-size:15px; }
.root302-help .kb-category .h5 > i { color:#7893bc; margin-right:8px; }
.root302-help .kb-category .text-muted { font-size:14px; }
.root302-help .r3-kb-articles > .card-body { padding:18px 22px; border-bottom:1px solid #edf1f6; }
.root302-help .kb-article-item { padding:16px 22px; }
.root302-help .kb-article-item small { margin-top:5px; }
.root302-help .card article { max-width:880px; }
.root302-help .card article h2, .root302-help .card article h3 { margin-top:28px; line-height:1.5; }
.root302-help .card article code { overflow-wrap:anywhere; }
@media(max-width:767px) {
    .root302-help .r3-help-header { align-items:flex-start; flex-direction:column; gap:16px; margin-bottom:18px; }
    .root302-help .r3-help-header h1 { font-size:22px; }
    .root302-help .r3-help-tabs { width:100%; }
    .root302-help .r3-help-tabs a { flex:1; min-height:40px; }
    .root302-help .r3-kb-search-form { gap:8px; margin-bottom:18px; }
    .root302-help .r3-kb-search-field input { font-size:16px; }
    .root302-help .r3-kb-search-form > .btn { padding:10px 18px; }
    .root302-help .kb-category { height:auto; }
}

.root302-help .card article h2 { font-size:22px; font-weight:600; }
.root302-help .card article h3 { font-size:18px; font-weight:600; }
@media(max-width:767px) {
    .root302-help .card article h2 { font-size:20px; }
    .root302-help .card article h3 { font-size:17px; }
}
