/* Help center (/help and /help/{slug}): only what Bootstrap has no utility for. Notes: Infrastructure/AI_NOTES/help-center.md */

/* Icon tile on the category cards */
.help-icon{width:2.75rem;height:2.75rem;}
.help-category-links li+li{margin-top:.4rem;}

/* Article sidebar: the current article is a light blue pill, like the account pages. It scrolls with the page: the full list
   is taller than most screens, so a sticky sidebar needed its own scrollbar (removed 2026-11-12 at the user's request). */
.help-nav .nav-link{--bs-nav-link-color:var(--bs-body-color);--bs-nav-link-hover-color:var(--bs-primary);font-size:.925rem;}
.help-nav .nav-link.active{background:var(--bs-primary-bg-subtle);color:var(--bs-primary);font-weight:700;}

/* Article text: readable line length and spacing (Bootstrap has no typography component) */
.help-article{max-width:46rem;font-size:1.0625rem;}
.help-article h2{margin:2.5rem 0 .75rem;font-size:1.4rem;font-weight:800;}
.help-article h2:first-child{margin-top:0;}
.help-article h3{margin:1.75rem 0 .5rem;font-size:1.1rem;font-weight:700;}
.help-article p,.help-article li{line-height:1.75;}
.help-article li+li{margin-top:.35rem;}
.help-article ol,.help-article ul{padding-left:1.4rem;margin-bottom:1rem;}
.help-article .alert p:last-child,.help-article .card p:last-child,.help-article .accordion-body p:last-child{margin-bottom:0;}
.help-article h2.accordion-header{margin:0;font-size:1rem;}

/* Numbered steps: a blue number in a circle beside each step */
.help-steps{list-style:none;padding-left:0 !important;counter-reset:help-step;}
.help-steps>li{position:relative;padding-left:2.75rem;counter-increment:help-step;}
.help-steps>li+li{margin-top:1rem;}
.help-steps>li::before{content:counter(help-step);position:absolute;left:0;top:.1rem;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--bs-primary);color:#fff;font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center;}

.help-pager .card:hover{border-color:var(--bs-primary);}