/* ==========================================================================
   QPoint Help Center hub — load after site.css.
   ========================================================================== */

/* Hero + search (site-wide top gradient runs behind it; a soft glow on the bottom edge divides it from the page) */
body .qp-help-hero { padding-block: clamp(3rem, 6vw, 5rem) clamp(3rem, 6vw, 4.5rem); overflow: visible; position: relative; z-index: 2;
  background: radial-gradient(40% 60% at 62% 100%, rgb(173 224 201 / .5), transparent 70%), radial-gradient(30% 50% at 8% 100%, rgb(213 239 255 / .8), transparent 70%); }
.qp-help-hero h1 { max-width: 14em; }
.qp-help-hero .qp-lead { max-width: 40em; }

.qp-help-search { position: relative; max-width: 40rem; }
.qp-help-search__icon { position: absolute; left: 1.375rem; top: 50%; transform: translateY(-50%); font-size: 1.25rem; color: var(--qp-navy-950); pointer-events: none; }
.qp-help-search__input { width: 100%; height: 4rem; padding: 0 3.5rem 0 3.5rem; border-radius: 999px; border: 1.5px solid var(--qp-navy-200); background: #fff; font: inherit; font-size: 1.125rem; color: var(--qp-navy-950); box-shadow: 0 1px 2px rgba(19, 21, 39, .06), 0 20px 40px -28px rgba(19, 21, 39, .35); transition: border-color .2s, box-shadow .2s; }
.qp-help-search__input::placeholder { color: var(--qp-navy-500); }
.qp-help-search__input:focus { outline: 0; border-color: var(--qp-green-500); box-shadow: 0 0 0 .25rem rgb(0 154 115 / .18), 0 20px 40px -28px rgba(19, 21, 39, .35); }
.qp-help-search__input::-webkit-search-cancel-button { cursor: pointer; }
.qp-help-search__kbd { position: absolute; right: 1.375rem; top: 50%; transform: translateY(-50%); padding: .125rem .5rem; border-radius: .375rem; border: 1px solid var(--qp-navy-200); background: var(--qp-navy-50); color: var(--qp-navy-950); font-family: inherit; font-size: .8125rem; box-shadow: none; }
.qp-help-search.has-query .qp-help-search__kbd { display: none !important; }

.qp-help-results { position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + .5rem); max-height: min(26rem, 60vh); overflow-y: auto; padding: .5rem; text-align: left; background: #fff; border-radius: 1.25rem; box-shadow: 0 1px 2px rgba(19, 21, 39, .08), 0 30px 60px -24px rgba(19, 21, 39, .35); }
.qp-help-results a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 1rem; border-radius: .75rem; color: var(--qp-navy-950); text-decoration: none; }
.qp-help-results a:hover, .qp-help-results a.is-active { background: var(--qp-green-50); }
.qp-help-results__title { font-weight: 600; }
.qp-help-results__title mark { padding: 0; background: none; color: var(--qp-green-700); }
.qp-help-results__cat { flex: 0 0 auto; font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--qp-navy-950); }
.qp-help-results__empty { padding: 1rem; color: var(--qp-navy-950); }
.qp-help-results__empty a { display: inline; padding: 0; color: var(--qp-green-700); text-decoration: underline; text-underline-offset: .2em; }
.qp-help-results__empty a:hover { background: none; }

