/* Scope all foregrounds to the light web page, overriding novel modal colors. */
.modal .recovery-browser{color:#172b44;background:#e4eaf2;color-scheme:light}
.modal .recovery-tab{background:#d7e1ee;color:#243b56;font-weight:600}
.modal .recovery-address{background:#fff;color:#263b53;border:1px solid #879bb3}
.modal .recovery-page{background:#f1f5fa;color:#172b44}
.modal .recovery-page header{background:#fff;color:#16385e;border-color:#a9b9cc}
.modal .recovery-page header span,.modal .recovery-page footer{color:#465a73}
.modal .recovery-page main{background:#fff;border:1px solid #b0bfd1;border-radius:8px;margin:20px auto;box-shadow:0 3px 12px #16385e12}
.modal .recovery-page h2{color:#122b49;font-family:'Noto Sans JP',sans-serif;font-weight:700}
.modal .recovery-page p{color:#354b65}
.modal .recovery-page label{color:#203b5a;font-size:14px;font-weight:600}
.modal .recovery-field{background:#f8fafc;color:#142c48;border:1px solid #70869f;font-size:14px;font-weight:500}
.modal .recovery-actions button{background:#fff;color:#184b83;border:1px solid #55789f;font-weight:700;justify-content:center;min-height:44px}
.modal .recovery-actions button:hover{background:#e5effb;color:#123c6b;border-color:#184b83}
.modal .recovery-actions .primary,.modal .recovery-mark{background:#1856a5;color:#fff;border-color:#1856a5}
.modal .recovery-actions .primary:hover{background:#103f7e;color:#fff;border-color:#103f7e}
.modal .recovery-actions button:focus-visible{outline:3px solid #174f94;outline-offset:3px}
@media(max-height:500px){.modal .recovery-page main{margin:8px auto}.modal .recovery-page label,.modal .recovery-field{font-size:13px}}