/* Advertise With Us — page-specific overrides, scoped to body.advertiser-apply-page */

body.advertiser-apply-page .card{
    max-width:820px;
}

body.advertiser-apply-page .auth-side{
    align-items:flex-start;
    justify-content:center;
    padding-top:64px;
}

body.advertiser-apply-page .side-inner{
    position:sticky;
    top:64px;
}

/* Property highlights */
.highlight-fieldset{
    margin:16px 0;
    padding:15px 17px;
    border:1px solid var(--border,#e2e8e4);
    border-radius:14px;
}

.highlight-fieldset legend{
    padding:0 6px;
    font-size:12px;
    font-weight:800;
    color:var(--navy,#17382a);
}

.highlight-fieldset legend span{
    font-weight:600;
    color:#8b9691;
    font-size:11px;
}

.highlight-check-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
    gap:9px 16px;
    margin-top:9px;
}

.highlight-check-grid .checkbox{
    margin:0;
}

/* How it works, in the sidebar */
.how-it-works{
    margin-top:28px;
}

.how-it-works h3{
    margin:0 0 14px;
    font-size:12px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:rgba(255,255,255,.72);
}

.how-it-works ol{
    list-style:none;
    margin:0;
    padding:0;
    counter-reset:howstep;
}

.how-it-works li{
    position:relative;
    padding-left:36px;
    margin-bottom:18px;
    counter-increment:howstep;
}

.how-it-works li:before{
    content:counter(howstep);
    position:absolute;
    left:0;
    top:0;
    width:24px;
    height:24px;
    border-radius:50%;
    background:rgba(255,255,255,.16);
    display:grid;
    place-items:center;
    font-size:12px;
    font-weight:800;
}

.how-it-works li strong{
    display:block;
    font-size:14px;
    margin-bottom:3px;
}

.how-it-works li span{
    display:block;
    font-size:12.5px;
    line-height:1.5;
    color:rgba(255,255,255,.8);
}

.side-note{
    display:inline-block;
    margin-top:22px;
    padding:9px 14px;
    border-radius:10px;
    background:rgba(255,255,255,.13);
    font-size:12px;
    font-weight:800;
}

@media(max-width:950px){
    body.advertiser-apply-page .card{max-width:550px}
}