/**
 * Discovery of Nature 0.3.36 — iPhone compact auth owner.
 * Final cascade for 320–430px portrait-width auth screens. Keeps native auth logic intact.
 */
@media (max-width: 430px) {
  body.login {
    padding: 8px 0 max(14px, env(safe-area-inset-bottom)) !important;
  }

  body.login #login {
    width: calc(100% - 16px) !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    padding: 168px 14px 16px !important;
    border-radius: 20px !important;
    background-size: 100% 158px, auto 158px, 100% 100% !important;
    background-position: top left, 54% top, center !important;
    box-shadow: 0 16px 42px rgba(0,0,0,.30), inset 0 1px rgba(228,255,212,.07) !important;
  }

  body.login #login h1 {
    top: 14px !important;
    left: 16px !important;
    right: 16px !important;
  }
  body.login #login h1 a {
    font-size: clamp(1.08rem, 5.2vw, 1.28rem) !important;
    line-height: 1.06 !important;
  }

  body.login #login .don-auth-intro {
    margin: 0 0 12px !important;
  }
  body.login #login .don-auth-intro__eyebrow {
    margin-bottom: 4px !important;
    font-size: 9px !important;
    letter-spacing: .15em !important;
  }
  body.login #login .don-auth-intro h2 {
    font-size: clamp(1.55rem, 7vw, 1.82rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -.032em !important;
  }
  body.login #login .don-auth-intro p:last-child {
    margin-top: 6px !important;
    font-size: 12.5px !important;
    line-height: 1.42 !important;
  }

  body.login #login :is(#login_error,.message,.success,.notice) {
    margin: 0 0 10px !important;
    padding: 8px 10px !important;
    border-radius: 10px !important;
    font-size: 11.75px !important;
    line-height: 1.38 !important;
  }

  body.login #login :is(form#loginform, form#registerform, form#lostpasswordform, form#resetpassform, form#admin-email-confirm-form, form#postpass) {
    padding: 12px !important;
    border-radius: 16px !important;
  }
  body.login #login label {
    font-size: 12.5px !important;
    line-height: 1.25 !important;
  }
  body.login #login form :is(.input,input[type="text"],input[type="email"],input[type="password"],input[type="number"],select,textarea) {
    min-height: 48px !important;
    margin: 5px 0 10px !important;
    padding-block: 8px !important;
    border-radius: 11px !important;
    font-size: 16px !important;
  }
  body.login #login form input#user_login,
  body.login #login form input#user_email,
  body.login #login form input#user_pass,
  body.login #login form input#pass1,
  body.login #login form input#pass2 {
    padding-inline-start: 42px !important;
    background-position: 13px center !important;
    background-size: 18px 18px !important;
  }
  body.login #login form .wp-pwd input {
    padding-inline-end: 50px !important;
  }
  body.login #login form .wp-pwd .wp-hide-pw {
    inset-inline-end: 4px !important;
    top: 4px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 7px !important;
  }

  body.login #login .forgetmenot {
    gap: 8px !important;
    min-height: 38px !important;
    margin: 0 0 7px !important;
  }
  body.login #login .forgetmenot input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
  }
  body.login #login .forgetmenot label {
    min-height: 38px !important;
    font-size: 12.5px !important;
  }

  body.login #login form p.submit {
    margin: 8px 0 0 !important;
  }
  body.login #login form p.submit :is(input#wp-submit,button.button-primary) {
    min-height: 48px !important;
    padding: 9px 14px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
  }

  body.login #login #nav {
    margin: 10px 0 0 !important;
    line-height: 1.35 !important;
  }
  body.login #login #backtoblog {
    margin: 4px 0 0 !important;
    padding-top: 4px !important;
  }
  body.login #login :is(#nav,#backtoblog,.privacy-policy-page-link) a {
    min-height: 34px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
}

@media (max-width: 359px) {
  body.login #login {
    width: calc(100% - 12px) !important;
    padding: 150px 12px 14px !important;
    border-radius: 18px !important;
    background-size: 100% 140px, auto 140px, 100% 100% !important;
  }
  body.login #login h1 {
    top: 12px !important;
    left: 14px !important;
    right: 14px !important;
  }
  body.login #login .don-auth-intro h2 {
    font-size: 1.48rem !important;
  }
  body.login #login .don-auth-intro p:last-child {
    font-size: 12px !important;
  }
  body.login #login :is(form#loginform, form#registerform, form#lostpasswordform, form#resetpassform, form#admin-email-confirm-form, form#postpass) {
    padding: 10px !important;
    border-radius: 14px !important;
  }
}