/* EarthRoster V1452.187 — restore visual balance between desktop sign-in,
   workspace creation and published pricing. Presentation only. */
@layer er154 {
  @media (min-width: 781px) {
    /* A supporting editorial panel, rather than a second giant green hero. */
    #app .er154-auth.er-auth-login .er-auth-main,
    #app .er154-auth.er-auth-signup .er-auth-main {
      max-width:1060px!important;
      grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr)!important;
      gap:25px!important;
      align-content:center!important;
      align-items:center!important;
    }
    #app .er154-auth.er-auth-login .er-auth-story,
    #app .er154-auth.er-auth-signup .er-auth-story {
      height:auto!important;
      align-self:center!important;
      min-height:0!important;
      max-height:none!important;
      padding:30px 34px!important;
      color:#213f33!important;
      background:
        radial-gradient(ellipse 65% 75% at 108% 105%,rgba(112,149,114,.25),transparent 78%),
        linear-gradient(148deg,#e0e9dc 0%,#d2dfd2 55%,#e8ede0 100%)!important;
      border:1px solid #a9c2b0!important;
      border-top:5px solid #265c44!important;
      border-radius:19px!important;
      box-shadow:0 10px 25px rgba(34,65,45,.09)!important;
    }
    #app .er154-auth.er-auth-login .er-auth-story::before,
    #app .er154-auth.er-auth-signup .er-auth-story::before {display:none!important}
    #app .er154-auth.er-auth-login .er-auth-story .er-auth-kicker,
    #app .er154-auth.er-auth-signup .er-auth-story .er-auth-kicker {color:#5a755c!important;letter-spacing:.14em!important;font-size:10px!important}
    #app .er154-auth.er-auth-login .er-auth-story h2,
    #app .er154-auth.er-auth-signup .er-auth-story h2 {
      color:#214a38!important;
      font-size:clamp(28px,2.65vw,35px)!important;
      line-height:1.16!important;
      margin:11px 0 12px!important;
      letter-spacing:-.035em!important;
    }
    #app .er154-auth.er-auth-login .er-auth-story p,
    #app .er154-auth.er-auth-signup .er-auth-story p {
      color:#536c5b!important;
      font-size:13.5px!important;
      line-height:1.6!important;
    }
    #app .er154-auth.er-auth-login .er-auth-features,
    #app .er154-auth.er-auth-signup .er-auth-features {gap:10px!important;margin-top:22px!important}
    #app .er154-auth.er-auth-login .er-auth-features li,
    #app .er154-auth.er-auth-signup .er-auth-features li {color:#2e5740!important;font-size:12.5px!important;font-weight:670!important}
    #app .er154-auth.er-auth-login .er-auth-features li::before,
    #app .er154-auth.er-auth-signup .er-auth-features li::before {background:#275b42!important;color:#fff!important}
    /* Same soft heading language across both account entry points. */
    #app .er154-auth.er-auth-login .er-auth-heading,
    #app .er154-auth.er-auth-signup .er-auth-heading {
      background:linear-gradient(112deg,#d8e5d5 0%,#e9ede1 100%)!important;
      border-bottom:2px solid #b7a073!important;
    }
    #app .er154-auth.er-auth-login .er-auth-heading .er-auth-kicker,
    #app .er154-auth.er-auth-signup .er-auth-heading .er-auth-kicker {color:#51715a!important}
    #app .er154-auth.er-auth-login .er-auth-heading h1,
    #app .er154-auth.er-auth-signup .er-auth-heading h1 {color:#214734!important}
    #app .er154-auth.er-auth-login .er-auth-heading p,
    #app .er154-auth.er-auth-signup .er-auth-heading p {color:#58715f!important}
    #app .er154-auth.er-auth-login .er-auth-card,
    #app .er154-auth.er-auth-signup .er-auth-card {align-self:center!important;height:auto!important;border-radius:20px!important}
  }
  @media (min-width:781px) and (max-width:1000px) {
    #app .er154-auth.er-auth-login .er-auth-story,
    #app .er154-auth.er-auth-signup .er-auth-story {padding:25px!important}
  }
}
/* Pricing page: shorten the lead-in and make billing cadence a genuine control. */
body.er102-public.er187-pricing .section {padding-top:42px!important}
body.er102-public.er187-pricing .section-heading {max-width:780px!important;margin-bottom:22px!important}
body.er102-public.er187-pricing .section-heading h1 {
  color:#224734!important;max-width:760px!important;
  font-size:clamp(32px,4vw,49px)!important;line-height:1.13!important;
  letter-spacing:-.05em!important;margin:12px 0!important;
}
body.er102-public.er187-pricing .section-heading>p {
  max-width:680px!important;color:#5b7062!important;font-size:14px!important;
  line-height:1.6!important;margin:0 0 18px!important;
}
body.er102-public.er187-pricing .section-heading .toggle {
  display:inline-flex!important;width:max-content!important;max-width:100%!important;
  flex-wrap:nowrap!important;gap:4px!important;
  padding:4px!important;background:#e6ede3!important;
  border:1px solid #c5d4c5!important;border-radius:13px!important;
  box-shadow:none!important;
}
body.er102-public.er187-pricing .section-heading .toggle button {
  min-height:41px!important;padding:9px 15px!important;border-radius:9px!important;
  color:#4b6854!important;font-size:12.5px!important;line-height:1.3!important;
  white-space:nowrap!important;
}
body.er102-public.er187-pricing .section-heading .toggle button[aria-pressed="true"] {
  background:#255e45!important;color:#fff!important;
  box-shadow:0 2px 5px rgba(22,59,39,.18)!important;
}
body.er102-public.er187-pricing .plan-grid {margin-top:15px!important}
@media(max-width:520px) {
  body.er102-public.er187-pricing .section {padding-top:27px!important}
  body.er102-public.er187-pricing .section-heading h1 {font-size:34px!important}
  body.er102-public.er187-pricing .section-heading .toggle {width:100%!important}
  body.er102-public.er187-pricing .section-heading .toggle button {flex:1 1 50%!important;padding:9px 7px!important;font-size:11.5px!important}
}