/* page: help center (WEB-18 S1); loaded by help.html only: the start cards, search, topics and the support block */
.help-start{display:grid;gap:var(--s3);counter-reset:none}
@media (min-width:768px){
 .help-start{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s4)}
}
.help-start .step{position:relative}
.help-start .card-title a{display:flex;align-items:center;min-height:44px;color:var(--text-primary);text-decoration:none}
.help-start .card-title a::after{content:"";position:absolute;inset:0;border-radius:var(--r-lg)}
.help-start .step:hover{border-color:var(--border-strong)}
.help-search{max-width:560px;margin-top:var(--s5)}
.help-support{margin-top:var(--s5)}
.help-search .field{margin-top:0}
.help-count{min-height:1.125rem;margin-top:var(--s2);color:var(--text-tertiary);font:var(--type-caption)}
.help-topics{display:grid;gap:var(--s3);margin-top:var(--s6)}
@media (min-width:600px){
 .help-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1024px){
 .help-topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
}
.help-group-title{margin-top:var(--s10);font:var(--type-heading)}
.help-search + .help-group-title{margin-top:var(--s8)}
.help-group-title + .help-topics{margin-top:var(--s3)}
.help-topic{padding:var(--s4) var(--s5);border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--bg-surface)}
.help-topic a{display:inline-flex;align-items:center;min-height:44px;font:var(--type-body-strong)}
.help-topic p{color:var(--text-secondary);font:var(--type-callout)}
.help-empty{margin-top:var(--s4)}
.help-support{display:grid;gap:var(--s4)}
@media (min-width:900px){
 .help-support{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--s6);align-items:start}
}
.help-support-address{display:inline-flex;align-items:center;min-height:44px;font:var(--type-heading);overflow-wrap:anywhere}
.help-intro{margin:var(--s2) 0 var(--s6)}
.help-support-side{display:grid;gap:var(--s3)}
.help-urgent{background:var(--status-attention-bg)}
.help-urgent .icon{color:var(--status-attention-fg);--icon-cut:var(--status-attention-bg)}