/* Help Center: shared Mocasa typography, brand colors and FAQ card treatment. */
.redesign .help-hero-shell { background:radial-gradient(ellipse at 50% 0,#d7e7ff 0,#f3f7ff 65%,#fff 100%); }
.redesign.page-help-center .site-header { background:transparent; }
.redesign .help-hero { padding:64px 0 70px; }
.redesign .help-hero h1 { font-size:64px; line-height:1.15; font-weight:700; letter-spacing:-1.5px; text-align:center; }
.redesign #help-search-form { max-width:880px; margin:18px auto 0; }
.redesign #help-search-form label { display:block; margin-bottom:14px; font-size:18px; font-weight:500; text-align:center; }
.redesign .help-search-field { display:flex; align-items:center; gap:16px; border:1px solid #a6b6d2; border-radius:40px; padding:8px 8px 8px 24px; background:white; box-shadow:0 4px 0 #dce6ff; }
.redesign .help-search-field:focus-within { border-color:var(--mo-blue); box-shadow:0 4px 0 var(--mo-blue); }
.redesign .help-search-field svg { flex-shrink:0; color:var(--mo-muted); }
.redesign .help-search-field input { min-width:0; flex:1; border:0; outline:none; background:transparent; padding:8px 0; font-size:16px; color:var(--mo-ink); }
.redesign .help-search-field input::placeholder { color:var(--mo-muted); }
.redesign .help-search-field .button { min-height:48px; border:0; padding:12px 28px; font-size:16px; }
.redesign .help-content { display:grid; grid-template-columns:240px minmax(0,1fr); gap:64px; padding-top:36px; padding-bottom:112px; min-height:580px; }
.redesign nav.help-categories { display:flex; flex-direction:column; align-items:stretch; gap:10px; font-size:16px; align-self:start; position:sticky; top:24px; }
.redesign .help-category { display:flex; align-items:center; justify-content:space-between; gap:12px; text-align:left; min-height:56px; border:1px solid #dce2ec; border-radius:18px; background:white; color:var(--mo-muted); font-size:16px; font-weight:500; padding:14px 18px; }
.redesign .help-category:hover { border-color:var(--mo-blue); color:var(--mo-ink); }
.redesign .help-category[aria-pressed="true"] { color:white; background:var(--mo-blue); border-color:var(--mo-blue); box-shadow:0 3px 0 #304faf; }
.redesign .help-count { display:flex; align-items:center; justify-content:center; font-size:12px; width:24px; height:24px; border-radius:50%; background:#f3f7ff; color:var(--mo-ink); flex-shrink:0; }
.redesign .help-category[aria-pressed="true"] .help-count { background:#ffffff26; color:white; }
.redesign .help-results { min-width:0; }
.redesign .help-results-heading { display:flex; align-items:baseline; gap:20px; justify-content:space-between; margin:0 0 24px; }
.redesign .help-results-heading h2 { font-size:28px; line-height:1.3; font-weight:600; overflow-wrap:anywhere; }
.redesign #help-status { flex-shrink:0; color:var(--mo-muted); font-size:14px; }
.redesign .help-group { display:flex; flex-direction:column; gap:20px; margin-bottom:20px; }
.redesign .help-group[hidden],.redesign .help-group .faq-card[hidden],.redesign .help-empty[hidden] { display:none; }
.redesign .help-group .faq-card { margin:0; }
.redesign .help-group .faq-card[open] { min-height:0; }
.redesign .help-group .faq-card summary { font-weight:500; }
.redesign .help-group .faq-number { font-size:28px; }
.redesign .help-group .faq-answer { font-size:17px; }
.redesign .help-empty { padding:40px 28px; background:var(--mo-pale); border:1px solid #dce2ec; border-radius:26px; }
.redesign .help-empty h3 { font-size:24px; }
.redesign .help-empty p { color:var(--mo-muted); font-size:16px; margin:12px 0 24px; }
.redesign .help-empty .button { border:0; min-height:48px; font-size:16px; }
@media(max-width:1023px) {
 .redesign .help-content { grid-template-columns:190px minmax(0,1fr); gap:32px; }
 .redesign .help-category { padding:12px; font-size:14px; }
}
@media(max-width:767px) {
 .redesign .help-hero { padding:36px 0 40px; }
 .redesign .help-hero h1 { font-size:40px; letter-spacing:-1px; }
 .redesign #help-search-form { margin-top:12px; }
 .redesign #help-search-form label { font-size:15px; }
 .redesign .help-search-field { padding:6px 6px 6px 14px; gap:8px; }
 .redesign .help-search-field svg { width:20px; height:20px; }
 .redesign .help-search-field input { font-size:13px; }
 .redesign .help-search-field .button { min-height:42px; padding:10px 16px; font-size:13px; }
 .redesign .help-content { display:block; padding-top:12px; padding-bottom:64px; }
 .redesign nav.help-categories { position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:36px; }
 .redesign .help-category { min-height:48px; padding:10px 12px; border-radius:14px; font-size:13px; }
 .redesign .help-results-heading { margin-bottom:20px; gap:12px; }
 .redesign .help-results-heading h2 { font-size:23px; }
 .redesign #help-status { font-size:12px; }
 .redesign .help-group .faq-number { font-size:24px; }
 .redesign .help-group .faq-answer { font-size:15px; }
 .redesign .help-empty { padding:28px 20px; }
}
@media(max-width:767px) {
 /* Category navigation is independent of the header's mobile menu. */
 .redesign nav.help-categories { inset:auto; padding:0; background:transparent; color:var(--mo-ink); box-shadow:none; }
}
@media(min-width:768px) { .redesign nav.help-categories { top:124px; } }
@media(max-width:767px) { .redesign .help-search-field input { font-size:16px; } }