/* Focused, viewport-friendly account screens. Keep overflow available for zoom/keyboards. */
body.aolf-account-screen{background:#808080!important}
body.aolf-account-screen #bloghash-header,body.aolf-account-screen #masthead,body.aolf-account-screen #secondary,body.aolf-account-screen #ticker,body.aolf-account-screen .page-header,body.aolf-account-screen .bloghash-breadcrumbs,body.aolf-account-screen .entry-header,body.aolf-account-screen #colophon,body.aolf-account-screen .site-footer,body.aolf-account-screen .aolf-registration-next{display:none!important}
body.aolf-account-screen #page,body.aolf-account-screen #content{margin:0!important;padding:0!important;max-width:none!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.aolf-account-screen #main{box-sizing:border-box;min-height:100svh!important;padding:16px!important;background:#808080!important;display:grid;align-content:center}
body.aolf-account-screen #main>.bloghash-container{width:100%;max-width:100%;padding:0!important;margin:0!important}
body.aolf-account-screen #primary{width:100%!important;max-width:100%!important;flex-basis:100%!important;margin:0!important;padding:0!important}
body.aolf-account-screen article,body.aolf-account-screen .entry-content{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.aolf-account-screen .aolf-login-window{margin:0 auto!important;width:650px}
body.aolf-account-screen .aolf-login-grid{min-height:340px;grid-template-columns:160px minmax(0,1fr)}
body.aolf-account-screen .aolf-login-grid .aolf-login-form{padding:55px 22px 24px!important}
body.aolf-account-screen .aolf-login-form input[type=text],body.aolf-account-screen .aolf-login-form input[type=password]{margin-bottom:16px!important}
body.aolf-account-screen .pg-login-remember{margin-bottom:22px!important}
body.aolf-account-screen .aolf-register-body{padding:16px 22px}
body.aolf-account-screen .aolf-register-welcome{margin:0 0 12px;padding-bottom:10px}
body.aolf-account-screen .aolf-register-welcome img{width:155px;margin-bottom:6px}
body.aolf-account-screen .aolf-register-welcome h2{font-size:22px!important;margin-bottom:4px!important}
body.aolf-account-screen .aolf-register-window .pmagic fieldset{gap:10px 16px}
body.aolf-account-screen .aolf-register-window .aolf-login-form input{margin-bottom:0!important}
body.aolf-account-screen .aolf-member-terms{margin-top:7px;padding:8px 10px}
body.aolf-account-screen .aolf-member-terms summary{cursor:pointer;font:bold 13px/1.4 Tahoma,Arial;color:#173d67}
body.aolf-account-screen .aolf-member-terms[open] ul{margin-top:10px!important}
body.aolf-account-screen .aolf-register-window .buttonarea{margin-top:12px!important}
body.aolf-account-screen .aolf-register-signin{margin-top:12px!important}
body.aolf-account-screen .aolf-reset-window{width:490px}
body.aolf-account-screen .aolf-reset-window .aolf-login-form{padding:24px!important}
body.aolf-account-screen .aolf-reset-help{font:14px/1.5 Tahoma,Arial;margin:0 0 18px!important}
body.aolf-account-screen .aolf-reset-window .aolf-field-label,body.aolf-account-screen .aolf-reset-window input[type=text]{width:100%!important}
body.aolf-account-screen .aolf-reset-window input[type=text]{background:white!important;color:#111!important}
@media(max-width:580px){
body.aolf-account-screen #main{padding:10px!important}
body.aolf-account-screen .aolf-login-grid{grid-template-columns:90px minmax(0,1fr);min-height:320px}
body.aolf-account-screen .aolf-login-grid .aolf-login-form{padding:35px 12px 20px!important}
body.aolf-account-screen .aolf-login-intro{background-size:442px 299px;background-position:-11px -24px}
body.aolf-account-screen .aolf-register-body{padding:12px 14px}
body.aolf-account-screen .aolf-register-window .pmagic fieldset{gap:8px}
body.aolf-account-screen .aolf-register-welcome p{font-size:12px}
body.aolf-account-screen .aolf-register-window .aolf-login-title{font-size:12px}
body.aolf-account-screen .aolf-login-title{line-height:1.3;height:auto;min-height:30px}
body.aolf-account-screen .aolf-login-close{flex-shrink:0}
}
@media(max-height:550px){body.aolf-account-screen #main{align-content:start;padding:8px!important}body.aolf-account-screen .aolf-login-grid{min-height:280px}body.aolf-account-screen .aolf-login-grid .aolf-login-form{padding-top:20px!important}}
/* Keep ProfileGrid's floated checkbox wrappers from overlapping the rules. */
body.aolf-account-screen .aolf-register-window .pm_checkboxrequired,
body.aolf-account-screen .aolf-register-window .pm_checkboxrequired .pmradio,
body.aolf-account-screen .aolf-register-window .pm_checkboxrequired .pm-radio-option{float:none!important;clear:both!important;width:100%!important;max-width:100%!important;box-sizing:border-box;position:static!important}
body.aolf-account-screen .aolf-register-window .pm_checkboxrequired{display:flex!important;flex-direction:column;align-items:stretch;gap:10px}
body.aolf-account-screen .aolf-register-window .pm_checkboxrequired .pmradio{display:block!important;height:auto!important;margin:0!important;padding:0!important}
body.aolf-account-screen .aolf-register-window .pm_checkboxrequired .pm-radio-option{display:flex!important;align-items:flex-start!important;gap:8px!important;margin:0!important;padding:0!important}
body.aolf-account-screen .aolf-register-window .pm_checkboxrequired label{float:none!important;width:auto!important;flex:1;display:block!important;margin:0!important;padding:0!important;font:13px/1.5 Tahoma,Arial!important;text-align:left!important}
body.aolf-account-screen .aolf-register-window #pm_field_30{position:static!important;float:none!important;flex:0 0 16px;margin:2px 0 0!important}
body.aolf-account-screen .aolf-register-window .aolf-member-terms{display:block;clear:both!important;width:100%!important;box-sizing:border-box;margin:0!important;text-align:left!important}
body.aolf-account-screen .aolf-register-window .aolf-member-terms summary{text-align:left!important;list-style:disclosure-closed inside}
body.aolf-account-screen .aolf-register-window .aolf-member-terms[open] summary{list-style-type:disclosure-open}
body.aolf-account-screen .aolf-register-welcome img{width:220px;max-width:100%;height:auto;object-fit:contain}

/* Approved six-pattern rotation: static per page load, responsive tile size. */
body.aolf-account-screen #main{background-color:#102946!important;background-image:var(--aolf-account-pattern,url('/images/account-patterns/pattern-1.webp'))!important;background-repeat:repeat!important;background-size:clamp(360px,55vw,760px) auto!important;background-position:center top!important}
body.aolf-account-screen .aolf-login-window{box-shadow:0 12px 40px #0008,1px 1px 0 #000}
/* Account windows must shrink with their grid track, including narrow/folded screens. */
body.aolf-account-screen #main{grid-template-columns:minmax(0,1fr);min-width:0;min-height:100svh!important}
body.aolf-account-screen #main>.bloghash-container,
body.aolf-account-screen #primary,
body.aolf-account-screen .entry-content,
body.aolf-account-screen .aolf-login-window,
body.aolf-account-screen .aolf-login-form,
body.aolf-account-screen .aolf-register-body,
body.aolf-account-screen .pmagic,
body.aolf-account-screen fieldset{min-width:0!important;box-sizing:border-box;max-width:100%!important}
body.aolf-account-screen .aolf-login-window{width:min(650px,100%)}
body.aolf-account-screen .aolf-reset-window{width:min(490px,100%)}
body.aolf-account-screen .aolf-login-title strong{min-width:0;overflow-wrap:anywhere;line-height:1.3}
body.aolf-account-screen .aolf-login-title{height:auto;min-height:32px}
body.aolf-account-screen .aolf-login-close{flex:0 0 25px}
body.aolf-account-screen .aolf-login-form input{box-sizing:border-box;max-width:100%!important}
body.aolf-account-screen .aolf-login-form input[type=submit],
body.aolf-account-screen .aolf-login-form .pm-login-box-bottom-container a{white-space:normal;text-align:center;min-height:42px}
body.aolf-account-screen .aolf-register-window .pmagic fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}
body.aolf-account-screen .aolf-login-form label,
body.aolf-account-screen .aolf-login-form .errortext,
body.aolf-account-screen .aolf-login-form .pm-error{overflow-wrap:anywhere}
@media(max-width:580px){
 body.aolf-account-screen #main{padding:10px max(10px,env(safe-area-inset-right)) 16px max(10px,env(safe-area-inset-left))!important}
 body.aolf-account-screen .aolf-register-window .pmagic fieldset{grid-template-columns:minmax(0,1fr)}
 body.aolf-account-screen .aolf-login-grid{grid-template-columns:76px minmax(0,1fr);min-height:0}
 body.aolf-account-screen .aolf-login-grid .aolf-login-form{padding:24px 12px 20px!important}
 body.aolf-account-screen .aolf-login-intro{background-size:373px 252px;background-position:-9px -20px}
 body.aolf-account-screen .aolf-login-title{font-size:13px}
 body.aolf-account-screen .aolf-login-form input[type=text],body.aolf-account-screen .aolf-login-form input[type=password],body.aolf-account-screen .aolf-login-form input[type=email]{min-height:40px;font-size:16px!important}
 body.aolf-account-screen .aolf-login-form .pm-login-box-bottom-container{gap:12px;align-items:stretch}
 body.aolf-account-screen .aolf-login-form .pm-login-box-bottom-container a{flex:1 1 100%;font-size:13px!important;padding:7px 8px!important}
 body.aolf-account-screen .aolf-login-form input[type=submit]{font-size:14px!important;min-height:44px!important}
 body.aolf-account-screen .aolf-reset-window .aolf-login-form{padding:20px 14px!important}
 body.aolf-account-screen .aolf-register-welcome img{width:180px}
 body.aolf-account-screen .aolf-register-welcome h2{font-size:20px!important}
 body.aolf-account-screen .aolf-register-body{padding:12px}
}
@media(max-width:360px){body.aolf-account-screen .aolf-login-grid{grid-template-columns:58px minmax(0,1fr)}body.aolf-account-screen .aolf-login-brand{font-size:9px}body.aolf-account-screen .aolf-login-intro{background-size:285px 193px;background-position:-7px -15px}}

/* Keep the mobile account screen focused on its form. */
body.aolf-account-screen #main>.show-on-mobile:has(.search-form){display:none!important}