.adscon{margin:0;padding:32px 16px;background:#0b2d4e;font:16px/1.5 "Segoe UI",Arial,sans-serif;color:#1a2733}

/* Everything below is scoped to .ads-wrap so it will not clash with a WordPress theme */
.ads-wrap{--navy:#0b2d4e;--blue:#1075bb;--green:#8ac53e;--orange:#f39221;--ink:#1a2733;--muted:#5a6b7b;--line:#b8c4cf;--err:#b3261e;--panel:#d4f1fa;max-width:660px;margin:0 auto}
.ads-wrap *{box-sizing:border-box}
.ads-wrap h1{margin:0 0 18px;color:#fff;font-size:30px;line-height:1.2;text-align:center}
.ads-wrap .card{background:#fff;border-radius:12px;padding:26px 28px 20px;color:var(--ink)}
.ads-wrap [hidden]{display:none!important}
.ads-wrap :focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.ads-wrap p.white{color:#fff;text-align:center}

/* progress */
.ads-wrap .progress-text{margin:0 0 8px;font-weight:600}
.ads-wrap .bar{height:10px;border-radius:99px;background:#dbe5ee;overflow:hidden}
.ads-wrap .bar span{display:block;height:100%;width:20%;background:var(--green);border-radius:99px;transition:width .3s ease}

/* steps and fields */
.ads-wrap .step{display:none;padding-top:22px}
#y-content .ads-wrap .step h2, .ads-wrap .step h2{all: revert;margin:0 0 6px;font-size:22px;line-height:1.25}
.ads-wrap .step h2:focus{outline:none}
.ads-wrap .hint{margin:0 0 14px;color:var(--muted);font-size:15px}
.ads-wrap .field{margin:0 0 16px}
.ads-wrap label,.ads-wrap legend{all: revert;display:block;margin:0 0 4px;font-weight:600;padding:0}
.ads-wrap .req{color:var(--err)}
.ads-wrap input[type=text],.ads-wrap input[type=email],.ads-wrap input[type=tel],.ads-wrap select,.ads-wrap textarea{display:block;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit}
.ads-wrap textarea{min-height:96px;resize:vertical}
.ads-wrap [aria-invalid="true"]{border-color:var(--err);box-shadow:0 0 0 1px var(--err)}
.ads-wrap .err{margin:5px 0 0;color:var(--err);font-size:15px}
.ads-wrap fieldset{margin:0 0 16px;padding:0;border:0;min-width:0}
.ads-wrap .check{display:flex;align-items:flex-start;gap:10px;margin:0 0 8px;font-weight:400;cursor:pointer}
.ads-wrap .check input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--blue)}
.ads-wrap .checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.ads-wrap .link{padding:0;border:0;background:none;color:var(--blue);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}
.ads-wrap .consent{margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#f6f9fc}
.ads-wrap .consent p{margin:0 0 10px;}
.ads-wrap .consent p.si{font-size:0.875rem;font-style:italic;}
.ads-wrap .consent .check{margin-bottom:0}
.ads-wrap .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* review */
.ads-wrap #review{margin-top:14px}
.ads-wrap .rv{margin:0 0 14px;padding:14px 16px;border-radius:8px;background:var(--panel);color:#000}
.ads-wrap .rv-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}
#y-content .ads-wrap .rv h3, .ads-wrap .rv h3{all: revert;margin:0;font-size:17px}
.ads-wrap .rv dl{display:grid;grid-template-columns:150px 1fr;gap:4px 14px;margin:0}
.ads-wrap .rv dt{font-weight:600}
.ads-wrap .rv dd{margin:0;white-space:pre-line;overflow-wrap:anywhere}
.ads-wrap .none{color:#4a5a68}
.ads-wrap .edit-btn{padding:4px 12px;border:1px solid var(--blue);border-radius:6px;background:#fff;color:var(--blue);font:inherit;font-weight:600;cursor:pointer}

/* buttons and notices */
.ads-wrap .buttons{display:flex;align-items:center;gap:12px;margin-top:22px}
.ads-wrap .btn{padding:11px 22px;border:0;border-radius:8px;font:inherit;font-weight:700;cursor:pointer}
.ads-wrap .btn:disabled{opacity:.6;cursor:not-allowed}
.ads-wrap .back{background:var(--blue);color:#fff}
.ads-wrap .next{margin-left:auto;background:var(--green);color:var(--navy)}
.ads-wrap .submit{margin-left:auto;background:var(--orange);color:#1a1a1a}
.ads-wrap .notice{margin:16px 0 0;padding:10px 14px;border-left:4px solid var(--blue);border-radius:0 8px 8px 0;background:#e8f3fb}
.ads-wrap .form-error{margin:16px 0;padding:10px 14px;border-left:4px solid var(--err);border-radius:0 8px 8px 0;background:#fdecea;color:#7a1610}
.ads-wrap .fine{margin:16px 0 0;color:var(--muted);font-size:14px}
.ads-wrap .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (max-width:560px){
  .ads-wrap .card{padding:20px 16px 16px}
  .ads-wrap .checks{grid-template-columns:1fr}
  .ads-wrap .rv dl{grid-template-columns:1fr;gap:0}
  .ads-wrap .rv dd{margin-bottom:8px}
}
@media (prefers-reduced-motion:reduce){.ads-wrap .bar span{transition:none}}
