/* War Room updates and Request a Topic, at the foot of the Property Services
   and Special Situations pages. The same boxes and dialogs as the War Room
   (site/war-room/war-room.css), scoped to .wr-signup so the host page's own
   .btn, .control and dialog rules cannot reach in. data-scheme="navy" on the
   Property Services pages, data-scheme="ivory" on Special Situations. */
.wr-signup{
  --sans:'Inter Tight',system-ui,sans-serif;
  --serif:'Cormorant',Georgia,serif;
  --fs-micro:11.5px;--fs-sm:13.5px;
}
.wr-signup[data-scheme="ivory"]{
  --heading:#040912;--body:#34405e;--muted:#6d7688;
  --hair:rgba(4,9,18,.16);--hair-strong:rgba(4,9,18,.26);--card:rgba(255,255,255,.55);--focus:#040912;
  --control-bg:#fdfcfa;--control-focus-bg:#fff;--surface:#f4f2ed;--row-hover:rgba(4,9,18,.04);
  --fill:#040912;--on-fill:#f4f2ed;
  --sheen:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.03) 55%,rgba(0,0,0,.06) 100%);
  --sheen-outline:linear-gradient(180deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.25) 60%,rgba(4,9,18,.025) 100%);
  --lift-outline:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(4,9,18,.07),0 3px 8px -5px rgba(4,9,18,.16);
  --lift-outline-hover:inset 0 1px 0 rgba(255,255,255,.9),0 2px 4px rgba(4,9,18,.08),0 6px 14px -6px rgba(4,9,18,.22);
  --wash:rgba(4,9,18,.05);
}
.wr-signup[data-scheme="navy"]{
  --heading:#9dafcc;--body:#a8b0c2;--muted:#7b8496;
  --hair:rgba(157,175,204,.18);--hair-strong:rgba(157,175,204,.4);--card:rgba(244,242,237,.04);--focus:#9dafcc;
  --control-bg:rgba(244,242,237,.04);--control-focus-bg:rgba(244,242,237,.07);--surface:#0b1220;--row-hover:rgba(244,242,237,.05);
  --fill:#9dafcc;--on-fill:#040912;
  --sheen:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.03) 55%,rgba(0,0,0,.06) 100%);
  --sheen-outline:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015) 60%,rgba(0,0,0,.04));
  --lift-outline:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(4,9,18,.18),0 3px 8px -5px rgba(4,9,18,.25);
  --lift-outline-hover:inset 0 1px 0 rgba(255,255,255,.12),0 2px 4px rgba(4,9,18,.20),0 6px 14px -6px rgba(4,9,18,.32);
  --wash:rgba(157,175,204,.10);
}
.wr-signup *{box-sizing:border-box}
.wr-signup .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.wr-signup .trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* the cleaner portal's buttons */
.wr-signup .btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;min-width:44px;
     padding:10px 24px;border:1px solid var(--fill);border-radius:999px;background-color:var(--fill);background-image:var(--sheen);
     color:var(--on-fill);font:600 14px/1.35 var(--sans);letter-spacing:normal;text-transform:none;text-align:center;
     text-decoration:none;white-space:nowrap;cursor:pointer;animation:none;
     box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 2px rgba(4,9,18,.20),0 4px 10px -4px rgba(4,9,18,.32);
     transition:background-color .15s ease,color .15s ease,box-shadow .2s ease,transform .2s ease}
.wr-signup .btn.ghost{border-color:var(--hair-strong);background-color:transparent;background-image:var(--sheen-outline);
     color:var(--heading);box-shadow:var(--lift-outline)}
@media(hover:hover){
  .wr-signup .btn:hover:not(:disabled){background-color:var(--fill);gap:8px;filter:brightness(1.06);transform:translateY(-1px);
     box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 2px 4px rgba(4,9,18,.18),0 8px 18px -6px rgba(4,9,18,.36)}
  .wr-signup .btn.ghost:hover:not(:disabled){background-color:var(--wash);box-shadow:var(--lift-outline-hover)}
}
.wr-signup .btn:active:not(:disabled){box-shadow:inset 0 2px 4px rgba(4,9,18,.24);transform:translateY(0)}
.wr-signup .btn:disabled{opacity:.6;cursor:progress;transform:none}
.wr-signup .btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.wr-signup .btn{transition:none;transform:none}}

/* the two boxes */
section.wr-signup{padding:8px 0 72px;background:none}
.wr-signup .wrap{max-width:min(1000px,100vw - 72px);margin:0 auto;padding:0 28px}
.wr-signup .foot-boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:880px){.wr-signup .foot-boxes{grid-template-columns:minmax(0,1fr)}}
.wr-signup .wrap > .fine{margin:16px 0 0;text-align:center;font:400 var(--fs-micro)/1.5 var(--sans);color:var(--muted)}
.wr-signup .fine a{color:inherit}
.wr-signup .signup-box{margin:0;padding:20px 22px;border-radius:14px;border:1px solid var(--hair);background:var(--card);text-align:left}
.wr-signup .signup-box h2{margin:0;font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.2;letter-spacing:normal;
     text-transform:none;color:var(--heading)}
