/* CA Bundals Support centre. Loaded after /landing.css and /site/chrome.css.
   Grey ground, white cards, one blue. Everything is prefixed sp-. */
body.site.sp{background:#F4F6FA}
.sp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sp-main{padding-bottom:8px}
.sp-top{padding-top:28px}
.sp [hidden]{display:none!important}
.sp-card{background:#fff;border:1px solid #E6E9F0;border-radius:16px}
.sp-chev{width:14px;height:14px;flex:none;vertical-align:-2px}
.sp-ico{width:36px;height:36px;flex:none}
.sp-ico.sm{width:22px;height:22px}
.sp-ico.lg{width:56px;height:56px}
.sp-ico .mx{mix-blend-mode:multiply}

/* ── hero and search ── */
.sp-hero{padding:56px 0 36px;text-align:center}
.sp-hero .wrap{display:flex;flex-direction:column;align-items:center;gap:14px}
.sp-hero h1{margin:0;font-size:44px;line-height:1.1;font-weight:800;letter-spacing:-1.4px;color:#1F2433}
.sp-hero p{margin:0;font-size:16px;line-height:1.6;color:#5B6275}
.sp-search{position:relative;display:flex;align-items:center;width:100%;background:#fff;border:1px solid #D5DAE3;border-radius:12px;height:46px;padding:0 12px;gap:10px;color:#5B6275}
.sp-search:focus-within{border-color:#1A56DB;box-shadow:0 0 0 3px rgba(26,86,219,.14)}
.sp-search>svg{width:18px;height:18px;flex:none}
.sp-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 15px 'Plus Jakarta Sans',system-ui,sans-serif;color:#1F2433;height:100%;-webkit-appearance:none;appearance:none}
.sp-search input::placeholder{color:#8A90A2}
.sp-search input::-webkit-search-cancel-button{display:none}
.sp-search.big{max-width:720px;height:60px;border-radius:14px;padding:0 18px;margin-top:10px;box-shadow:0 10px 30px -18px rgba(31,36,51,.35)}
.sp-search.big>svg{width:22px;height:22px}
.sp-search.big input{font-size:17px}
.sp-clear{border:0;background:#F2F4F8;color:#3A4154;font:600 13px 'Plus Jakarta Sans',system-ui,sans-serif;border-radius:8px;height:34px;padding:0 12px;cursor:pointer;flex:none}
.sp-clear:hover{background:#E6E9F0}

/* ── announcements ── */
.sp-news{background:#fff;border:1px solid #E6E9F0;border-radius:16px;padding:18px 22px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 20px;align-items:start}
.sp-news h2{margin:3px 0 0;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#5B6275}
.sp-news ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.sp-news li{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:9px 0;border-top:1px solid #EEF0F4;font-size:14.5px;line-height:1.5;color:#1F2433}
.sp-news li:first-child{border-top:0;padding-top:0}
.sp-news li:last-child{padding-bottom:0}
.sp-news time{font-size:13px;font-weight:700;color:#5B6275;white-space:nowrap}
.sp-news a{font-weight:700;font-size:13.5px;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:2px}

/* ── category blocks ── */
.sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.sp-cat{background:#fff;border:1px solid #E6E9F0;border-radius:16px;padding:20px 22px 16px;display:flex;flex-direction:column;min-width:0}
.sp-cat-head{display:flex;align-items:center;gap:12px;text-decoration:none;color:#1F2433;margin-bottom:10px}
.sp-cat-head h2{margin:0;font-size:16.5px;line-height:1.3;font-weight:800;letter-spacing:-.2px}
.sp-cat-head:hover h2{color:#1A56DB}
.sp-cat ul{list-style:none;margin:0;padding:0;flex-grow:1}
.sp-cat li a{display:block;padding:7px 0;font-size:14.5px;line-height:1.45;color:#3A4154;text-decoration:none;border-top:1px solid #F0F2F6}
.sp-cat li:first-child a{border-top:0}
.sp-cat li a:hover{color:#1A56DB}
.sp-all{display:inline-flex;align-items:center;gap:2px;margin-top:10px;font-size:13.5px;font-weight:700;text-decoration:none}

/* ── popular ── */
.sp-pop{background:#fff;border:1px solid #E6E9F0;border-radius:16px;padding:22px 22px 14px;margin-top:20px}
.sp-pop h2,.sp-help h3{margin:0}
.sp-pop h2{font-size:18px;font-weight:800;letter-spacing:-.3px;margin-bottom:8px}
.sp-pop ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
.sp-pop li a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 0;border-top:1px solid #F0F2F6;font-size:14.5px;line-height:1.4;font-weight:600;color:#1F2433;text-decoration:none}
.sp-pop li:nth-child(-n+2) a{border-top:0}
.sp-pop li a:hover{color:#1A56DB}
.sp-pop .sp-chev{color:#8A90A2}

/* ── still need help ── */
.sp-help{background:#fff;border:1px solid #E6E9F0;border-radius:16px;margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.sp-help-col{padding:24px 26px;display:flex;flex-direction:column;gap:8px;border-left:1px solid #EEF0F4;min-width:0}
.sp-help-col:first-child{border-left:0}
.sp-help h3{font-size:16px;font-weight:800}
.sp-help p{margin:0;font-size:14px;line-height:1.6;color:#5B6275;flex-grow:1}
.sp-help a{font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:2px;overflow-wrap:anywhere}

/* ── search results ── */
.sp-count{margin:0 0 12px;font-size:14px;color:#5B6275;font-weight:600}
.sp-reslist{background:#fff;border:1px solid #E6E9F0;border-radius:16px;overflow:hidden}
.sp-res{display:flex;flex-direction:column;gap:4px;padding:16px 22px;border-top:1px solid #EEF0F4;text-decoration:none;color:#1F2433}
.sp-res:first-child{border-top:0}
.sp-res:hover{background:#F8FAFE}
.sp-res b{font-size:16px;line-height:1.4;font-weight:700}
.sp-res:hover b{color:#1A56DB}
.sp-res span{font-size:14.5px;line-height:1.55;color:#3A4154}
.sp-res small{font-size:12.5px;color:#8A90A2;font-weight:600}
.sp mark{background:#FFF1B8;color:inherit;border-radius:3px;padding:0 1px}
.sp-after{font-size:14px;color:#5B6275;margin:14px 2px 0}
.sp-none{background:#fff;border:1px solid #E6E9F0;border-radius:16px;padding:36px 28px;text-align:center}
.sp-none h2{margin:0 0 8px;font-size:22px;font-weight:800;letter-spacing:-.4px;overflow-wrap:anywhere}
.sp-none p{margin:0 auto 18px;max-width:520px;font-size:15px;line-height:1.6;color:#5B6275}
.sp-none-acts,.sp-fb-acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;background:#1A56DB;color:#fff;font-weight:700;font-size:14.5px;text-decoration:none}
.sp-btn:hover{background:#1240A8;color:#fff}
.sp-btn.ghost{background:#EEF2FB;color:#1A56DB}
.sp-btn.ghost:hover{background:#DDE6F8;color:#1240A8}

/* ── breadcrumbs, two-column pages ── */
.sp-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;color:#5B6275;margin-bottom:18px}
.sp-crumbs a{color:#5B6275;text-decoration:none;font-weight:600}
.sp-crumbs a:hover{color:#1A56DB}
.sp-crumbs span{color:#1F2433;font-weight:600;overflow-wrap:anywhere}
.sp-crumbs .sp-chev{color:#B4BAC8;width:12px;height:12px}
.sp-two{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.sp-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.sp-side{position:sticky;top:92px;display:flex;flex-direction:column;gap:14px;min-width:0}
.sp-topics{padding:16px 10px 12px}
.sp-topics h3{margin:0 0 6px;padding:0 10px;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#5B6275}
.sp-topics>a:not(.sp-all){display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;font-size:14px;line-height:1.4;color:#3A4154;text-decoration:none}
.sp-topics>a:not(.sp-all):hover{background:#F4F6FA;color:#1A56DB}
.sp-topics>a[aria-current=page]{background:#EEF3FD;color:#1A56DB;font-weight:700}
.sp-topics .sp-all{margin:8px 10px 2px}
.sp-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}
.sp-bar h1{margin:0;font-size:30px;font-weight:800;letter-spacing:-.8px}
.sp-bar .sp-search{max-width:360px}
.sp-alltopics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px}
.sp-alltopics a{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;text-decoration:none;color:#1F2433;min-width:0}
.sp-alltopics a:hover{background:#F4F6FA}
.sp-alltopics b{display:block;font-size:14.5px;line-height:1.35}
.sp-alltopics small{font-size:12.5px;color:#5B6275}

/* ── category page ── */
.sp-cathead{display:flex;gap:18px;align-items:flex-start}
.sp-cathead h1{margin:0;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.8px}
.sp-cathead p{margin:8px 0 10px;font-size:15.5px;line-height:1.6;color:#5B6275;max-width:640px}
.sp-n{font-size:13px;font-weight:700;color:#5B6275}
.sp-video{margin-left:14px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:2px}
.sp-jump{display:flex;flex-wrap:wrap;gap:8px}
.sp-jump a{background:#fff;border:1px solid #E1E5EE;border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600;color:#3A4154;text-decoration:none}
.sp-jump a:hover{border-color:#1A56DB;color:#1A56DB}
.sp-group{overflow:hidden;scroll-margin-top:92px}
.sp-group h2{margin:0;padding:16px 22px 12px;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#5B6275;border-bottom:1px solid #EEF0F4}
.sp-row{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:15px 22px;border-top:1px solid #EEF0F4;text-decoration:none;color:#1F2433}
.sp-group>.sp-row:first-child,.sp-group>h2+.sp-row{border-top:0}
.sp-row:hover{background:#F8FAFE}
.sp-row>span:first-child{min-width:0}
.sp-row b{display:block;font-size:15.5px;line-height:1.4;font-weight:700}
.sp-row:hover b{color:#1A56DB}
.sp-row small{display:block;margin-top:3px;font-size:14px;line-height:1.5;color:#5B6275}
.sp-pill{display:inline-block;flex:none;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap;background:#F2F4F8;color:#5B6275}
.sp-plan-note{display:block;margin-top:6px;font-size:13px;font-weight:500;color:#5B6275;max-width:230px}
.sp-pill.b{background:#EEF3FD;color:#1A56DB}
.sp-pill.v{background:#F1ECFE;color:#5B3FD0}
.sp-pill.g{background:#E5F6EE;color:#067647}
.sp-row .sp-pill{margin-top:2px}

/* ── article ── */
.sp-article{padding:36px 40px 32px;min-width:0}
.sp-article h1{margin:0;font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-.8px;overflow-wrap:break-word}
.sp-answer{margin:18px 0 0;padding:16px 18px;border-radius:12px;background:#EEF3FD;font-size:17px;line-height:1.6;font-weight:500;color:#1F2433}
.sp-meta{margin:16px 0 0;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.2fr);gap:0;border:1px solid #EEF0F4;border-radius:12px}
.sp-meta>div{padding:12px 16px;border-left:1px solid #EEF0F4;min-width:0}
.sp-meta>div:first-child{border-left:0}
.sp-meta dt{font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#8A90A2;margin-bottom:5px}
.sp-meta dd{margin:0;font-size:14px;line-height:1.5;font-weight:600;color:#1F2433}
.sp-open{font-weight:700;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:1px;margin-left:6px}
.sp-body{margin-top:26px;font-size:16px;line-height:1.7;color:#2B3145}
.sp-body p{margin:0 0 14px}
.sp-body h2,.sp-related h2{margin:28px 0 10px;font-size:18px;line-height:1.3;font-weight:800;letter-spacing:-.3px;color:#1F2433}
.sp-ui{font-weight:700;color:#1F2433;background:#F2F4F8;border-radius:5px;padding:1px 6px;white-space:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.sp-steps{list-style:none;margin:0 0 16px;padding:0;counter-reset:st}
.sp-steps li{counter-increment:st;display:flex;gap:14px;padding:9px 0}
.sp-steps li::before{content:counter(st);flex:0 0 28px;height:28px;border-radius:50%;background:#1A56DB;color:#fff;font-size:13.5px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}
.sp-steps li>span{min-width:0}
.sp-list{margin:0 0 16px;padding:0;list-style:none}
.sp-list li{position:relative;padding:5px 0 5px 20px}
.sp-list li::before{content:'';position:absolute;left:4px;top:16px;width:6px;height:6px;border-radius:50%;background:#B4BAC8}
.sp-note{display:flex;gap:12px;align-items:baseline;margin:0 0 16px;padding:13px 16px;border-radius:12px;background:#F4F6FA;font-size:15px;line-height:1.6}
.sp-note>b{flex:none;font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#5B6275}
.sp-note.sp-verify{background:#FFF8EB;color:#5C3A00}
.sp-note.sp-verify>b{color:#8A4B00}
.sp-note>span{min-width:0}
.sp-tbl{margin:0 0 16px;border:1px solid #E6E9F0;border-radius:12px;overflow:hidden}
.sp-tbl table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.sp-tbl th{text-align:left;background:#F7F8FB;font-size:12.5px;font-weight:800;color:#5B6275;padding:10px 14px;vertical-align:bottom}
.sp-tbl td{padding:10px 14px;border-top:1px solid #EEF0F4;vertical-align:top}
.sp-tbl td:first-child{font-weight:700;color:#1F2433}
.sp-related ul{list-style:none;margin:0;padding:0}
.sp-related li a{display:block;padding:8px 0;border-top:1px solid #F0F2F6;font-size:15px;font-weight:600;text-decoration:none}
.sp-related li:first-child a{border-top:0}
.sp-fb{margin-top:28px;padding:20px 22px;border-radius:14px;background:#F4F6FA;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.sp-fb h2{margin:0;font-size:16.5px;font-weight:800}
.sp-fb p{margin:4px 0 0;font-size:14px;line-height:1.55;color:#5B6275;max-width:440px}
.sp-fb-acts{justify-content:flex-start}
.sp-missing{padding:36px 32px;display:flex;flex-direction:column;gap:14px;max-width:720px}
.sp-missing h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.6px}
.sp-missing p{margin:0;font-size:15.5px;line-height:1.6;color:#5B6275}
.sp a:focus-visible,.sp button:focus-visible{outline:2px solid #1A56DB;outline-offset:2px;border-radius:6px}
body.sp .sf{margin-top:56px;background:#fff}

/* ── smaller screens ── */
@media (max-width:1100px){
  .sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-two{grid-template-columns:minmax(0,1fr) 270px}
  .sp-alltopics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .sp-two{grid-template-columns:minmax(0,1fr)}
  .sp-side{position:static}
  .sp-side .sp-search{display:none}
  .sp-article{padding:26px 22px 24px}
  .sp-news{grid-template-columns:1fr}
  .sp-help{grid-template-columns:1fr}
  .sp-help-col{border-left:0;border-top:1px solid #EEF0F4;padding:20px 22px}
  .sp-help-col:first-child{border-top:0}
}
@media (max-width:640px){
  .sp-hero{padding:36px 0 24px}
  .sp-hero h1{font-size:32px;letter-spacing:-.9px}
  .sp-hero p{font-size:15px}
  .sp-search.big{height:54px;padding:0 14px}
  .sp-search.big input{font-size:16px}
  .sp-search input{font-size:16px}
  .sp-top{padding-top:20px}
  .sp-grid{grid-template-columns:1fr;gap:12px}
  .sp-cat{padding:18px 18px 14px}
  .sp-cat li a{padding:10px 0}
  .sp-cat li:nth-child(n+4){display:none}
  .sp-news{padding:16px 18px}
  .sp-news li{grid-template-columns:1fr;gap:3px}
  .sp-pop{padding:18px 18px 8px}
  .sp-pop ul{grid-template-columns:1fr}
  .sp-pop li:nth-child(2) a{border-top:1px solid #F0F2F6}
  .sp-alltopics{grid-template-columns:1fr}
  .sp-bar h1,.sp-cathead h1,.sp-article h1{font-size:25px;letter-spacing:-.5px}
  .sp-cathead{gap:14px}
  .sp-ico.lg{width:44px;height:44px}
  .sp-row{flex-direction:column;gap:8px;padding:14px 18px}
  .sp-group h2{padding:14px 18px 10px}
  .sp-article{padding:22px 18px 20px;border-radius:14px}
  .sp-answer{font-size:16px;padding:14px 15px}
  .sp-meta{grid-template-columns:1fr}
  .sp-meta>div{border-left:0;border-top:1px solid #EEF0F4}
  .sp-meta>div:first-child{border-top:0}
  .sp-res{padding:14px 18px}
  .sp-none{padding:28px 18px}
  .sp-none-acts .sp-btn,.sp-fb-acts .sp-btn{width:100%}
  .sp-fb{padding:18px}
  .sp-fb-acts{width:100%}
  .sp-note{flex-direction:column;gap:4px}
  /* tables become stacked rows: never a sideways scroll */
  .sp-tbl thead{display:none}
  .sp-tbl table,.sp-tbl tbody,.sp-tbl tr,.sp-tbl td{display:block;width:100%}
  .sp-tbl tr{padding:10px 14px;border-top:1px solid #EEF0F4}
  .sp-tbl tr:first-child{border-top:0}
  .sp-tbl td{padding:2px 0;border:0}
  .sp-tbl td:not(:first-child){display:grid;grid-template-columns:42% minmax(0,1fr);gap:10px;font-size:14px}
  .sp-tbl td:not(:first-child)::before{content:attr(data-k);color:#5B6275;font-weight:600}
  .sp-tbl td:first-child{font-size:15px;padding-bottom:4px}
}
