.contracts-page .notice{margin-bottom:18px}
.contract-stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:8px 0 14px}
.contract-stepper span{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:9px 10px;background:#fff;color:var(--muted);font-size:12px;font-weight:800}
.contract-stepper b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edf3f7;color:#0f4f79}
.contract-stepper span.active{border-color:#0f4f79;color:#0f4f79;background:#eef7ff}
.contract-stepper span.active b,.contract-stepper span.done b{background:#0f4f79;color:#fff}
.contract-stepper span.done{color:#0f4f79}
.contract-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.contract-summary{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fbff}
.contract-summary b,.contract-summary span{display:block}
.contract-summary span{color:var(--muted);margin-top:4px}
.contract-doc{background:#fff;color:#111;padding:42px 54px;border:1px solid #ddd;max-width:850px;margin:auto;font-family:Arial,Helvetica,sans-serif;line-height:1.45}
.contract-logo{width:max-content;margin:0 auto 30px;border:3px solid #1686c7;border-left-width:5px;border-right-width:5px;padding:10px 22px;text-align:center;color:#13233a}
.contract-logo b{display:block;font-size:24px;letter-spacing:.5px}
.contract-logo span{display:block;font-size:12px;font-weight:700}
.contract-doc h1{text-align:center;font-size:19px;margin:0 0 18px;text-transform:uppercase}
.contract-doc h2{text-align:center;font-size:17px;margin:0 0 46px;text-transform:uppercase}
.contract-doc h3{font-size:15px;margin:22px 0 10px}
.contract-doc p,.contract-doc li{font-size:13px}
.contract-doc ul{margin:8px 0 14px 18px;padding:0}
.contract-phone{margin-left:30px}
.contract-sign{margin-top:34px;display:grid;gap:22px}
.contract-doc footer{margin-top:34px;border-top:1px solid #ccc;padding-top:8px;text-align:center;font-size:10px;color:#555}
@media print{
  body *{visibility:hidden!important}
  #contract-print,#contract-print *{visibility:visible!important}
  #contract-print{position:absolute;left:0;top:0;width:100%;max-width:none;border:0;padding:35px 50px}
  .no-print{display:none!important}
}
@media(max-width:800px){
  .contract-stepper{grid-template-columns:1fr}
  .contract-checks{grid-template-columns:1fr}
  .contract-doc{padding:24px}
  .contract-phone{display:block;margin-left:0}
}