/* Help centre v2 additions on top of site.css (help cards, article shell). Same palette: #0040ff, borders #dce3ed. */
.help-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 40px}
.help-jump a{border:1px solid #dce3ed;border-radius:999px;padding:9px 18px;font-size:.875rem;font-weight:600;color:#232426;text-decoration:none;background:#fff}
.help-jump a:hover{border-color:#0040ff;color:#0040ff}
.help-group{margin-bottom:56px;scroll-margin-top:110px}
.help-group-title{font-size:1.6rem;letter-spacing:-.04em;margin:0 0 20px;display:flex;align-items:baseline;gap:14px}
.help-group-title span{font-size:.8125rem;font-weight:500;letter-spacing:0;color:#697184}
.help-card--shot{padding:0 0 28px;overflow:hidden;display:flex;flex-direction:column}
.help-card--shot>*:not(.help-card-shot){margin-inline:28px}
.help-card-shot{display:block;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid #e3e8f0;margin-bottom:22px;background:#f5f7fb}
.help-card-shot img{width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform .35s ease}
.help-card--shot:hover .help-card-shot img{transform:scale(1.03)}
.help-card--shot .text-link{margin-top:auto!important;padding-top:12px}

.help-article-shell{grid-template-columns:240px minmax(0,820px)}
.help-article-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;align-items:end;border-bottom:1px solid #e0e5ed;margin-bottom:32px}
.help-article-hero .article-meta{border:0;margin-bottom:22px;padding-bottom:0}
.help-article-hero .article-intro p{font-size:1.0625rem;line-height:1.85}
.help-hero-art{width:100%;height:auto;margin-bottom:-1px}
.side-tutorial{display:flex!important;align-items:center;gap:8px;margin-top:18px;color:#0040ff!important;font-weight:600}

.help-watch{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;text-decoration:none;border:1px solid #c9d6fb;background:#f5f8ff;border-radius:22px;padding:14px;margin-bottom:36px;transition:border-color .2s,box-shadow .2s}
.help-watch:hover{border-color:#0040ff;box-shadow:0 10px 30px rgba(0,64,255,.10)}
.help-watch-art{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#e8eefc}
.help-watch-art img{width:100%;height:100%;object-fit:cover;object-position:top left}
.help-watch-play{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;background:#0040ff;color:#fff;display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,64,255,.35)}
.help-watch-copy{display:flex;flex-direction:column;gap:6px}
.help-watch-copy .eyebrow{margin:0;font-size:.6875rem}
.help-watch-copy strong{font-size:1.25rem;letter-spacing:-.03em;color:#232426}
.help-watch-copy>span:last-child{font-size:.9375rem;color:#5d6678}

.help-before{border:1px solid #dce3ed;border-radius:20px;padding:26px 30px;margin-bottom:40px}
.help-before h2{font-size:1.2rem!important;margin-bottom:6px!important}
.help-before .check-list{margin:14px 0 0;font-size:.9375rem}

.help-step{scroll-margin-top:110px;padding-bottom:10px}
.help-step ul,.help-step ol{padding-left:22px;line-height:1.85;font-size:1rem}
.help-step li{margin-bottom:6px}
.help-step strong{color:#1c1e22}
.help-shot{margin:22px 0 8px}
.help-shot a{display:block;border:1px solid #dce3ed;border-radius:16px;overflow:hidden;box-shadow:0 12px 34px rgba(17,24,39,.08);transition:box-shadow .2s}
.help-shot a:hover{box-shadow:0 16px 40px rgba(0,64,255,.14)}
.help-shot img{display:block;width:100%;height:auto}
.help-shot figcaption{font-size:.8125rem;color:#697184;margin-top:10px;line-height:1.6}

.help-tips{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center;background:#f5f8ff;border:1px solid #dce5fb;border-radius:24px;padding:28px 32px;margin:44px 0}
.help-tips-mascot{width:100%;height:auto}
.help-tips h2{font-size:1.35rem;letter-spacing:-.035em;margin:0 0 12px}
.help-tips ul{margin:0;padding-left:20px;display:grid;gap:10px;font-size:.9375rem;line-height:1.75}
.help-faqs{margin:44px 0}
.help-faqs h2{font-size:1.6rem;letter-spacing:-.04em;margin-bottom:14px}
.help-related h2{font-size:1.35rem;letter-spacing:-.035em;margin-bottom:16px}
.help-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.help-related-grid a{display:flex;flex-direction:column;gap:8px;text-decoration:none;border:1px solid #dce3ed;border-radius:18px;padding:20px}
.help-related-grid a:hover{border-color:#0040ff;background:#f7f9ff}
.help-related-grid .eyebrow{margin:0;font-size:.625rem}
.help-related-grid strong{font-size:1rem;color:#232426;letter-spacing:-.02em}
.help-related-grid .text-link{font-size:.8125rem;color:#0040ff;margin-top:auto}

@media(max-width:1050px){.help-article-shell{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:700px){
  .help-article-hero{grid-template-columns:1fr}.help-hero-art{max-width:160px}
  .help-watch{grid-template-columns:1fr}.help-tips{grid-template-columns:1fr;padding:24px}.help-tips-mascot{max-width:120px}
  .help-card--shot>*:not(.help-card-shot){margin-inline:22px}
}
.help-card-thumb{background:linear-gradient(145deg,#f8f9ff 0%,#eff2ff 68%,#e7ecff 100%)}
.help-card-thumb img{object-fit:contain;object-position:center;padding:14px 24px;filter:drop-shadow(0 12px 14px #3457a514)}
.help-card.help-card--shot{padding:0 0 28px}