.help-breadcrumb{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
margin-bottom:28px;
font-size:14px;
color:#64748b;
}

.help-breadcrumb a{
color:#2563eb;
text-decoration:none;
font-weight:700;
}

.help-breadcrumb a:hover{
text-decoration:underline;
}

.help-article{

max-width:920px;

}

.help-article h2{

margin:8px 0 20px;

font-size:34px;

line-height:1.15;

color:#0f172a;

}

.help-article h3{

margin-top:38px;
margin-bottom:12px;

font-size:22px;

color:#0f172a;

}

.help-article p{

line-height:1.8;

color:#475569;

margin:14px 0;

}

.help-article-introduction{

font-size:18px;

color:#334155;

margin-bottom:28px;

}

.help-article ol{

margin:18px 0 30px 24px;

}

.help-article li{

margin:12px 0;

line-height:1.8;

}

.help-callout{

margin:30px 0;

padding:22px;

border-radius:18px;

border-left:5px solid;

}

.help-callout strong{

display:block;

margin-bottom:12px;

font-size:17px;

}

.help-callout-info{

background:#eff6ff;

border-color:#2563eb;

}

.help-callout-tip{

background:#f0fdf4;

border-color:#16a34a;

}

.help-callout-warning{

background:#fff7ed;

border-color:#ea580c;

}

.help-navigation{

display:grid;

grid-template-columns:1fr auto 1fr;

gap:18px;

margin-top:48px;

padding-top:28px;

border-top:1px solid #e2e8f0;

}

.help-navigation-link{

display:flex;

flex-direction:column;

gap:4px;

padding:18px;

border:1px solid #e2e8f0;

border-radius:16px;

text-decoration:none;

background:white;

transition:.2s;

}

.help-navigation-link:hover{

border-color:#2563eb;

transform:translateY(-2px);

}

.help-navigation-link small{

color:#64748b;

font-size:12px;

font-weight:700;

}

.help-navigation-link strong{

color:#0f172a;

font-size:16px;

}

.help-navigation-back{

justify-content:center;

text-align:center;

}

.help-navigation-next{

text-align:right;

}

.help-navigation-empty{

display:block;

}

.help-steps{

counter-reset:item;

padding-left:0;

list-style:none;

}

.help-steps li{

position:relative;

padding-left:54px;

margin:24px 0;

}

.help-steps li::before{

counter-increment:item;

content:counter(item);

position:absolute;

left:0;

top:0;

width:34px;

height:34px;

border-radius:50%;

background:#2563eb;

color:white;

display:flex;

align-items:center;

justify-content:center;

font-weight:700;

}

@media(max-width:900px){

.help-navigation{

grid-template-columns:1fr;

}

.help-navigation-next{

text-align:left;

}

}