/* Form pages: list your hosting (ListYourHosting.dc.html) and corrections. */
.form-page{display:flex;gap:56px;flex-wrap:wrap;align-items:flex-start;padding-top:40px;padding-bottom:80px}
.breadcrumb{font-size:14px;color:var(--slate-600);margin-bottom:16px}
.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.breadcrumb li+li::before{content:"/";margin-right:4px}
.form-main{flex:1 1 520px;max-width:720px;min-width:0;display:flex;flex-direction:column;gap:32px}
.form-intro{display:flex;flex-direction:column;gap:14px}
.form-intro h1{font-size:clamp(32px,4.6vw,48px);line-height:1.06;letter-spacing:-.028em;text-wrap:balance}
.form-intro p{margin:0;font-size:19px;color:var(--slate-700);max-width:56ch;text-wrap:pretty}
.stack-form{display:flex;flex-direction:column;gap:28px}
.form-group{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.form-group legend{font-size:13px;margin-bottom:14px;padding:0}
.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.field .optional{font-weight:400;color:var(--slate-600)}
.field select{appearance:auto}
.check-row{display:flex;flex-wrap:wrap;gap:8px 24px}
.check{display:flex;gap:8px;align-items:center;min-height:36px;cursor:pointer}
.check input{width:18px;height:18px;margin:0;accent-color:var(--accent-600)}
.form-submit{display:flex;gap:14px 20px;flex-wrap:wrap;align-items:center}
.form-submit .btn{min-height:50px;padding:0 24px}
.form-submit span{font-size:14px;color:var(--slate-600)}
.form-status{border-radius:var(--r-lg);padding:18px 20px;font-size:16px}
.form-status p{margin:6px 0 0}
.form-status--ok{border:1px solid var(--accent-200);background:var(--accent-100);color:var(--ink-900)}
.form-status--error{border:1px solid var(--ink-900);background:var(--paper-50)}
.form-aside{flex:1 1 300px;max-width:420px;position:sticky;top:16px;display:flex;flex-direction:column;gap:16px}
.next-box{border:1px solid var(--ink-900);border-radius:var(--r-lg)}
.next-box__head{padding:14px 20px;border-bottom:1px solid var(--slate-200);font-weight:600}
.next-box ol{margin:0;padding:16px 20px 18px 40px;display:flex;flex-direction:column;gap:12px;color:var(--slate-700)}
.free-box{border:1px solid var(--slate-200);border-radius:var(--r-lg);padding:16px 20px;font-size:15px;color:var(--slate-700);background:var(--paper-50)}
.free-box strong{color:var(--ink-900)}
@media (max-width:879px){.form-aside{position:static;max-width:none}}