.wr-signup .signup-row{display:flex;gap:8px;margin-top:12px}
.wr-signup .signup-msg{margin:12px 0 0;font:400 var(--fs-sm)/1.5 var(--sans);color:var(--heading)}
.wr-signup .signup-msg:empty{display:none}

/* fields (rule.form.field-size) */
.wr-signup .control{flex:1 1 auto;min-width:0;width:100%;margin:0;font-family:var(--sans);font-size:16px;color:var(--heading);
     background:var(--control-bg);border:1px solid var(--hair-strong);border-radius:12px;
     padding:13px 15px;min-height:48px;transition:border-color .2s,background .2s}
.wr-signup .control::placeholder{color:var(--muted)}
.wr-signup .control:focus{border-color:var(--heading);background:var(--control-focus-bg);outline:none;box-shadow:0 0 0 3px rgba(157,175,204,.35)}
.wr-signup .signup-row .btn{flex:none}
.wr-signup .signup-lede{flex:1 1 auto;align-self:center;margin:0;font:400 15px/1.5 var(--sans);color:var(--body)}
.wr-signup textarea.control{resize:vertical;min-height:96px;line-height:1.5}
dialog.confirm.wr-signup p.field-label{margin:18px 0 0}
.wr-signup .signup-row .control,.wr-signup .signup-row .btn{min-height:44px}
.wr-signup .signup-row .control{padding:10px 14px;font-size:15px}
.wr-signup .field-label{display:block;margin:18px 0 8px;font:500 14px/1.4 var(--sans);color:var(--heading)}
.wr-signup .field-label .opt{margin-left:6px;font-weight:400;color:var(--muted);white-space:nowrap}
.wr-signup .field-label .sub{display:block;margin-top:2px;font-weight:400;color:var(--muted)}

/* the confirm dialog (rule.confirm.native-dialog) */
dialog.confirm.wr-signup{margin:auto;width:min(520px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:24px;
     border:1px solid var(--hair-strong);border-radius:16px;background:var(--surface);color:var(--body);
     font:400 15px/1.55 var(--sans);box-shadow:0 24px 60px -12px rgba(4,9,18,.5)}
dialog.confirm.wr-signup:focus{outline:none}
dialog.confirm.wr-signup::backdrop{background:rgba(4,9,18,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
dialog.confirm.wr-signup h2{margin:0;font-family:var(--serif);font-weight:500;font-size:27px;line-height:1.2;letter-spacing:normal;
     text-transform:none;color:var(--heading)}
dialog.confirm.wr-signup p{margin:8px 0 0;font-size:15px}
.wr-signup .choices{display:grid;gap:2px;margin-top:16px}
.wr-signup .choice{display:flex;align-items:center;gap:13px;cursor:pointer;padding:12px 14px;min-height:48px;border-radius:10px;
     font-size:16px;line-height:1.5;color:var(--heading);transition:background .18s}
.wr-signup .choice:hover{background:var(--row-hover)}
.wr-signup .choice input{appearance:none;-webkit-appearance:none;flex:none;width:20px;height:20px;margin:0;border:1px solid var(--hair-strong);
     border-radius:5px;background:var(--control-bg);cursor:pointer}
.wr-signup .choice input:checked{background-color:var(--fill);border-color:var(--fill);background-repeat:no-repeat;background-position:center;background-size:11px}
.wr-signup[data-scheme="ivory"] .choice input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11'%3E%3Cpath d='M1 5.5 5 9.5 13 1.5' fill='none' stroke='%23f4f2ed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.wr-signup[data-scheme="navy"] .choice input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11'%3E%3Cpath d='M1 5.5 5 9.5 13 1.5' fill='none' stroke='%23040912' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.wr-signup .choice input[type="radio"]{border-radius:50%}
.wr-signup .choice input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.wr-signup .cf-host{display:flex;justify-content:center;margin-top:12px}
.wr-signup .cf-host:empty{display:none}
.wr-signup .confirm-msg{margin-top:12px;font-size:var(--fs-sm);color:var(--heading)}
.wr-signup .confirm-msg:empty{display:none}
.wr-signup .confirm-acts{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
@media (max-width:560px){
  .wr-signup .wrap{max-width:none;padding:0 16px}
  .wr-signup .signup-box{padding:18px 16px}
  .wr-signup .signup-row{flex-direction:column}
  .wr-signup .signup-row .btn{width:100%}
}
@media (max-width:540px){
  dialog.confirm.wr-signup{padding:20px}
  .wr-signup .confirm-acts .btn{flex:1 1 0}
}