/* Sign-in and sign-up in the Editorial design (2026-11-11, Vytas: "ensure that /login also align with
   design system", "and sign up page", "do not break anything").

   LOOK ONLY. Every rule is scoped to body.auth-ed, a class the login and signup templates add.
   No field, id, name, form action, link target or script changed: scratch check
   `auth/sig.py` lists them before and after. Loaded from common/frontend_style.pug, OUTSIDE the
   build:css block (a link inside one is dropped at build, see CLAUDE.md "Build Process"). */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(/font/editorial/Inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(/font/editorial/Inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400 600;font-display:swap;src:url(/font/editorial/InterTight-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400 600;font-display:swap;src:url(/font/editorial/InterTight-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
body.auth-ed{--a-ink:#111212;--a-mint:#B2F6E3;--a-mut:#5E5C59;--a-label:#77736E;--a-line:rgba(17,18,18,0.14);--a-field:#D5D1CB;--a-bg:#fff;--a-disp:'Inter Tight','Inter',system-ui,sans-serif;--a-sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--a-bg) !important;color:var(--a-ink)}
body.auth-ed :is(h1,h2,h3,p,span,a,label,input,button,div,li){font-family:var(--a-sans)}

/* Logo: the same mark as the site header. */
body.auth-ed a.logolink{display:inline-flex !important;align-items:center;gap:10px;text-decoration:none !important}
body.auth-ed .auth-logo__tile{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--a-mint);color:var(--a-ink);font:600 17px/1 var(--a-disp)}
body.auth-ed .auth-logo__word{font:500 21px/1 var(--a-disp);letter-spacing:-0.03em;color:var(--a-ink)}

/* Shared controls */
body.auth-ed .new-divider span{background:var(--a-bg) !important;color:var(--a-label) !important;font:500 12px/1 var(--a-sans) !important;letter-spacing:.06em}
body.auth-ed .new-divider:after{border-top-color:var(--a-line) !important}
body.auth-ed .login-notice{border-radius:12px !important;background:#E3FAF2 !important;color:var(--a-ink) !important}

/* ---------- Sign in ---------- */
body.auth-ed--login .account-container3,body.auth-ed--login .account-container2,body.auth-ed--login #footer-sign-in{float:none !important;position:relative !important;top:auto !important;left:auto !important;bottom:auto !important;transform:none !important;box-sizing:border-box;width:min(400px,calc(100vw - 48px)) !important;height:auto !important;margin:0 auto !important;padding:0 !important;text-align:left !important}
body.auth-ed--login .account-container3{margin-top:clamp(28px,8vh,88px) !important}
body.auth-ed--login .account-container3 .logo-image{display:none !important}
body.auth-ed--login .account-container2{min-height:0 !important;margin-top:clamp(28px,5vh,48px) !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;overflow:visible}
body.auth-ed--login .account-container2 .content{padding:0 !important;margin:0 !important}
body.auth-ed--login .account-container2 h1{margin:0 0 26px !important;padding:0 !important;font:500 clamp(30px,3.2vw,42px)/1.02 var(--a-disp) !important;letter-spacing:-0.035em !important;color:var(--a-ink) !important}
body.auth-ed--login .authenticateGoogleButton a{display:block;text-decoration:none !important}
body.auth-ed--login .signinButtonSocial{display:block;width:100% !important;height:52px !important;margin:0 !important;padding:0 16px !important;border:1px solid var(--a-field) !important;border-radius:12px !important;background:#fff !important;box-shadow:none !important}
body.auth-ed--login .signinButtonSocial:hover{background:#F3F2F0 !important}
body.auth-ed--login .signinButtonSocialFlex{justify-content:center;gap:10px;height:auto}
body.auth-ed--login .iconGoogle{flex:none !important;width:22px;height:22px;background-size:22px !important;background-position:center !important}
body.auth-ed--login .signinButtonSocialText{font:500 15.5px/1 var(--a-sans) !important;color:var(--a-ink) !important}
body.auth-ed--login .login-actions{float:none;margin:6px 0 18px}
body.auth-ed--login .login-fields .field{position:relative;margin:0 0 14px !important}
body.auth-ed--login .login-fields label{display:block;margin:0 0 6px;font:500 13.5px/1.3 var(--a-sans) !important;letter-spacing:0 !important;color:var(--a-ink)}
body.auth-ed--login .login-fields input{box-sizing:border-box;width:100% !important;min-width:0 !important;height:50px !important;min-height:0 !important;margin:0 !important;padding:0 14px !important;border:1px solid var(--a-field) !important;border-radius:12px !important;background:#fff !important;box-shadow:none !important;font:400 16px/1.2 var(--a-sans) !important;color:var(--a-ink) !important}
body.auth-ed--login .login-fields input:focus{border-color:var(--a-ink) !important;box-shadow:0 0 0 3px rgba(178,246,227,0.95) !important;outline:0}
body.auth-ed--login .login-fields .password-icon{position:absolute !important;top:auto !important;bottom:16px !important;right:14px !important;left:auto !important;margin:0 !important;float:none !important;cursor:pointer}
body.auth-ed--login span.login-forgot{float:none;display:block;margin:-2px 0 18px;text-align:right}
body.auth-ed--login span.login-forgot a{font:500 13.5px/1.3 var(--a-sans) !important;color:var(--a-ink) !important;text-decoration:underline !important;text-underline-offset:3px}
body.auth-ed--login button#signin{display:flex !important;align-items:center;justify-content:center;width:100% !important;height:52px !important;margin:0 !important;padding:0 16px !important;border-radius:12px !important;background:var(--a-ink) !important;color:#fff !important;font:500 16px/1 var(--a-sans) !important;letter-spacing:0 !important;text-transform:none !important;text-shadow:none !important;box-shadow:none !important}
body.auth-ed--login button#signin:hover{background:#2B2C2C !important;box-shadow:none !important}
body.auth-ed--login button#signin span{font:inherit;color:inherit;text-shadow:none !important}
body.auth-ed--login .signinButton+br,body.auth-ed--login .signinButton~br{display:none}
body.auth-ed--login #login-form>a{display:block;margin-top:20px;text-decoration:none !important}
body.auth-ed--login .needAccountText{font:400 14.5px/1.4 var(--a-sans);color:var(--a-mut)}
body.auth-ed--login .needAccountLink{font:500 14.5px/1.4 var(--a-sans);color:var(--a-ink);text-decoration:underline;text-underline-offset:3px}
body.auth-ed--login .account-container2 .content~br,body.auth-ed--login .authenticateGoogleButton+br{display:none}
body.auth-ed--login #footer-sign-in{overflow:visible;margin-top:44px !important;padding-bottom:28px !important;font:400 13px/1.4 var(--a-sans);color:var(--a-label)}
body.auth-ed--login #footer-sign-in br{display:none}
body.auth-ed--login #footer-sign-in .padding-left-12{padding:0}
body.auth-ed--login #footer-sign-in a{padding-left:18px;color:var(--a-label)}
/* ---------- Sign up ---------- */
body.auth-ed--signup .flex-screen{min-height:640px}
body.auth-ed--signup .flex-screen-left{background:transparent}
body.auth-ed--signup .flex-screen-right{box-sizing:border-box;width:50vw;padding:16px 16px 16px 0;background:transparent !important;overflow:hidden}
body.auth-ed--signup .signup-slideshow{padding:14px 14px 12px;border-radius:28px;background:var(--a-ink)}
body.auth-ed--signup .signup-slideshow-slides{border-radius:18px}
body.auth-ed--signup .signup-slide-media img{object-position:50% 20%}
body.auth-ed--signup .signup-slide-media::after{background:linear-gradient(to top,rgba(17,18,18,0.86) 0%,rgba(17,18,18,0.34) 38%,rgba(17,18,18,0) 64%)}
body.auth-ed--signup .signup-slide-overlay{padding:clamp(22px,2.6vw,36px)}
body.auth-ed--signup .signup-slide-badge{padding:6px 10px;border-radius:8px;background:rgba(255,255,255,0.16);font:500 12px/1.2 var(--a-sans);letter-spacing:0}
body.auth-ed--signup .signup-slide-badge span{font:inherit}
body.auth-ed--signup .signup-slide-badge svg{color:var(--a-mint)}
body.auth-ed--signup .signup-slide-info h3{margin:0 0 10px;max-width:12em;font:500 clamp(28px,2.8vw,44px)/1.02 var(--a-disp) !important;letter-spacing:-0.035em;text-transform:none;color:#fff}
body.auth-ed--signup .signup-slide-info p{max-width:440px;font:400 15.5px/1.5 var(--a-sans);color:rgba(255,255,255,0.84)}
body.auth-ed--signup .signup-slideshow-tab-label{font:500 12.5px/1.2 var(--a-sans);letter-spacing:0;text-transform:none}
body.auth-ed--signup .signup-slideshow-tab-progress-bar{background:var(--a-mint)}
body.auth-ed--signup .freeFormContainer .logo-image{display:none !important}
body.auth-ed--signup .freeFormContainer{box-sizing:border-box;width:min(400px,calc(100vw - 48px));text-align:left}
body.auth-ed--signup .freeFormContainer .authenticateUserPassword,body.auth-ed--signup .freeFormContainer form,body.auth-ed--signup .freeFormContainer .newbutton,body.auth-ed--signup .freeFormContainer .login-container,body.auth-ed--signup .freeFormContainer #signupSocialContainer{width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
body.auth-ed--signup .container-flex-screen .input-container{float:none;margin:0 0 14px;padding:0}
body.auth-ed--signup .freeFormContainer a.logolink{display:flex !important;justify-content:flex-start;width:100%;margin:0 0 clamp(28px,5vh,48px)}
body.auth-ed--signup .freeFormContainer h1{margin:0 0 24px !important;font:500 clamp(30px,3.2vw,42px)/1.02 var(--a-disp) !important;letter-spacing:-0.035em !important;text-align:left !important;color:var(--a-ink) !important}
body.auth-ed--signup .signupLead{font:400 16px/1.5 var(--a-sans);color:var(--a-mut);text-align:left}
body.auth-ed--signup .container-flex-screen a.signupGoogleButton{box-sizing:border-box;width:100%;height:52px;border:1px solid var(--a-field) !important;border-radius:12px !important;background:#fff !important;box-shadow:none !important;font:500 15.5px/1 var(--a-sans) !important;color:var(--a-ink) !important}
body.auth-ed--signup .container-flex-screen a.signupGoogleButton:hover{background:#F3F2F0 !important}
body.auth-ed--signup .signupGoogleText{font:inherit;color:inherit}
body.auth-ed--signup .container-flex-screen label{font:500 13.5px/1.3 var(--a-sans) !important;letter-spacing:0;color:var(--a-ink)}
body.auth-ed--signup .container-flex-screen .input-xlarge{box-sizing:border-box;width:100% !important;height:50px !important;margin-top:6px;padding:0 14px !important;border:1px solid var(--a-field) !important;border-radius:12px !important;background:#fff !important;box-shadow:none !important;font:400 16px/1.2 var(--a-sans) !important;color:var(--a-ink) !important}
body.auth-ed--signup .container-flex-screen .input-xlarge:focus{border-color:var(--a-ink) !important;box-shadow:0 0 0 3px rgba(178,246,227,0.95) !important;outline:0}
body.auth-ed--signup .container-flex-screen button#signup{display:flex;align-items:center;justify-content:center;width:100% !important;height:52px !important;margin:6px 0 0 !important;padding:0 16px !important;border:0 !important;border-radius:12px !important;background:var(--a-ink) !important;color:#fff !important;font:500 16px/1 var(--a-sans) !important;letter-spacing:0 !important;text-transform:none !important;text-shadow:none !important;box-shadow:none !important}
body.auth-ed--signup .container-flex-screen button#signup:hover{background:#2B2C2C !important}
body.auth-ed--signup .container-flex-screen .centerElement.signupButton{display:block;width:100%;text-align:left}
body.auth-ed--signup .container-flex-screen .login-container{margin-top:18px}
body.auth-ed--signup .container-flex-screen .disclaimer.left{float:none;margin:0}
body.auth-ed--signup .container-flex-screen .disclaimer3{margin:28px 0 0;padding:0}
body.auth-ed--signup .container-flex-screen .disclaimer,body.auth-ed--signup .container-flex-screen .disclaimer .pageElement,body.auth-ed--signup .signupSignin{font:400 14.5px/1.4 var(--a-sans) !important;color:var(--a-mut) !important;text-align:left !important}
body.auth-ed--signup .container-flex-screen .disclaimer a,body.auth-ed--signup .signupSignin a{font:500 14.5px/1.4 var(--a-sans) !important;color:var(--a-ink) !important;text-decoration:underline !important;text-underline-offset:3px}
body.auth-ed--signup .container-flex-screen .disclaimer3,body.auth-ed--signup .container-flex-screen .disclaimer3 span{font:400 12.5px/1.5 var(--a-sans) !important;color:var(--a-label) !important;text-align:left !important}
body.auth-ed--signup .container-flex-screen .disclaimer3 a{font:500 12.5px/1.5 var(--a-sans) !important;color:var(--a-mut) !important;text-decoration:underline !important}
body.auth-ed--signup .container-flex-screen button#signup{box-sizing:border-box;max-width:none !important;min-width:0 !important}
body.auth-ed--signup .container-flex-screen :is(.marginLeft,.marginRight,.paddingLeftRight){margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important}
body.auth-ed--signup .container-flex-screen .pageElement{display:inline}

/* ---------- Dialogs on the sign-in and sign-up pages (reset password, errors, alerts) ---------- */
body.auth-ed .modal{border:0 !important;border-radius:22px !important;background:#fff !important;box-shadow:0 30px 80px rgba(17,18,18,0.28) !important;overflow:hidden}
body.auth-ed .modal .modal-header{padding:24px 26px 6px !important;border:0 !important;background:transparent !important}
body.auth-ed .modal .modal-header :is(h2,h3){margin:0 !important;font:500 26px/1.1 var(--a-disp) !important;letter-spacing:-0.03em !important;color:var(--a-ink) !important}
body.auth-ed .modal .modal-header .close{margin-top:2px;font:400 20px/1 var(--a-sans);color:var(--a-label);opacity:1;text-shadow:none}
body.auth-ed .modal .modal-body{padding:10px 26px 8px !important}
body.auth-ed .modal .modal-body :is(p,li){font:400 15.5px/1.5 var(--a-sans);color:var(--a-mut)}
body.auth-ed .modal .modal-body form{width:auto !important;margin:0 !important;float:none !important}
body.auth-ed .modal .modal-body label{display:block;margin:0 0 6px;font:500 13.5px/1.3 var(--a-sans) !important;letter-spacing:0 !important;color:var(--a-ink)}
body.auth-ed .modal .modal-body input[type="text"]{box-sizing:border-box;width:100% !important;min-width:0 !important;height:50px !important;margin:0 !important;padding:0 14px !important;border:1px solid var(--a-field) !important;border-radius:12px !important;background:#fff !important;box-shadow:none !important;font:400 16px/1.2 var(--a-sans) !important;color:var(--a-ink) !important}
body.auth-ed .modal .modal-body input[type="text"]:focus{border-color:var(--a-ink) !important;box-shadow:0 0 0 3px rgba(178,246,227,0.95) !important;outline:0}
body.auth-ed .modal .modal-body button[type="submit"],body.auth-ed .modal .modal-footer :is(.btn-primary,.button-primary,.btn-warning){display:block;box-sizing:border-box;width:100% !important;height:50px !important;margin:6px 0 0 !important;padding:0 16px !important;float:none !important;border:0 !important;border-radius:12px !important;background:var(--a-ink) !important;background-image:none !important;color:#fff !important;font:500 16px/1 var(--a-sans) !important;text-shadow:none !important;box-shadow:none !important}
body.auth-ed .modal .modal-body button[type="submit"]:hover,body.auth-ed .modal .modal-footer :is(.btn-primary,.button-primary,.btn-warning):hover{background:#2B2C2C !important}
body.auth-ed .modal .modal-footer{padding:8px 26px 24px !important;border:0 !important;background:transparent !important;box-shadow:none !important;text-align:left}
body.auth-ed .modal .modal-footer .btn:not(.btn-primary):not(.btn-warning){display:block;box-sizing:border-box;width:100% !important;height:46px !important;margin:0 !important;padding:0 16px !important;float:none !important;border:1px solid var(--a-field) !important;border-radius:12px !important;background:#fff !important;background-image:none !important;color:var(--a-ink) !important;font:500 15px/1 var(--a-sans) !important;text-shadow:none !important;box-shadow:none !important}
body.auth-ed .modal .alert{border-radius:12px;font:400 14px/1.4 var(--a-sans)}
body.auth-ed .modal-backdrop{background:rgba(17,18,18,0.5) !important}

/* ---------- One centred card, no pictures (Vytas 2026-11-11 on /signup: "super ugly -- remove images") ----------
   Both pages are the logo, then one white card with the form. The signup slide panel stays in the
   page for its script and is hidden. */
body.auth-ed--login .account-container3{margin:clamp(28px,7vh,72px) auto 0 !important;width:min(460px,calc(100vw - 32px)) !important;text-align:center !important}
body.auth-ed--login .account-container3 a.logolink{justify-content:center}
body.auth-ed--login .account-container2{box-sizing:border-box;width:min(460px,calc(100vw - 32px)) !important;max-width:none !important;margin:24px auto 0 !important;padding:clamp(26px,4vw,44px) !important;border-radius:28px !important;background:#fff !important}
body.auth-ed--login #footer-sign-in{width:min(460px,calc(100vw - 32px)) !important;max-width:none !important;margin:28px auto 0 !important;text-align:center !important}
body.auth-ed--login #footer-sign-in a:first-of-type{padding-left:18px}
body.auth-ed--signup .flex-screen-right{display:none !important}
body.auth-ed--signup .flex-screen{display:block;height:auto;min-height:0}
body.auth-ed--signup .flex-screen-left{display:block;min-width:0;width:auto;height:auto;padding:clamp(28px,7vh,72px) 16px 40px}
body.auth-ed--signup .container-flex-screen,body.auth-ed--signup #signupProContainer,body.auth-ed--signup .signupProContainer{width:auto;max-width:none;margin:0 auto;padding:0}
body.auth-ed--signup .freeFormContainer{position:relative;width:min(460px,calc(100vw - 32px));margin:58px auto 0;padding:clamp(26px,4vw,44px);border-radius:28px;background:#fff}
body.auth-ed--signup .freeFormContainer a.logolink{position:absolute;top:-58px;left:0;right:0;justify-content:center;width:auto;margin:0}
body.auth-ed :is(.account-container2,.freeFormContainer) .new-divider span{background:#fff !important}
/* White page, no grey (Vytas 2026-11-11: "too gray, no image"). The card keeps a hairline so the form has an edge. */
body.auth-ed,body.auth-ed html{background:#fff !important}
body.auth-ed--login .account-container2,body.auth-ed--signup .freeFormContainer{box-shadow:inset 0 0 0 1px rgba(17,18,18,0.12) !important}
body.auth-ed--signup .freeFormContainer{margin-top:calc(58px + clamp(12px,5vh,48px))}
body.auth-ed--login .account-container2 h1,body.auth-ed--signup .freeFormContainer h1{font-size:clamp(28px,2.6vw,36px) !important}