/* Support landing page: personal help first, then the searchable help centre. */
.sv-page .sh-page { padding-top:0; }
.sh-page { --sh-purple:#5147e5; --sh-ink:#15162d; --sh-muted:#65677e; }
.sh-page section[id] { scroll-margin-top:118px; }
.sv-page .sh-page h1, .sv-page .sh-page h2 { font-size:clamp(32px,3.3vw,48px); font-weight:730; line-height:1.12; letter-spacing:-.05em; }
.sv-page .sh-page h3 { font-size:25px; font-weight:730; letter-spacing:-.04em; }
.sh-page h2 em { font-style:normal; color:var(--sh-purple); }
.sv-page .sh-eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 23px; color:var(--sh-purple); font-size:10px; line-height:1.5; letter-spacing:.13em; font-weight:800; }
.sh-eyebrow .sv-icon { width:18px; height:18px; }
.sh-page .sh-text-link { display:inline-flex; align-items:center; gap:13px; color:var(--sh-purple); font-size:13px; line-height:1.5; font-weight:700; }
.sh-text-link .sv-icon { width:18px; height:18px; }
.sh-page .sh-text-link:hover { text-decoration:underline; text-underline-offset:5px; }
.sh-page .sv-button { min-height:54px; border-radius:12px; font-size:14px; gap:18px; }
.sv-page .sh-contact { padding-block:60px 65px; }
.sh-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:35px; }
.sh-section-heading .sh-eyebrow { margin-bottom:16px; }
.sv-page .sh-section-heading>p { max-width:390px; margin:0 0 3px; color:var(--sh-muted); font-size:14px; line-height:1.75; }
.sh-contact-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.sh-contact-card { display:flex; align-items:flex-start; flex-direction:column; min-width:0; padding:30px; border:1px solid #e7e5ee; border-radius:22px; background:#fff; transition:transform .2s,border-color .2s,box-shadow .2s; }
.sh-contact-card:hover { transform:translateY(-4px); border-color:#b9a9ee; box-shadow:0 12px 35px #4c3d750a; }
.sh-contact-primary { background:#f5f2fd; border-color:#e4ddf7; }
.sh-contact-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:27px; border-radius:15px; color:var(--sh-purple); background:#e8e1ff; }
.sh-icon-mint { color:#3b826a; background:#e8f5ee; }
.sh-icon-peach { color:#b2734a; background:#fff0e3; }
.sh-contact-label { margin-bottom:12px; color:#7c7293; font-size:9px; line-height:1.5; letter-spacing:.1em; font-weight:750; }
.sv-page .sh-contact-card>p { max-width:330px; margin:15px 0 24px; font-size:14px; color:var(--sh-muted); line-height:1.8; }
.sh-card-link { display:flex; width:100%; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; color:var(--sh-purple); font-size:13px; font-weight:700; }
.sh-card-link .sv-icon { width:18px; height:18px; transition:transform .2s; }
.sh-contact-card:hover .sh-card-link .sv-icon { transform:translateX(4px); }
.sh-contact-card>small { margin-top:8px; color:#7c788a; font-size:10px; }
.sv-page .sh-contact-address { display:flex; justify-content:center; flex-wrap:wrap; gap:4px 9px; margin:26px 0 0; color:#736e83; font-size:11px; }
.sh-contact-address a { color:var(--sh-purple); text-decoration:underline; text-underline-offset:3px; }
.sh-contact-address>span { margin-left:12px; }
.sh-help { padding-block:78px; background:#f8f9fc; border-block:1px solid #eeeff4; }
.sv-page .sh-search { max-width:none; margin:35px 0 0; }
.sv-page .sh-search label { margin-bottom:11px; color:#5f5b74; font-size:12px; }
.sv-page .sh-search>div { padding:9px 10px 9px 21px; border-radius:14px; border-color:#e1dfeb; box-shadow:0 6px 15px #30246003; }
.sv-page .sh-search input { min-height:41px; font-size:15px; }
.sv-page .sh-search button { flex-shrink:0; gap:25px; padding:16px 22px; font-size:12px; }
.sv-page .sh-shortcuts { display:flex; align-items:center; flex-wrap:wrap; gap:10px 22px; margin:16px 0 34px; color:#807b90; font-size:11px; }
.sh-shortcuts>a { display:flex; align-items:center; gap:6px; color:#62597c; }
.sh-shortcuts>a:hover { color:var(--sh-purple); }
.sh-shortcuts .sv-icon { width:13px; height:13px; }
.sv-page .sh-results { max-width:none; padding:0 0 34px; }
.sh-results .sv-support-heading { margin-bottom:16px; }
.sh-results .sv-support-question-list { background:white; }
.sh-results .sv-support-question-list:not(:has(>a:not([hidden]))) { display:none; }
.sh-topics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.sh-topic { display:flex; flex-direction:column; min-width:0; padding:24px; border:1px solid #e7e6ef; border-radius:18px; background:#fff; transition:transform .2s,border-color .2s; }
.sh-topic:hover { transform:translateY(-3px); border-color:#beb1ed; }
.sh-topic-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.sh-page .sh-topic-top>.sv-round-icon { width:40px; height:40px; border-radius:12px; }
.sh-topic-top>.sv-icon { width:17px; height:17px; color:#b0a7c5; }
.sv-page .sh-topic h3 { font-size:19px; line-height:1.3; text-wrap:initial; }
.sv-page .sh-topic>p { margin:11px 0 19px; color:#727285; font-size:12px; line-height:1.75; }
.sh-topic>small { margin-top:auto; color:#8b809d; font-size:10px; }
.sv-page .sh-faq { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; padding-block:95px; }
.sh-faq>div:first-child>p:not(.sh-eyebrow) { max-width:350px; margin:21px 0; font-size:14px; }
.sh-faq-list { border-top:1px solid #e9e5f0; }
.sh-faq-list details { border-bottom:1px solid #e9e5f0; }
.sh-faq-list summary { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:23px 0; color:#333047; font-size:14px; font-weight:650; line-height:1.6; list-style:none; cursor:pointer; }
.sh-faq-list summary>span { display:grid; place-items:center; flex:0 0 27px; height:27px; border:1px solid #e7e2f0; border-radius:50%; color:var(--sh-purple); font-size:19px; font-weight:400; transition:transform .2s; }
.sh-faq-list details[open] summary>span { transform:rotate(45deg); background:#f3effc; }
.sh-faq-list details>div { padding:0 42px 25px 0; }
.sh-faq-list details p { margin:0 0 17px; font-size:14px; line-height:1.8; }
.sv-page .sh-closing { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:35px; margin-bottom:80px; padding:55px; border-radius:28px; background:#eee9fb; }
.sh-closing-icon { display:grid; place-items:center; width:82px; height:90px; align-self:start; border:1px solid #ffffff90; border-radius:27px 27px 27px 8px; color:var(--sh-purple); background:#e1d8fa; transform:rotate(-6deg); }
.sh-closing-icon .sv-icon { width:36px; height:36px; }
.sh-closing .sh-eyebrow { margin-bottom:18px; font-size:9px; color:#746291; }
.sv-page .sh-closing h2 { font-size:clamp(28px,3vw,43px); }
.sv-page .sh-closing p:not(.sh-eyebrow) { margin:19px 0 0; color:#71677f; font-size:14px; line-height:1.8; }
.sh-closing-action { display:flex; align-items:center; flex-direction:column; gap:12px; }
.sh-closing-action>span { font-size:10px; color:#76658d; }
@media (max-width:1150px) {
  .sh-contact-card { padding:25px; }
  .sh-topics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sh-faq { gap:45px; }
  .sv-page .sh-closing { padding:40px; gap:25px; grid-template-columns:1fr auto; }
  .sh-closing-icon { display:none; }
}
@media (max-width:800px) {
  .sh-section-heading { align-items:flex-start; flex-direction:column; gap:17px; }
  .sh-section-heading>p br { display:none; }
  .sh-contact-grid { grid-template-columns:1fr; gap:13px; }
  .sh-contact-card { position:relative; padding:27px 28px 27px 100px; }
  .sh-contact-icon { position:absolute; left:27px; top:28px; }
  .sv-page .sh-contact-card>p { max-width:none; margin-block:12px 20px; }
  .sh-contact-address>span { display:block; width:100%; margin:5px 0 0; text-align:center; }
  .sv-page .sh-contact { padding-block:40px 60px; }
  .sh-help { padding-block:60px; }
  .sv-page .sh-faq { grid-template-columns:1fr; padding-block:65px; gap:30px; }
  .sv-page .sh-closing { grid-template-columns:1fr; padding:35px; margin-bottom:45px; }
  .sh-closing-action { align-items:flex-start; }
}
@media (max-width:480px) {
  .sh-page .sv-container { width:calc(100% - 32px); }
  .sv-page .sh-page h1, .sv-page .sh-page h2 { font-size:32px; }
  .sh-contact-card { padding:25px; }
  .sh-contact-icon { position:static; width:40px; height:40px; margin-bottom:20px; }
  .sh-section-heading { margin-bottom:26px; }
  .sv-page .sh-search>div { flex-wrap:wrap; padding:12px; gap:8px; }
  .sv-page .sh-search input { width:calc(100% - 35px); font-size:13px; padding:9px 0; }
  .sv-page .sh-search button { width:100%; justify-content:center; min-height:45px; padding:12px; }
  .sh-shortcuts { column-gap:14px; }
  .sh-topics { gap:10px; }
  .sh-topic { padding:18px 15px; border-radius:15px; }
  .sh-topic-top { margin-bottom:20px; }
  .sv-page .sh-topic h3 { font-size:17px; }
  .sv-page .sh-topic>p { font-size:11px; margin-bottom:15px; }
  .sh-topic-top>.sv-icon { width:14px; }
  .sv-page .sh-topic-top>.sv-round-icon { width:34px; height:34px; }
  .sh-topic-top .sv-round-icon .sv-icon { width:19px; height:19px; }
  .sh-faq-list summary { font-size:13px; gap:18px; }
  .sh-faq-list details>div { padding-right:0; }
  .sv-page .sh-closing { padding:30px 25px; border-radius:22px; }
  .sh-closing .sh-eyebrow { max-width:210px; line-height:1.8; }
}
@media (prefers-reduced-motion:reduce) {
  .sh-page *, .sh-page *::before, .sh-page *::after { scroll-behavior:auto!important; transition:none!important; }
}