/* Shared public and member component layer. Loaded after legacy page styles. */
body.er{--member-radius:16px;--member-shadow:0 12px 40px rgba(48,35,39,.05)}
.er .account{padding:48px 0 80px;background:transparent}
.er .account__container{max-width:none;padding:0}
.er .account__wrapper{display:grid;grid-template-columns:minmax(200px,250px) minmax(0,1fr);gap:36px;align-items:start}
.er .account__wrapper:not(:has(.account__side)){grid-template-columns:minmax(0,1fr);max-width:780px;margin-inline:auto}
.er .account__side{width:auto;min-width:0;border:1px solid var(--line);background:var(--white);border-radius:var(--member-radius);padding:14px;box-shadow:var(--member-shadow)}
.er .side__list{display:grid;gap:6px}.er .side__item,.er .side__spollers{border:0}
.er .side__link,.er .side__link--mod{background:transparent;color:var(--ink);border:0;border-radius:9px;padding:13px 14px;font-size:15px;line-height:1.5;min-height:48px}
.er .side__link:hover,.er .side__link--mod:hover{background:var(--soft);color:var(--wine)}
.er .side__link.active{background:var(--wine);color:var(--white)}
.er .side__link.active .side__inner,.er .side__link.active .side__arrow{color:inherit}
.er .side__box{background:var(--soft);color:var(--wine);border-radius:20px}
.er .side__dropdown{display:none}.er .side__body{padding:4px 0 4px 12px}
.er .account__about,.er .account__photo,.er .account__favorites{width:auto;min-width:0}
.er .about-account__wrap,.er .profile-about,.er .photo-account,.er .gallery-request__card{background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:var(--member-radius);box-shadow:var(--member-shadow);overflow:hidden}
.er .about-account__box,.er .profile-about__inner,.er .photo-account{padding:28px}
.er .about-account__wrap>.profile-about{box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0}
.er .about-account__title,.er .profile-about__title,.er .favorites__title,.er .photo-account__title,.er .gallery-request__title,.er .profile-membership__title{font-family:Georgia,'Times New Roman',serif;color:var(--ink);font-weight:400;letter-spacing:-.025em;line-height:1.18}
.er .about-account__title,.er .favorites__title{font-size:clamp(30px,3vw,42px)}
.er .profile-about__title{font-size:26px;background:var(--soft);padding:22px 28px;border-bottom:1px solid var(--line)}
.er .about-account__label,.er .profile-about__label{color:var(--muted);font-size:14px;line-height:1.5}
.er .about-account__descr,.er .profile-about__descr{color:var(--ink);font-size:17px;line-height:1.6}
.er .about-account__item,.er .profile-about__item{border-color:var(--line)}
.er .about-account__image{border-radius:12px;overflow:hidden;background:var(--soft)}
.er .about-account__image img{width:100%;height:100%;object-fit:cover}
.er .profile-membership{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:24px}
.er .profile-membership__title{font-size:28px}.er .profile-membership__icon,.er .profile-verify__item:before{color:var(--wine)}
.er .profile-membership__text,.er .profile-verify__item p,.er .gallery-request__subtitle{color:var(--muted);font-size:17px;line-height:1.65}
.er .gallery-request__body{background:var(--white);padding:28px}.er .gallery-request__perk{background:var(--paper);border:1px solid var(--line);color:var(--ink)}
.er .gallery-request__status{border-radius:30px}.er .gallery-request__status._is-pending{background:#f5ead2;color:#775518}
.er .gallery-request__status._is-success{background:#e5eee5;color:#28583c}.er .gallery-request__status._is-rejected{background:#f7e4e7;color:#872e43}
.er .account .btn,.er .popup .btn,.er .er-auth .btn,.er .er-content .form__button{background:var(--wine);border:1px solid var(--wine);color:var(--white);border-radius:8px;min-height:48px;padding:13px 22px;font:600 15px/1.4 system-ui;text-transform:none;box-shadow:none}
.er .account .btn:hover,.er .popup .btn:hover,.er .er-auth .btn:hover{background:#542130;border-color:#542130}
.er .account input:not([type=checkbox]):not([type=radio]):not([type=file]),.er .account textarea,.er .account select,.er .er-auth input,.er .er-content .form input:not([type=checkbox]):not([type=radio]):not([type=file]),.er .er-content .form textarea{background:var(--white);border:1px solid var(--line);color:var(--ink);border-radius:8px;font:16px/1.5 system-ui;padding:12px 14px;max-width:100%}
.er input[type=checkbox],.er input[type=radio]{accent-color:var(--wine)}
.er input::placeholder,.er textarea::placeholder{color:#75676b;opacity:1}
.er .account :focus-visible,.er .er-auth :focus-visible{outline:2px solid var(--wine);outline-offset:3px}
.er .account .form__label{color:var(--ink);font-size:15px}.er .account .form__row{gap:20px}
.er .account .form__item{min-width:0}.er .account .form__input{width:100%}
.er .account .select__title,.er .account .select__options{background:var(--white);color:var(--ink);border-color:var(--line);border-radius:8px}
.er .account .select__option:hover{background:var(--soft)}
.er .account .pagination a,.er .er-content .pagination a{border-radius:6px;border-color:var(--line);color:var(--wine)}
.er .account .pagination .active,.er .er-content .pagination .active{background:var(--wine);color:var(--white)}
.er .account .subscription-toggle input:checked + .subscription-toggle-slider{background:var(--wine)}
.er .account .alert{padding:16px;border-radius:10px;line-height:1.5}.er .account .alert-success{background:#e5eee5;color:#28583c}.er .account .alert-error{background:#f7e4e7;color:#872e43}
.er .er-auth{max-width:560px;margin:60px auto 90px;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,5vw,48px);box-shadow:var(--member-shadow)}
.er .er-auth h1{font-size:42px;margin:14px 0 22px}.er .er-auth label{display:block;font-size:15px;margin-bottom:7px}.er .er-auth input{display:block;width:100%;margin-bottom:22px}.er .er-auth .btn{width:100%;margin:4px 0 22px}.er .er-auth-links{display:flex;gap:18px;flex-wrap:wrap;font-size:15px}.er .er-auth-links a{color:var(--wine);text-decoration:underline;text-underline-offset:4px}.er .er-auth-error{padding:14px;background:#f7e4e7;color:#872e43;border-radius:8px;margin-bottom:20px}
@media(max-width:900px){.er .account__wrapper{grid-template-columns:minmax(0,1fr);gap:24px}.er .side__list{grid-template-columns:repeat(2,minmax(0,1fr))}.er .account__side{position:static}.er .account{padding-top:28px}.er .about-account__box,.er .profile-about__inner,.er .photo-account{padding:22px}.er .profile-about__title{padding:20px 22px}}
@media(max-width:520px){.er .side__list{grid-template-columns:1fr}.er .account .form__row{flex-direction:column}.er .account .form__item{width:100%}.er .profile-membership{padding:18px}.er .er-auth{margin:28px auto 50px}.er .er-auth h1{font-size:36px}}

/* Editorial Romance authentication journey */
.er .er-login-dialog .popup__content{max-width:540px;padding:clamp(24px,5vw,48px);border-radius:3px;background:var(--paper)}
.er .er-login-dialog .popup__main{padding:0;display:block}.er .er-login-dialog h2{font:400 44px/1.1 Georgia,serif;letter-spacing:-.035em;margin:12px 0 18px}
.er .er-login-dialog .form__wrap{display:grid;gap:20px;margin:24px 0}.er .er-login-dialog .form__item{width:100%;position:relative}.er .er-login-dialog label:not(.checkbox__label){display:block;margin-bottom:8px;font-size:15px}
.er .er-login-dialog input:not([type=checkbox]){width:100%;min-height:50px;padding-right:46px}.er .er-login-dialog .form__box{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:20px 0;font-size:14px}
.er .er-login-dialog .form__button{width:100%;border-radius:2px}.er .er-login-join{text-align:center;margin:24px 0 0;font-size:15px}.er .er-login-join a{color:var(--wine);text-decoration:underline}.er .er-login-note{font-size:13px;padding:12px 14px;background:var(--soft);line-height:1.5}
.er .er-auth{border-radius:3px;background:var(--paper)}.er .er-auth .btn{background:var(--wine);color:var(--white);border:1px solid var(--wine);border-radius:2px;min-height:50px;cursor:pointer}
@media(max-width:520px){.er .er-login-dialog h2{font-size:36px}.er .er-login-dialog .popup__content{padding:32px 24px}.er .er-login-dialog .form__box{font-size:13px}}
