/* Rules center: cinematic xianxia artwork, clear answers, warm orange accents. */
.help-page {background:#fbfcfe;color:#10172b}
.help-page main .wrap {width:calc(100% - 88px);max-width:1240px}
.help-icon-sprite {position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.help-hero {position:relative;isolation:isolate;overflow:hidden;background:#0b233a;color:#fff;padding-top:var(--header-height)}
.help-hero-art {position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.help-hero:after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071b3159 0%,#081a311c 50%,transparent 75%)}
.help-hero-content {min-height:440px;padding-block:82px 60px}
.help-hero h1 {font-size:clamp(36px,4.15vw,58px);line-height:1.3;font-weight:900;letter-spacing:-.035em;text-shadow:0 3px 16px #07182a4d}
.help-hero-description {margin-top:5px;font-size:clamp(20px,2.1vw,29px);font-weight:600;line-height:1.6;letter-spacing:.02em;text-shadow:0 2px 10px #07182a66}












.settlement-section {background:linear-gradient(#fff,#fbfcfe);padding-block:10px 0}
.settlement-strip {display:grid;grid-template-columns:.94fr 1fr 1.13fr;gap:42px;min-height:108px;align-items:center;padding:20px 25px;background:#fff;border-radius:0 0 10px 10px;box-shadow:0 6px 24px #243f6810}
.settlement-step {position:relative;display:flex;align-items:center;gap:20px;min-width:0}
.settlement-step:not(:last-child):after {content:"";position:absolute;right:-22px;top:50%;width:13px;height:23px;border-top:2px solid var(--accent);border-right:2px solid var(--accent);transform:translateY(-50%) rotate(35deg) skewY(20deg)}
.settlement-step>.icon {width:52px;height:52px;color:var(--accent);stroke-width:3.2}
.settlement-step h2 {font-size:clamp(18px,1.9vw,26px);font-weight:800;line-height:1.4;white-space:nowrap;letter-spacing:-.035em}
.settlement-step p {margin-top:3px;color:#63708a;font-size:14px;line-height:1.7;white-space:nowrap}
.help-layout {display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;padding-block:35px 38px;min-height:810px}
.help-main {min-width:0}
.help-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}
.help-heading h2 {font-size:40px;line-height:1.35;font-weight:900;letter-spacing:-.04em;scroll-margin-top:100px}
.help-heading h2:after,.help-start h2:after {content:"";display:block;width:48px;height:3px;background:var(--accent);margin-top:6px}
.result-count {font-size:12px;color:#8a94a6;padding-top:10px;white-space:nowrap}
.help-faq {padding:2px 12px 5px;background:#fff;border:1px solid #f0f3f8;border-radius:10px;box-shadow:0 4px 24px #243f6807}
.help-item {border-bottom:1px solid #e8edf3}
.help-item:last-child {border-bottom:0}
.help-item summary {display:flex;align-items:center;gap:18px;position:relative;min-height:58px;padding:11px 10px;cursor:pointer;list-style:none;font-size:17px;line-height:1.7;font-weight:600}
.help-item summary::-webkit-details-marker {display:none}
.help-item summary:after {content:"+";flex:0 0 20px;margin-left:auto;color:#485670;font:300 27px/1 Arial,sans-serif;text-align:center}
.help-item summary:hover {color:var(--accent-dark)}
.help-item summary:focus-visible {outline:2px solid var(--accent);outline-offset:-3px;border-radius:5px}
.faq-number {display:grid;place-items:center;flex:0 0 33px;height:33px;border-radius:50%;background:#f1f4f8;color:#45536c;font:14px/1 Arial,sans-serif}
.faq-title {min-width:0}
.faq-category {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.help-item[open] {margin-inline:-7px;border:1px solid #ffdfc9;border-radius:8px;background:linear-gradient(110deg,#fff9f4,#fff)}
.help-item[open] summary {padding-inline:16px;background:linear-gradient(90deg,#fff4ec99,transparent)}
.help-item[open] summary:after {content:"−";color:var(--accent)}
.help-item[open] .faq-number {color:#f35b0b;background:#ffede1}
.help-answer {padding:8px 23px 22px 67px;color:#56627a;font-size:15px;line-height:1.85;overflow-wrap:anywhere}
.help-faq:empty {display:none}
.help-empty {padding:60px 28px;background:#fff;border:1px solid #e8edf3;border-radius:10px;text-align:center}
.help-empty>.icon {width:40px;height:40px;color:#a6b1c1;margin:0 auto 20px}
.help-empty h3 {font-size:22px;line-height:1.5}
.help-empty p {color:#748097;font-size:14px;line-height:1.9;max-width:380px;margin:12px auto 24px}
.help-empty .button {font-size:14px;min-height:44px}
.help-noscript {padding:20px;background:#fff3e9;line-height:1.8}
.help-aside {min-width:0;padding-top:0}
.help-contact {overflow:hidden;border-radius:9px;background:#fff;box-shadow:0 5px 24px #243f6810}
.support-visual {position:relative;isolation:isolate;height:304px;overflow:hidden;background:#10263f;color:#fff}
.support-visual>img {position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.support-visual:after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#06162b60,transparent 65%)}
.support-copy {padding:25px 23px;text-shadow:0 2px 8px #07182a55}
.support-copy h2 {font-size:43px;line-height:1.35;font-weight:900;letter-spacing:-.035em}
.support-copy p {margin-top:3px;font-size:17px;line-height:1.6;font-weight:600}
.support-body {position:relative;z-index:1;padding:0 18px 12px;margin-top:-42px}
.support-chat {display:flex;align-items:center;justify-content:center;gap:16px;min-height:72px;border:1px solid #fff6;border-radius:10px;background:linear-gradient(110deg,#ff8314,#ff4b00);box-shadow:0 5px 18px #ff5b081a;color:#fff;font-size:24px;font-weight:800;transition:background .2s,transform .2s}
.support-chat:hover {background:#e94c00;transform:translateY(-2px)}
.support-chat>.icon {width:30px;height:30px;stroke-width:1.8}
.support-chat>.support-arrow {width:25px;height:25px;margin-left:3px}
.support-details {margin-top:18px;padding:0 14px 15px;background:linear-gradient(135deg,#fcfdff,#f5f8fc);border:1px solid #e9eff7;border-radius:9px}
.support-details dl {margin:0}
.contact-row {display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:70px;border-bottom:1px solid #e1e7f0;font-size:15px}
.contact-row dt {display:flex;align-items:center;gap:12px;font-weight:700;white-space:nowrap}
.contact-row dd {display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:141px;margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:16px;white-space:nowrap}
.contact-icon {display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff}
.contact-icon>.icon {width:26px;height:26px;stroke-width:1.8}
.contact-wechat {background:#03bc19}.contact-qq {background:#0095ff}
.contact-qq>.icon {width:24px;height:24px}
.copy-contact {display:grid;place-items:center;flex:0 0 32px;width:32px;height:36px;padding:6px;border:0;border-radius:5px;background:transparent;color:#69758b}
.copy-contact .icon {width:19px;height:19px}
.copy-contact:hover {background:#fff0e5;color:var(--accent-dark)}
.contact-hours {border-bottom:1px dashed #dce3ee}
.contact-hours dd {font-size:15px;min-width:141px}
.support-tip {display:flex;align-items:flex-start;gap:12px;margin-top:18px;color:#61708a;font-size:14px;line-height:1.6}
.support-tip>.icon {width:29px;height:29px;stroke-width:1.8;color:var(--accent);margin-top:1px}
.support-signoff {display:flex;justify-content:flex-end;align-items:center;min-height:140px;padding:22px 24px;background:linear-gradient(90deg,#eef3f34d,#f8fbfdd9 48%,#f6f8fa8c),url('img/help/rules-handbook-v4.webp') 55% 30%/cover}
.support-signoff p {position:relative;font:italic 700 22px/1.6 "KaiTi","STKaiti","Microsoft YaHei",serif;transform:rotate(-8deg);text-align:right}
.support-signoff p span {display:inline-block;margin-right:-3px}
.support-signoff p:after {content:"";display:block;width:94px;height:2px;background:var(--accent);margin:7px 2px 0 auto;transform:rotate(-8deg)}
.help-start {position:relative;isolation:isolate;overflow:hidden;background:#dfe8ed}
.help-start:before {content:"";position:absolute;z-index:-2;inset:0;background:url('img/training/training-hero-v1.webp') center top/cover}
.help-start:after {content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f3f8f6e8 0%,#f5f9f8bf 40%,#f6f9fa59 100%)}
.help-start-layout {display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:235px;padding-block:40px}
.help-start h2 {font-size:clamp(30px,3.5vw,46px);line-height:1.4;font-weight:900;letter-spacing:-.04em}
.help-start h2:after {margin-top:3px}
.help-start p {margin-top:12px;font-size:17px;line-height:1.7;font-weight:500}
.help-start-actions {display:flex;gap:15px;flex:0 0 auto}
.help-start-actions .button {min-width:190px;gap:15px;min-height:59px;font-size:18px;white-space:nowrap}
.help-start .button-secondary {border:1.5px solid #172136;background:#ffffffd9;color:#10172b;box-shadow:inset 0 0 0 3px #fff}
.help-start .button-secondary:hover {background:#fff}









.help-toast {position:fixed;z-index:100;left:50%;bottom:30px;transform:translateX(-50%);max-width:calc(100% - 36px);padding:13px 24px;border-radius:9px;background:#15243a;color:#fff;font-size:14px;line-height:1.7;box-shadow:0 6px 24px #15243a30}
@media (max-width:1200px) {
  .help-hero-content {min-height:375px;padding-block:65px 48px}
  
  
  
  .settlement-strip {gap:34px;padding:18px 20px;min-height:100px}
  .settlement-step {gap:16px}.settlement-step>.icon {width:46px;height:46px}.settlement-step p {font-size:12px}
  .settlement-step:not(:last-child):after {right:-17px;width:11px;height:19px}
  .help-layout {grid-template-columns:minmax(0,1fr) 320px;gap:20px;padding-top:28px;min-height:780px}
  .help-heading h2 {font-size:36px}.help-item summary {min-height:56px;font-size:16px;gap:16px;padding-inline:5px}.faq-number {flex-basis:31px;height:31px}
  .help-answer {font-size:14px;padding-left:61px}.help-item[open] summary {padding-inline:11px}
  .support-visual {height:282px}.support-copy {padding:24px 20px}.support-copy h2 {font-size:39px}.support-copy p {font-size:16px}
  .support-body {padding-inline:16px}.support-chat {min-height:65px;font-size:22px;gap:12px}
  .support-details {padding-inline:12px}.contact-row {min-height:66px;font-size:14px}.contact-row dt {gap:10px}.contact-row dd,.contact-hours dd {min-width:126px;font-size:14px;gap:4px}
  .contact-icon {width:34px;height:34px;flex-basis:34px}.support-tip {font-size:13px;gap:10px}.support-signoff {min-height:132px}
  .help-start-layout {min-height:215px;gap:20px}.help-start p {font-size:15px}.help-start-actions .button {min-width:170px;min-height:55px;font-size:16px;padding-inline:24px}

}
@media (max-width:900px) {
  .help-page main .wrap {width:calc(100% - 48px)}
  .help-hero-content {min-height:360px;padding-block:63px 43px}.help-hero h1 {font-size:clamp(32px,4.8vw,43px)}.help-hero-description {font-size:22px}
  
  .settlement-strip {gap:20px;padding:20px 14px}.settlement-step {gap:10px}.settlement-step>.icon {width:37px;height:37px}.settlement-step h2 {font-size:17px}.settlement-step p {font-size:10px;white-space:normal}.settlement-step:not(:last-child):after {right:-10px;width:8px;height:14px}
  .help-layout {grid-template-columns:minmax(0,1fr) 285px;gap:18px;min-height:0}.help-heading h2 {font-size:32px}.result-count {font-size:10px}
  .help-item summary {font-size:14px;gap:11px;min-height:55px}.faq-number {flex-basis:28px;height:28px;font-size:12px}.help-answer {font-size:13px;padding-left:50px;padding-right:16px}
  .support-copy h2 {font-size:35px}.support-copy p {font-size:14px}.support-visual {height:264px}.support-body {padding-inline:12px}.support-details {padding-inline:10px}.contact-row {font-size:13px}.contact-row dt {gap:7px}.contact-row dd,.contact-hours dd {min-width:116px;font-size:13px}.contact-icon {flex-basis:30px;width:30px;height:30px}.contact-icon>.icon {width:23px;height:23px}.copy-contact {width:28px;flex-basis:28px}.support-chat {font-size:20px;min-height:60px}.support-tip {font-size:12px;gap:8px}.support-tip>.icon {width:24px;height:24px}.support-signoff {min-height:125px}.support-signoff p {font-size:20px}
  .help-start-layout {flex-direction:column;align-items:flex-start;gap:24px;padding-block:32px}.help-start h2 {font-size:34px}

}
@media (max-width:700px) {
  .help-layout {grid-template-columns:1fr;gap:28px;padding-bottom:30px}.help-aside {max-width:440px;width:100%;margin-inline:auto}
  .help-item summary {font-size:16px;gap:15px;min-height:57px}.faq-number {flex-basis:31px;height:31px;font-size:13px}.help-answer {font-size:14px;padding-left:58px}
  .support-visual {height:290px}.support-copy h2 {font-size:42px}.support-copy p {font-size:17px}.support-body {padding-inline:20px}.support-chat {min-height:66px;font-size:23px}.support-details {padding-inline:16px}.contact-row {min-height:67px;font-size:16px}.contact-row dt {gap:12px}.contact-row dd,.contact-hours dd {min-width:160px;font-size:16px}.contact-icon {width:36px;height:36px;flex-basis:36px}.contact-icon>.icon {width:26px;height:26px}.support-tip {font-size:14px;gap:12px}.support-tip>.icon {width:28px;height:28px}.support-signoff {min-height:140px;padding-right:35px}.support-signoff p {font-size:23px}
  .help-hero-content {min-height:355px;padding-block:58px 40px}.help-hero h1 {max-width:480px;font-size:34px;line-height:1.45}.help-hero-description {font-size:21px}.help-hero-art {object-position:65% center}.help-hero:after {background:linear-gradient(90deg,#071b318f,#071b3133)}
  .settlement-strip {grid-template-columns:1fr;gap:19px;padding:23px}.settlement-step {gap:18px}.settlement-step>.icon {width:40px;height:40px}.settlement-step h2 {font-size:19px}.settlement-step p {font-size:12px}.settlement-step:not(:last-child):after {right:3px;width:8px;height:14px}
}
@media (max-width:480px) {
  .help-hero h1>span {display:block}
  .help-page main .wrap {width:calc(100% - 36px)}
  .help-hero-content {min-height:360px;padding-block:44px 32px}.help-hero h1 {max-width:335px;font-size:32px;letter-spacing:-.04em}.help-hero-description {font-size:19px;margin-top:8px}
  
  
  .settlement-section {padding-top:0}.settlement-strip {padding:22px 18px;gap:18px}.settlement-step h2 {font-size:18px}.settlement-step>.icon {width:36px;height:36px}.settlement-step p {font-size:11px}
  .help-layout {padding-top:27px;gap:26px}.help-heading {margin-bottom:14px}.help-heading h2 {font-size:31px}.result-count {font-size:11px}
  .help-faq {padding-inline:9px}.help-item summary {padding:11px 3px;font-size:15px;gap:11px;min-height:57px}.help-item summary:after {font-size:24px;flex-basis:18px}.faq-number {flex-basis:28px;height:28px;font-size:12px}.help-item[open] {margin-inline:-4px}.help-item[open] summary {padding-inline:6px}.help-answer {padding:5px 14px 19px 46px;font-size:13px}
  .support-body {padding-inline:16px}.support-visual {height:280px}.support-copy {padding:24px 20px}.support-copy h2 {font-size:40px}.contact-row {font-size:14px}.contact-row dt {gap:10px}.contact-row dd,.contact-hours dd {min-width:134px;font-size:14px}.support-details {padding-inline:13px}.support-tip {font-size:13px;gap:10px}.support-signoff p {font-size:22px}
  .contact-row {display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px}.contact-row dd,.contact-hours dd {min-width:0;gap:4px}
  .help-start-layout {padding-block:32px;gap:22px}.help-start h2 {font-size:31px}.help-start p {font-size:13px;line-height:1.9;max-width:310px}.help-start-actions {width:100%;gap:10px}.help-start-actions .button {flex:1;min-width:0;min-height:48px;font-size:14px;padding:11px 13px;gap:6px}.help-start-actions .icon {width:19px;height:19px}
  .help-toast {bottom:18px;font-size:13px}
}

/* Wide desktop keeps the illustrated help experience readable while giving 2K/4K screens useful scale. */
@media (min-width:1600px) {
  .help-page main .wrap {width:calc(100% - clamp(88px,4.583333vw,132px))}
  .help-hero-content {min-height:clamp(440px,22.916667vw,660px);padding-block:clamp(82px,4.270833vw,123px) clamp(60px,3.125vw,90px)}
  .help-hero h1 {font-size:clamp(58px,3.020833vw,87px)}
  .help-hero-description {margin-top:clamp(5px,.260417vw,7px);font-size:clamp(29px,1.510417vw,44px)}
  
  
  
  
  
  
  
  .settlement-section {padding-top:clamp(10px,.520833vw,15px)}
  .settlement-strip {gap:clamp(42px,2.1875vw,63px);min-height:clamp(108px,5.625vw,162px);padding:clamp(20px,1.041667vw,30px) clamp(25px,1.302083vw,37px);border-radius:0 0 clamp(10px,.520833vw,15px) clamp(10px,.520833vw,15px)}
  .settlement-step {gap:clamp(20px,1.041667vw,30px)}
  .settlement-step>.icon {width:clamp(52px,2.708333vw,78px);height:clamp(52px,2.708333vw,78px)}
  .settlement-step h2 {font-size:clamp(26px,1.354167vw,39px)}
  .settlement-step p {margin-top:clamp(3px,.15625vw,5px);font-size:clamp(14px,.729167vw,20px)}
  .help-layout {grid-template-columns:minmax(0,1fr) clamp(360px,21.875vw,600px);gap:clamp(28px,1.458333vw,42px);padding-block:clamp(35px,1.822917vw,52px) clamp(38px,1.979167vw,57px);min-height:clamp(810px,42.1875vw,1215px)}
  .help-heading {gap:clamp(16px,.833333vw,24px);margin-bottom:clamp(13px,.677083vw,19px)}
  .help-heading h2 {font-size:clamp(40px,2.083333vw,60px)}
  .help-heading h2:after,.help-start h2:after {width:clamp(48px,2.5vw,72px);height:clamp(3px,.15625vw,5px);margin-top:clamp(6px,.3125vw,9px)}
  .result-count {font-size:clamp(12px,.625vw,18px);padding-top:clamp(10px,.520833vw,15px)}
  .help-faq {padding:clamp(2px,.104167vw,3px) clamp(12px,.625vw,18px) clamp(5px,.260417vw,8px);border-radius:clamp(10px,.520833vw,15px)}
  .help-item summary {gap:clamp(18px,.9375vw,27px);min-height:clamp(58px,3.020833vw,87px);padding:clamp(11px,.572917vw,16px) clamp(10px,.520833vw,15px);font-size:clamp(17px,.885417vw,25px)}
  .help-item summary:after {flex-basis:clamp(20px,1.041667vw,30px);font-size:clamp(27px,1.40625vw,40px)}
  .faq-number {flex-basis:clamp(33px,1.71875vw,49px);height:clamp(33px,1.71875vw,49px);font-size:clamp(14px,.729167vw,20px)}
  .help-answer {max-width:clamp(760px,41.666667vw,1200px);padding:clamp(8px,.416667vw,12px) clamp(23px,1.197917vw,34px) clamp(22px,1.145833vw,33px) clamp(67px,3.489583vw,100px);font-size:clamp(15px,.78125vw,22px);line-height:1.85}
  .help-aside {padding-top:0}
  .help-contact {border-radius:clamp(9px,.46875vw,14px)}
  .support-visual {height:clamp(304px,15.833333vw,456px)}
  .support-copy {padding:clamp(25px,1.302083vw,37px) clamp(23px,1.197917vw,34px)}
  .support-copy h2 {font-size:clamp(43px,2.239583vw,64px)}
  .support-copy p {font-size:clamp(17px,.885417vw,25px)}
  .support-body {padding-inline:clamp(18px,.9375vw,27px);padding-bottom:clamp(12px,.625vw,18px);margin-top:clamp(-63px,-2.1875vw,-42px)}
  .support-chat {gap:clamp(16px,.833333vw,24px);min-height:clamp(72px,3.75vw,108px);border-radius:clamp(10px,.520833vw,15px);font-size:clamp(24px,1.25vw,36px)}
  .support-chat>.icon {width:clamp(30px,1.5625vw,45px);height:clamp(30px,1.5625vw,45px)}
  .support-chat>.support-arrow {width:clamp(25px,1.302083vw,37px);height:clamp(25px,1.302083vw,37px)}
  .support-details {margin-top:clamp(18px,.9375vw,27px);padding:0 clamp(14px,.729167vw,21px) clamp(15px,.78125vw,22px);border-radius:clamp(9px,.46875vw,14px)}
  .contact-row {gap:clamp(8px,.416667vw,12px);min-height:clamp(70px,3.645833vw,105px);font-size:clamp(15px,.78125vw,22px)}
  .contact-row dt {gap:clamp(12px,.625vw,18px)}
  .contact-row dd {gap:clamp(9px,.46875vw,14px);min-width:clamp(141px,7.34375vw,211px);font-size:clamp(16px,.833333vw,24px)}
  .contact-icon {flex-basis:clamp(36px,1.875vw,54px);width:clamp(36px,1.875vw,54px);height:clamp(36px,1.875vw,54px)}
  .contact-icon>.icon {width:clamp(26px,1.354167vw,39px);height:clamp(26px,1.354167vw,39px)}
  .copy-contact {flex-basis:clamp(32px,1.666667vw,48px);width:clamp(32px,1.666667vw,48px);height:clamp(36px,1.875vw,54px)}
  .support-tip {gap:clamp(12px,.625vw,18px);margin-top:clamp(18px,.9375vw,27px);font-size:clamp(14px,.729167vw,20px)}
  .support-tip>.icon {width:clamp(29px,1.510417vw,44px);height:clamp(29px,1.510417vw,44px)}
  .support-signoff {min-height:clamp(140px,7.291667vw,210px);padding:clamp(22px,1.145833vw,33px) clamp(24px,1.25vw,36px)}
  .support-signoff p {font-size:clamp(22px,1.145833vw,33px)}
  .help-start-layout {gap:clamp(35px,1.822917vw,52px);min-height:clamp(235px,12.239583vw,352px);padding-block:clamp(40px,2.083333vw,60px)}
  .help-start h2 {font-size:clamp(46px,2.395833vw,69px)}
  .help-start p {margin-top:clamp(12px,.625vw,18px);font-size:clamp(17px,.885417vw,25px)}
  .help-start-actions {gap:clamp(15px,.78125vw,22px)}
  .help-start-actions .button {min-width:clamp(190px,9.895833vw,285px);min-height:clamp(59px,3.072917vw,88px);font-size:clamp(18px,.9375vw,27px)}
}
@media (prefers-reduced-motion:reduce) {
  .help-page {scroll-behavior:auto}.help-page * {scroll-behavior:auto;transition:none!important}
}

/* Search and categories belong beside the questions they filter. */
.help-hero-content {min-height:310px;padding-block:64px 58px}
.help-toolbar {display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding:18px;background:#fff;border:1px solid #e1e8f2;border-radius:12px}
.help-search {display:flex;align-items:center;gap:12px;width:100%;min-height:48px;margin:0;padding:4px 4px 4px 16px;border:1px solid #dce5f1;border-radius:10px;background:#f7f9fc;color:#63708a;transition:border-color .2s,box-shadow .2s}
.help-search:focus-within {border-color:var(--accent);box-shadow:0 0 0 3px #ff640e18}
.help-search .search-leading-icon {flex:0 0 20px;width:20px;height:20px;stroke-width:2}
.help-search input {width:100%;min-width:0;padding:7px 0;border:0;outline:0;background:transparent;color:#172136;font:inherit;font-size:15px;line-height:1.5}
.help-search input::placeholder {color:#7a8498}
.help-search button {display:grid;place-items:center;flex:0 0 44px;align-self:stretch;min-height:38px;padding:0;border:0;border-radius:7px;background:var(--accent);color:#fff;cursor:pointer}
.help-search button:hover {background:var(--accent-dark)}
.help-search button .icon {width:22px;height:22px;stroke-width:2}
.help-filters {display:flex;flex-wrap:wrap;gap:8px;margin:0}
.help-filters .chip {min-width:64px;min-height:34px;padding:6px 16px;border:1px solid #e0e7f0;border-radius:18px;background:#f5f8fc;color:#56627a;font-size:14px;line-height:1.5;cursor:pointer;transition:background .2s,border-color .2s}
.help-filters .chip:hover {background:#fff4eb;border-color:#ffd2b8;color:var(--accent-dark)}
.help-filters .chip.is-active {background:var(--accent);border-color:var(--accent);color:#fff}
.help-toolbar button:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
@media (min-width:1600px) {
  .help-hero-content {min-height:clamp(310px,18vw,420px);padding-block:clamp(64px,3.8vw,90px) clamp(58px,3.2vw,78px)}
}
@media (max-width:700px) {
  .help-hero-content {min-height:260px;padding-block:48px}
  .help-toolbar {padding:14px;gap:14px;margin-bottom:16px}
}
@media (max-width:480px) {
  .help-hero-content {min-height:240px;padding-block:38px}
  .help-filters {gap:6px}
  .help-filters .chip {flex:1;min-width:0;padding:6px 8px;font-size:13px}
}