.help-centre { width:min(760px,calc(100vw - 28px)); max-height:min(780px,calc(100vh - 28px)); overflow:auto; padding:0; color:#17343b; background:#fff; border:1px solid #d9e6e5; border-radius:20px; box-shadow:0 24px 70px #0b39494d; }
.help-centre::backdrop { background:#0b394980; backdrop-filter:blur(2px); }
.help-centre__heading { display:flex; justify-content:space-between; gap:20px; padding:28px 30px 22px; border-bottom:1px solid #e2ecea; }
.help-centre__heading .eyebrow { margin:0 0 7px; color:#267ab5; font-size:10px; font-weight:800; letter-spacing:1.3px; }
.help-centre__heading h2 { margin:0; font-size:25px; }
.help-centre__heading p:last-child { margin:8px 0 0; color:#617a7f; font-size:13px; line-height:1.55; }
.help-centre__close { flex:0 0 auto; width:38px; height:38px; padding:0; color:#536d72; background:#edf3f1; border:0; border-radius:10px; font-size:25px; cursor:pointer; }
.help-centre__primary { display:grid; gap:5px; width:calc(100% - 60px); margin:24px 30px 14px; padding:18px 20px; text-align:left; color:#fff; background:#267ab5; border:0; border-radius:14px; box-shadow:0 7px 18px #267ab52e; cursor:pointer; }
.help-centre__primary small { color:#d5edfb; font-size:9px; font-weight:850; letter-spacing:1px; }
.help-centre__primary strong { font-size:15px; }.help-centre__primary span { color:#e8f5ff; font-size:12px; line-height:1.5; }
.help-centre__choice { margin:20px 30px 10px; color:#4e686e; font-size:12px; font-weight:800; }
.help-centre__quick { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0 30px 24px; }
.help-centre__quick button { display:grid; gap:5px; min-height:86px; padding:16px 17px; text-align:left; color:#24444b; background:#f5f9f8; border:1px solid #dce8e6; border-radius:13px; cursor:pointer; }
.help-centre__quick button:hover,.help-centre__quick button:focus-visible { background:#edf6f8; border-color:#7db4cb; outline:none; }
.help-centre__quick small { color:#267ab5; font-size:9px; font-weight:850; letter-spacing:.8px; }
.help-centre__quick strong { font-size:13px; }.help-centre__quick span { color:#667d82; font-size:11px; line-height:1.45; }
.help-centre__tip { margin:0; padding:16px 30px; color:#637b80; background:#f7faf9; border-top:1px solid #e2ecea; font-size:12px; }
.help-walkthrough { position:fixed; inset:0; z-index:1000; pointer-events:none; }
.help-walkthrough[hidden] { display:none; }
.help-walkthrough__shade { position:fixed; z-index:1000; background:#082f3cc4; pointer-events:auto; }
.help-walkthrough__focus { position:fixed; z-index:1001; border:3px solid #5dc4f3; border-radius:13px; box-shadow:0 0 0 4px #ffffffd9,0 10px 35px #071e2766; pointer-events:none; transition:left .18s ease,top .18s ease,width .18s ease,height .18s ease; }
.help-walkthrough__card { position:fixed; z-index:1002; box-sizing:border-box; padding:22px; color:#17343b; background:#fff; border:1px solid #d5e4e3; border-radius:17px; box-shadow:0 22px 55px #061f2a66; pointer-events:auto; }
.help-walkthrough__progress { display:flex; justify-content:space-between; gap:14px; margin-bottom:12px; color:#267ab5; font-size:10px; font-weight:800; letter-spacing:.7px; text-transform:uppercase; }
.help-walkthrough__progress-bar { height:5px; margin:-3px 0 16px; overflow:hidden; background:#e8f0ee; border-radius:999px; }
.help-walkthrough__progress-bar span { display:block; width:0; height:100%; background:#267ab5; border-radius:inherit; transition:width .18s ease; }
.help-walkthrough__card h2 { margin:0 0 8px; font-size:20px; }.help-walkthrough__card p { margin:0; color:#536f74; font-size:13px; line-height:1.65; }
.help-walkthrough__check { display:grid; gap:4px; margin-top:15px; padding:12px 14px; color:#244f61; background:#edf7fb; border:1px solid #c7e2ed; border-radius:11px; }
.help-walkthrough__check[hidden] { display:none; }
.help-walkthrough__check strong { color:#176c9e; font-size:11px; letter-spacing:.45px; text-transform:uppercase; }
.help-walkthrough__check span { font-size:12px; line-height:1.5; }
.help-walkthrough__actions { display:grid; grid-template-columns:auto 1fr auto auto; gap:9px; margin-top:20px; }
.help-walkthrough__actions button { min-height:38px; padding:8px 14px; color:#435c61; background:#edf3f1; border:0; border-radius:9px; font-size:12px; font-weight:750; cursor:pointer; }
.help-walkthrough__actions button.is-primary { color:#fff; background:#267ab5; }.help-walkthrough__actions button:disabled { opacity:.4; cursor:not-allowed; }
body.help-walkthrough-active { overflow:hidden; }
@media(max-width:620px) { .help-centre__heading { padding:22px 20px 18px; }.help-centre__primary { width:calc(100% - 40px); margin:20px 20px 12px; }.help-centre__quick { grid-template-columns:1fr; padding:0 20px 20px; }.help-centre__tip { padding:14px 20px; }.help-walkthrough__card { padding:18px; }.help-walkthrough__actions { grid-template-columns:auto 1fr auto; }.help-walkthrough__actions span { display:none; } }
@media(prefers-reduced-motion:reduce) { .help-walkthrough__focus,.help-walkthrough__progress-bar span { transition:none; } }