.qp-help-popular { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .5rem; font-size: .9375rem; }
.qp-help-popular__label { font-weight: 600; color: var(--qp-navy-950); margin-right: .25rem; }
.qp-help-popular a { display: inline-block; padding: .375rem .875rem; border-radius: 999px; background: rgb(255 255 255 / .7); border: 1px solid var(--qp-navy-200); color: var(--qp-navy-950); text-decoration: none; transition: background .2s, border-color .2s, color .2s; }
.qp-help-popular a:hover { background: #fff; border-color: var(--qp-green-300); color: var(--qp-green-700); }

/* Section heads */
.qp-help-sechead { margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }
.qp-help-h2 { font-size: clamp(1.75rem, 1.3rem + 1.5vw, 2.5rem); line-height: 1.1; font-weight: 700; letter-spacing: -.03em; color: var(--qp-navy-950); margin: 0 0 .5rem; }
.qp-help-sechead p { font-size: 1.125rem; color: var(--qp-navy-950); }

/* Start here */
.qp-help-start { padding-block: calc(clamp(3rem, 6vw, 4.5rem) - .5rem) clamp(2.5rem, 5vw, 4rem); }
.qp-help-step { position: relative; display: flex; flex-direction: column; gap: .375rem; height: 100%; padding: 1.5rem 1.5rem 1.375rem; border-radius: var(--qp-radius-card); background: #fff; box-shadow: var(--qp-shadow-card); color: var(--qp-navy-950); text-decoration: none; transition: transform .2s var(--qp-ease), box-shadow .2s; }
.qp-help-step:hover { transform: translateY(-3px); box-shadow: 0 14px 28px -16px rgba(19, 21, 39, .35); color: var(--qp-navy-950); }
.qp-help-step__n { width: 2.25rem; height: 2.25rem; border-radius: 50%; display: grid; place-items: center; margin-bottom: .75rem; font-weight: 700; background: var(--qp-green-100); color: var(--qp-green-800); }
.qp-help-step__label { font-size: .8125rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--qp-green-700); }
.qp-help-step__title { font-size: 1.125rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.3; padding-right: 1.5rem; }
.qp-help-step__arrow { position: absolute; right: 1.25rem; bottom: 1.375rem; color: var(--qp-green-600); transition: transform .2s var(--qp-ease); }
.qp-help-step:hover .qp-help-step__arrow { transform: translateX(3px); }

/* Topics */
.qp-help-topics { padding-bottom: clamp(3rem, 6vw, 5rem); }
.qp-help-topic { display: flex; flex-direction: column; padding: clamp(1.5rem, 3vw, 2rem); }
.qp-help-topic__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.qp-help-topic__count { font-size: .8125rem; font-weight: 600; color: var(--qp-navy-950); padding: .25rem .625rem; border-radius: 999px; background: var(--qp-navy-50); border: 1px solid var(--qp-navy-200); }
.qp-help-topic__title { font-size: 1.5rem; font-weight: 700; letter-spacing: -.02em; margin: 1.125rem 0 .5rem; }
.qp-help-topic__title a { color: var(--qp-navy-950); text-decoration: none; }
.qp-help-topic__title a:hover { color: var(--qp-green-700); }
.qp-help-topic__desc { color: var(--qp-navy-950); margin: 0 0 1.25rem; }
.qp-help-topic__list { margin: 0 0 1.25rem; border-top: 1px solid var(--qp-navy-200); }
.qp-help-topic__list li { border-bottom: 1px solid var(--qp-navy-200); }
.qp-help-topic__list a { display: block; position: relative; padding: .6875rem 1.5rem .6875rem 0; color: var(--qp-navy-950); text-decoration: none; font-weight: 500; line-height: 1.4; }
.qp-help-topic__list a::after { content: "\f285"; font-family: "bootstrap-icons"; position: absolute; right: .125rem; top: 50%; transform: translateY(-50%); font-size: .8125rem; color: var(--qp-navy-950); transition: transform .2s var(--qp-ease), color .2s; }
.qp-help-topic__list a:hover { color: var(--qp-green-700); }
.qp-help-topic__list a:hover::after { color: var(--qp-green-600); transform: translate(3px, -50%); }
.qp-help-topic__all { margin-top: auto; display: inline-flex; align-items: center; gap: .375rem; align-self: flex-start; font-weight: 600; color: var(--qp-green-700); text-decoration: none; }
.qp-help-topic__all:hover { color: var(--qp-green-800); text-decoration: underline; text-underline-offset: .2em; }
.qp-help-topic__all .bi { transition: transform .2s var(--qp-ease); }
.qp-help-topic__all:hover .bi { transform: translateX(3px); }

/* Logic guides: dark green framed panel */
.qp-help-guides { padding-bottom: clamp(1rem, 3vw, 2rem); }
.qp-help-panel { background: radial-gradient(60% 70% at 100% 0%, rgb(43 183 139 / .28), transparent 70%), radial-gradient(50% 60% at 0% 100%, rgb(43 183 139 / .14), transparent 70%), var(--qp-green-900); color: #fff; border-radius: var(--qp-radius-panel); padding: clamp(2rem, 5vw, 4rem) clamp(1.5rem, 5vw, 4rem); }
.qp-help-sechead--light .qp-help-h2, .qp-help-sechead--light p { color: #fff; }
.qp-help-guide { display: flex; flex-direction: column; gap: .75rem; padding: 1.5rem; border-radius: 1.25rem; background: rgb(255 255 255 / .06); border: 1px solid rgb(255 255 255 / .12); }
.qp-help-guide__icon { width: 2.75rem; height: 2.75rem; border-radius: .75rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.25rem; background: rgb(255 255 255 / .1); color: var(--qp-green-300); }
.qp-help-guide__title { font-size: 1.25rem; font-weight: 700; letter-spacing: -.015em; line-height: 1.3; color: #fff; text-decoration: none; }
.qp-help-guide__title:hover { text-decoration: underline; text-underline-offset: .2em; color: #fff; }
.qp-help-guide__how { margin-top: auto; display: inline-flex; align-items: center; gap: .375rem; font-weight: 600; color: var(--qp-green-300); text-decoration: none; }
.qp-help-guide__how:hover { color: #fff; }
.qp-help-guide__how .bi { transition: transform .2s var(--qp-ease); }
.qp-help-guide__how:hover .bi { transform: translateX(3px); }

/* FAQ answers can hold more than one paragraph */
.qp-faq .accordion-body p + p { margin-top: .75rem; }

/* Still need help */
.qp-help-contact { display: flex; align-items: center; gap: 1.25rem 1.5rem; margin-top: clamp(2.5rem, 5vw, 3.5rem); padding: clamp(1.5rem, 3.5vw, 2.25rem); border-radius: var(--qp-radius-card); background: #fff; box-shadow: var(--qp-shadow-card); color: var(--qp-navy-950); }
.qp-help-contact__title { font-size: 1.375rem; font-weight: 700; letter-spacing: -.02em; color: var(--qp-navy-950); margin: 0 0 .25rem; }
.qp-help-contact a:not(.btn) { color: var(--qp-green-700); text-underline-offset: .2em; }
.qp-help-contact__btn { flex: 0 0 auto; }
@media (max-width: 767.98px) {
  .qp-help-contact { flex-direction: column; align-items: flex-start; }
  .qp-help-contact__btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .qp-help-step:hover { transform: none; } }

/* ==========================================================================
   help article page (help-article.html)
   ========================================================================== */
.qp-harticle-head { padding-block: clamp(2rem, 4vw, 3rem) clamp(1.75rem, 3vw, 2.5rem); border-bottom: 1px solid var(--qp-navy-200); position: relative; z-index: 3; }
.qp-hcrumbs { display: flex; flex-wrap: wrap; gap: .25rem .5rem; margin: 0 0 1.25rem; font-size: .9375rem; color: var(--qp-navy-950); }
.qp-hcrumbs li + li::before { content: "\f285"; font-family: "bootstrap-icons"; font-size: .75rem; margin-right: .5rem; color: var(--qp-navy-950); }
.qp-hcrumbs a { color: var(--qp-green-700); text-decoration: none; font-weight: 500; }
.qp-hcrumbs a:hover { text-decoration: underline; text-underline-offset: .2em; }
.qp-harticle-head__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem); gap: 1.5rem 3rem; align-items: end; }
.qp-harticle__title { font-size: clamp(2.125rem, 1.5rem + 2.2vw, 3.25rem); line-height: 1.05; font-weight: 700; letter-spacing: -.035em; color: var(--qp-navy-950); margin: 0; }
.qp-harticle__lead { font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem); line-height: 1.55; color: var(--qp-navy-950); margin: .875rem 0 0; max-width: 40em; }
.qp-help-search--sm { max-width: none; }
.qp-help-search--sm .qp-help-search__input { height: 3.25rem; font-size: 1rem; padding-left: 3rem; padding-right: 1.25rem; box-shadow: 0 1px 2px rgba(19, 21, 39, .06); }
.qp-help-search--sm .qp-help-search__icon { left: 1.125rem; font-size: 1.0625rem; }
@media (max-width: 991.98px) { .qp-harticle-head__row { grid-template-columns: 1fr; } }

.qp-harticle { padding-block: clamp(2rem, 4vw, 3.5rem) clamp(3rem, 6vw, 5rem); }
.qp-harticle__grid { display: grid; grid-template-columns: 1fr; gap: 2rem; }
@media (min-width: 992px) { .qp-harticle__grid { grid-template-columns: 17rem minmax(0, 46rem); column-gap: clamp(2.5rem, 5vw, 5rem); justify-content: center; align-items: start; } }

/* Topic menu */
.qp-hnav__mobile { display: flex; align-items: center; gap: .625rem; width: 100%; padding: .875rem 1.125rem; border-radius: 1rem; border: 1px solid var(--qp-navy-200); background: #fff; font: inherit; font-weight: 600; color: var(--qp-navy-950); }
.qp-hnav__mobile .bi-chevron-down { transition: transform .3s var(--qp-ease); }
.qp-hnav.is-open .qp-hnav__mobile .bi-chevron-down { transform: rotate(180deg); }
@media (max-width: 991.98px) {
  .qp-hnav__body { display: none; margin-top: .5rem; padding: .5rem; border-radius: 1rem; background: #fff; border: 1px solid var(--qp-navy-200); }
  .qp-hnav.is-open .qp-hnav__body { display: block; }
}
@media (min-width: 992px) { .qp-hnav { position: sticky; top: 1.5rem; max-height: calc(100vh - 3rem); overflow-y: auto; scrollbar-width: thin; } }
.qp-hnav__topic + .qp-hnav__topic { margin-top: .125rem; }
.qp-hnav__toggle { display: flex; align-items: center; gap: .625rem; width: 100%; padding: .5rem .5rem; border: 0; border-radius: .75rem; background: none; font: inherit; font-weight: 600; color: var(--qp-navy-950); text-align: left; }
.qp-hnav__toggle:hover { background: rgb(255 255 255 / .8); }
.qp-hnav__dot { width: 1.875rem; height: 1.875rem; border-radius: .5rem; display: inline-grid; place-items: center; font-size: .9375rem; flex: 0 0 auto; }
.qp-hnav__n { margin-left: auto; font-size: .75rem; font-weight: 600; color: var(--qp-navy-950); }
.qp-hnav__chev { font-size: .75rem; transition: transform .3s var(--qp-ease); }
.qp-hnav__topic.is-open .qp-hnav__chev { transform: rotate(180deg); }
.qp-hnav__list { margin: .25rem 0 .75rem 1.4375rem; padding-left: .875rem; border-left: 1px solid var(--qp-navy-200); }
.qp-hnav__list a { display: block; margin-left: calc(-.875rem - 1px); padding: .375rem 0 .375rem .875rem; border-left: 2px solid transparent; font-size: .9375rem; line-height: 1.4; color: var(--qp-navy-950); text-decoration: none; }
.qp-hnav__list a:hover { color: var(--qp-green-700); }
.qp-hnav__list a[aria-current="page"] { border-left-color: var(--qp-green-600); color: var(--qp-green-700); font-weight: 600; }

/* Article body */
.qp-hprose { font-size: 1.0625rem; line-height: 1.75; color: var(--qp-navy-950); }
.qp-hprose > :first-child { margin-top: 0; }
.qp-hprose p { margin: 0 0 1.125rem; }
.qp-hprose strong { font-weight: 600; }
.qp-hprose a { color: var(--qp-green-700); font-weight: 500; text-underline-offset: .2em; }
.qp-hprose a:hover { color: var(--qp-green-800); }
.qp-hprose h2 { font-size: clamp(1.375rem, 1.2rem + .6vw, 1.75rem); line-height: 1.2; font-weight: 700; letter-spacing: -.02em; color: var(--qp-navy-950); margin: 2.75rem 0 1rem; scroll-margin-top: 1.5rem; }
.qp-hprose h3 { font-size: 1.25rem; font-weight: 700; letter-spacing: -.01em; margin: 2rem 0 .75rem; }

.qp-hsteps { list-style: none; counter-reset: hstep; margin: 0 0 1.5rem; padding: 0; display: flex; flex-direction: column; gap: .75rem; }
.qp-hsteps > li { counter-increment: hstep; position: relative; padding: .875rem 1.125rem .875rem 3.5rem; border-radius: 1rem; background: #fff; box-shadow: var(--qp-shadow-card); line-height: 1.6; }
.qp-hsteps > li::before { content: counter(hstep); position: absolute; left: 1rem; top: .8125rem; width: 1.75rem; height: 1.75rem; border-radius: 50%; display: grid; place-items: center; font-size: .875rem; font-weight: 700; background: var(--qp-green-100); color: var(--qp-green-800); }

.qp-hshot { margin: 0 0 1.75rem; }
.qp-hshot img { display: block; max-width: 100%; height: auto; margin-inline: auto; padding: clamp(.75rem, 2vw, 1.25rem); border-radius: 1rem; background: #fff; border: 1px solid var(--qp-navy-200); box-shadow: 0 1px 2px rgba(19, 21, 39, .06), 0 18px 36px -28px rgba(19, 21, 39, .35); box-sizing: content-box; }
.qp-hshot--plain img { padding: clamp(1rem, 3vw, 2rem); }
.qp-hshot figcaption { margin-top: .75rem; text-align: center; font-size: .875rem; line-height: 1.5; color: var(--qp-navy-950); }

.qp-hnote { display: flex; gap: .875rem; align-items: flex-start; margin: 0 0 1.75rem; padding: 1.125rem 1.25rem; border-radius: 1rem; line-height: 1.65; }
.qp-hnote > .bi { font-size: 1.25rem; line-height: 1.4; flex: 0 0 auto; }
.qp-hnote--tip { background: var(--qp-amber-50); border: 1px solid var(--qp-amber-200); }
.qp-hnote--tip > .bi { color: var(--qp-amber-800); }
.qp-hnote--info { background: var(--qp-sky-50); border: 1px solid var(--qp-sky-200); }
.qp-hnote--info > .bi { color: var(--qp-sky-700); }

.qp-htry { display: flex; align-items: center; gap: 1rem 1.25rem; margin: 2.5rem 0 1.75rem; padding: 1.5rem; border-radius: 1.25rem; background: var(--qp-green-50); border: 1px solid var(--qp-green-200); }
.qp-htry__title { font-size: 1.25rem !important; margin: 0 0 .25rem !important; letter-spacing: -.015em; }
.qp-htry p { font-size: 1rem; }
.qp-htry__btn { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .5rem; text-decoration: none !important; color: #fff !important; }
@media (max-width: 575.98px) { .qp-htry { flex-direction: column; align-items: flex-start; } .qp-htry__btn { width: 100%; justify-content: center; } }

/* Feedback, pager, related */
.qp-hfeedback { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; margin-top: 2.5rem; padding-block: 1.5rem; border-top: 1px solid var(--qp-navy-200); border-bottom: 1px solid var(--qp-navy-200); }
.qp-hfeedback__q { font-weight: 600; color: var(--qp-navy-950); }
.qp-hfeedback__btns { display: flex; gap: .5rem; }
.qp-hfeedback__btn { display: inline-flex; align-items: center; gap: .375rem; padding: .4375rem 1rem; border-radius: 999px; border: 1.5px solid var(--qp-navy-200); background: #fff; font: inherit; font-size: .9375rem; font-weight: 500; color: var(--qp-navy-950); transition: border-color .2s, background .2s, color .2s; }
.qp-hfeedback__btn:hover:not(:disabled) { border-color: var(--qp-green-400); color: var(--qp-green-700); }
.qp-hfeedback__btn:disabled { opacity: .5; cursor: default; }
.qp-hfeedback__btn.is-picked { opacity: 1; border-color: var(--qp-green-500); background: var(--qp-green-50); color: var(--qp-green-800); }
.qp-hfeedback__thanks { color: var(--qp-green-700); font-weight: 500; }

.qp-hpager { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-top: 2rem; }
.qp-hpager__link { display: flex; flex-direction: column; gap: .25rem; padding: 1.125rem 1.25rem; border-radius: 1rem; background: #fff; box-shadow: var(--qp-shadow-card); text-decoration: none; color: var(--qp-navy-950); transition: transform .2s var(--qp-ease), box-shadow .2s; }
.qp-hpager__link:hover { transform: translateY(-2px); box-shadow: 0 14px 28px -18px rgba(19, 21, 39, .35); color: var(--qp-navy-950); }
.qp-hpager__link--next { text-align: right; }
.qp-hpager__dir { display: inline-flex; align-items: center; gap: .375rem; font-size: .8125rem; font-weight: 600; color: var(--qp-green-700); }
.qp-hpager__link--next .qp-hpager__dir { justify-content: flex-end; }
.qp-hpager__title { font-weight: 600; line-height: 1.35; }
@media (max-width: 575.98px) { .qp-hpager { grid-template-columns: 1fr; } .qp-hpager__link--next { text-align: left; } .qp-hpager__link--next .qp-hpager__dir { justify-content: flex-start; } }

.qp-hrelated { margin-top: 2.5rem; }
.qp-hrelated__title { font-size: 1.25rem; font-weight: 700; letter-spacing: -.015em; color: var(--qp-navy-950); margin: 0 0 .75rem; }
.qp-hrelated ul { border-top: 1px solid var(--qp-navy-200); }
.qp-hrelated li { border-bottom: 1px solid var(--qp-navy-200); }
.qp-hrelated a { display: flex; align-items: center; gap: .625rem; padding: .75rem 0; color: var(--qp-navy-950); text-decoration: none; font-weight: 500; }
.qp-hrelated a .bi { color: var(--qp-green-600); }
.qp-hrelated a:hover { color: var(--qp-green-700); }
.qp-help-contact--article { margin-top: 2.5rem; }

/* ==========================================================================
   Site build: the help articles' existing CMS markup, in the article's look (the content itself is not changed)
   ========================================================================== */
/* plain images (centred by inline styles) get the screenshot frame */
.qp-hprose p > img, .qp-hprose > img { display: block; max-width: 100% !important; height: auto !important; margin: 1rem auto 1.25rem !important; padding: clamp(.75rem, 2vw, 1.25rem); border-radius: 1rem; background: #fff; border: 1px solid var(--qp-navy-200); box-shadow: 0 1px 2px rgba(19, 21, 39, .06), 0 18px 36px -28px rgba(19, 21, 39, .35); }
/* "1. If - ..." step paragraphs indented with inline padding */
.qp-hprose p[style*="padding-left"] { padding-left: 1.25rem !important; border-left: 2px solid var(--qp-green-200); margin-bottom: .625rem; }
/* the legacy grey "highlight" box: an info note */
.qp-hprose .highlight { margin: 0 0 1.75rem; padding: 1.125rem 1.25rem; border-radius: 1rem; background: var(--qp-sky-50); border: 1px solid var(--qp-sky-200); line-height: 1.65; font-size: 1rem; font-weight: 400; color: var(--qp-navy-950); }
.qp-hprose .highlight h4 { font-size: 1rem; font-weight: 700; margin: 0 0 .25rem; color: inherit; }
/* an embedded live survey (the QPoint widget) */
.qp-hprose .qp-widget { margin: 1rem 0 1.75rem; border-radius: 1rem; overflow: hidden; }
.qp-hprose .qp-widget iframe { display: block; border: 0; }
/* YouTube videos take the column's width (help-details-controller.ts sets their proportions) */
.qp-hprose iframe[src*="youtube"] { border: 0; border-radius: 1rem; margin: 0 0 1.75rem; }
.qp-hprose ul, .qp-hprose ol:not(.qp-hsteps) { margin: 0 0 1.25rem; padding-left: 1.5rem; }
.qp-hprose li { margin-bottom: .375rem; }
.qp-hprose li > p { margin: 0; }

/* FAQ page: the accordion inside the article column */
.qp-hprose .accordion { --bs-accordion-bg: transparent; --bs-accordion-active-bg: transparent; --bs-accordion-active-color: var(--qp-navy-950); --bs-accordion-border-width: 0; --bs-accordion-btn-padding-x: 0; --bs-accordion-btn-padding-y: 1.125rem; --bs-accordion-body-padding-x: 0; --bs-accordion-body-padding-y: 0; }
.qp-hprose .accordion-item { border-top: 1px solid var(--qp-navy-200); border-radius: 0 !important; }
.qp-hprose .accordion-item:last-child { border-bottom: 1px solid var(--qp-navy-200); }
.qp-hprose .accordion-button { font-size: 1.125rem; font-weight: 600; color: var(--qp-navy-950); box-shadow: none !important; }
.qp-hprose .accordion-body { padding-bottom: 1.25rem; }
.qp-hprose .accordion-body > :last-child { margin-bottom: 0; }

/* a topic page's article list */
.qp-htopic-list { display: grid; gap: .75rem; }
@media (min-width: 768px) { .qp-htopic-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.qp-htopic-list a { display: flex; align-items: center; gap: .875rem; height: 100%; padding: 1rem 1.25rem; border-radius: 1rem; background: #fff; box-shadow: var(--qp-shadow-card); color: var(--qp-navy-950); font-weight: 500; text-decoration: none; transition: transform .2s var(--qp-ease), box-shadow .2s, color .2s; }
.qp-htopic-list a:hover { color: var(--qp-green-700); transform: translateY(-2px); box-shadow: 0 14px 28px -18px rgba(19, 21, 39, .35); }
.qp-htopic-list a .bi { color: var(--qp-green-600); font-size: 1.125rem; }
.qp-htopic-list a .bi-arrow-right { margin-left: auto; color: var(--qp-navy-400); }
.qp-htopic-others { display: flex; flex-wrap: wrap; gap: .5rem; }
.qp-htopic-others a { display: inline-flex; align-items: center; gap: .5rem; padding: .4375rem .9375rem .4375rem .5rem; border-radius: 999px; border: 1.5px solid var(--qp-navy-200); background: #fff; color: var(--qp-navy-950); font-weight: 500; text-decoration: none; }
.qp-htopic-others a:hover { border-color: var(--qp-green-400); color: var(--qp-green-700); }
.qp-htopic-others .qp-icon-tile { width: 1.75rem; height: 1.75rem; font-size: .875rem; border-radius: 50%; }

/* the hub's introduction text (the CMS article, under its subtitle): its inline font sizes give way to the hero's */
.qp-help-hero__intro { max-width: 40em; font-size: 1rem; color: var(--qp-navy-700); }
.qp-help-hero__intro span[style] { font-size: inherit !important; }
.qp-help-hero__intro strong { font-weight: 600; color: var(--qp-navy-950); }