/* Auth story: readable compact copy distributed within the marked desktop area.
   The full-height background and independently scrolling form stay unchanged. */
html.r147-auth-document:root{height:100%;overflow:hidden;scrollbar-gutter:auto}
html.r147-auth-document .r86-auth-page.r88-auth-split{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100vh;height:100dvh;min-height:0;min-width:0;overflow:hidden}
html.r147-auth-document .r86-auth-page.r88-auth-split>.r86-auth-layout{display:grid;height:100%;min-height:0;max-height:100%;grid-template-rows:minmax(0,1fr);overflow:hidden}
html.r147-auth-document .r86-auth-page.r88-auth-split .r86-auth-main{min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#c6c7ce transparent;scrollbar-gutter:stable;scroll-padding-block:24px;padding-bottom:max(32px,env(safe-area-inset-bottom))}
html.r147-auth-document .r86-auth-page.r88-auth-split .r86-auth-main::-webkit-scrollbar{width:6px}
html.r147-auth-document .r86-auth-page.r88-auth-split .r86-auth-main::-webkit-scrollbar-thumb{background:#c6c7ce;border-radius:8px}
html.r147-auth-document .r86-auth-page.r88-auth-split .r88-form-inner{flex-shrink:0}
html.r147-auth-document .r86-auth-page.r88-auth-split .r87-simple-story{min-height:0;max-height:100%;overflow:visible;scrollbar-gutter:auto;justify-content:center;padding-top:clamp(28px,4vh,52px);padding-bottom:clamp(28px,4vh,52px)}
html.r147-auth-document .r86-auth-page.r88-auth-split .r88-story-inner{max-width:520px;padding-top:0;flex-shrink:1}
html.r147-auth-document .r86-auth-page.r88-auth-split .r87-simple-story h2{max-width:500px;font-size:clamp(26px,2.3vw,32px);line-height:1.2;letter-spacing:-.03em}
html.r147-auth-document .r86-auth-page.r88-auth-split .r88-story-inner>p:not(.r87-simple-foot){margin-top:12px;font-size:14px;line-height:1.5}
html.r147-auth-document .r86-auth-page.r88-auth-split .r87-simple-steps{margin-top:clamp(16px,2vh,22px)}
html.r147-auth-document .r86-auth-page.r88-auth-split .r87-simple-steps li{gap:12px;padding-block:clamp(11px,1.6vh,16px)}
html.r147-auth-document .r86-auth-page.r88-auth-split .r87-step-number{width:28px;height:28px;font-size:13px}
html.r147-auth-document .r86-auth-page.r88-auth-split .r87-step-copy strong{font-size:16px;line-height:1.35}
html.r147-auth-document .r86-auth-page.r88-auth-split .r87-step-copy p{font-size:14px;line-height:1.5;margin-top:4px}
html.r147-auth-document .r86-auth-page.r88-auth-split .r87-simple-foot{font-size:12.5px;line-height:1.5;padding-top:13px}
html.r147-auth-document .r86-auth-page.r88-auth-split .r141-setup-help,
html.r147-auth-document .r86-auth-page.r88-auth-split .r86-auth-header nav>a{font-weight:400}
html.r147-auth-document .r137-setup-form .r147-setup-help a{text-decoration:underline;text-underline-offset:3px}
/* Fill the desktop canvas while keeping both content edges aligned with the
   shared header. The panel background reaches the edge of the screen. */
@media (min-width:1001px) and (min-height:721px), (min-width:1151px) and (min-height:641px){
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup)>.r86-auth-layout{width:100%;margin-inline:0;--auth-outer-inset:max(var(--r142-page-gutter,40px),calc((100vw - var(--r142-content-width,1280px))/2))}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) .r86-auth-main{padding-left:var(--auth-outer-inset)}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) .r87-simple-story{justify-content:flex-start;padding-top:clamp(40px,7.5vh,72px);padding-bottom:clamp(56px,14vh,132px);padding-right:var(--auth-outer-inset)}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) :is(.r-auth-journey,.r87-simple-story:has(.r87-simple-steps)){justify-content:flex-start;padding-left:clamp(32px,4vw,64px)}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) :is(.r-auth-journey,.r87-simple-story:has(.r87-simple-steps))>.r88-story-inner{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;row-gap:18px;height:100%;min-height:0;max-width:600px}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) :is(.r-auth-journey,.r87-simple-story:has(.r87-simple-steps)) h2{max-width:100%;font-size:32px;line-height:1.2}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) :is(.r-auth-journey,.r87-simple-story:has(.r87-simple-steps)) .r87-simple-steps{margin:0;min-height:0;grid-template-rows:repeat(3,minmax(min-content,1fr))}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) :is(.r-auth-journey,.r87-simple-story:has(.r87-simple-steps)) .r87-simple-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding-block:12px;align-content:center;align-items:start}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) :is(.r-auth-journey,.r87-simple-story:has(.r87-simple-steps)) .r87-step-number{width:28px;height:28px;font-size:13px}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) :is(.r-auth-journey,.r87-simple-story:has(.r87-simple-steps)) .r87-step-copy strong{font-size:16px;line-height:1.35}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) :is(.r-auth-journey,.r87-simple-story:has(.r87-simple-steps)) .r87-step-copy p{font-size:14px;line-height:1.5;margin-top:4px}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) :is(.r-auth-journey,.r87-simple-story:has(.r87-simple-steps)) .r87-simple-foot{max-width:100%;font-size:12.5px;line-height:1.5;padding-top:8px}
}
@media(max-height:740px){
 html.r147-auth-document .r86-auth-page.r88-auth-split .r87-simple-story{padding-block:20px}
 html.r147-auth-document .r86-auth-page.r88-auth-split .r87-simple-story h2{font-size:26px;line-height:1.2}
 html.r147-auth-document .r86-auth-page.r88-auth-split .r87-simple-steps{margin-top:16px}
 html.r147-auth-document .r86-auth-page.r88-auth-split .r87-simple-steps li{padding-block:10px}
 html.r147-auth-document .r86-auth-page.r88-auth-split .r87-step-copy strong{font-size:15px}
 html.r147-auth-document .r86-auth-page.r88-auth-split .r87-step-copy p{font-size:13px;line-height:1.5}
 html.r147-auth-document .r86-auth-page.r88-auth-split .r87-simple-foot{font-size:12px;line-height:1.5;padding-top:12px}
}
/* Keep the same hierarchy when the desktop viewport has less reading room. */
@media(max-height:840px),(max-width:1250px){
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) :is(.r-auth-journey,.r87-simple-story:has(.r87-simple-steps))>.r88-story-inner{row-gap:14px}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) :is(.r-auth-journey,.r87-simple-story:has(.r87-simple-steps)) h2{font-size:28px;line-height:1.2}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) :is(.r-auth-journey,.r87-simple-story:has(.r87-simple-steps)) .r87-simple-steps li{grid-template-columns:28px minmax(0,1fr);gap:12px;padding-block:10px}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) :is(.r-auth-journey,.r87-simple-story:has(.r87-simple-steps)) .r87-step-number{width:28px;height:28px;font-size:13px}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) :is(.r-auth-journey,.r87-simple-story:has(.r87-simple-steps)) .r87-step-copy strong{font-size:15px}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) :is(.r-auth-journey,.r87-simple-story:has(.r87-simple-steps)) .r87-step-copy p{font-size:14px;line-height:1.5;margin-top:4px}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not([data-agency-white-label="true"]):not(.r136-website-setup) :is(.r-auth-journey,.r87-simple-story:has(.r87-simple-steps)) .r87-simple-foot{font-size:12px;line-height:1.5;padding-top:8px}
}
/* Narrow, short desktop windows need extra room for wrapped step descriptions.
   Prioritise the form there rather than leaving story copy below the viewport. */
@media(max-width:1000px),(max-height:640px),(max-width:1150px) and (max-height:720px){
 html.r147-auth-document .r86-auth-page.r88-auth-split>.r86-auth-layout{grid-template-columns:minmax(0,1fr)}
 html.r147-auth-document .r86-auth-page.r88-auth-split .r87-simple-story{display:none}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not(.r136-website-setup) .r86-auth-main{padding-inline:0}
 html.r147-auth-document .r86-auth-page.r88-auth-split:not(.r136-website-setup) .r88-form-inner{margin-inline:auto}
}
@media print{
 html.r147-auth-document:root{height:auto;overflow:visible}
 html.r147-auth-document .r86-auth-page.r88-auth-split,
 html.r147-auth-document .r86-auth-page.r88-auth-split>.r86-auth-layout{display:block;height:auto;min-height:0;max-height:none;overflow:visible}
 html.r147-auth-document .r86-auth-page.r88-auth-split .r86-auth-main{display:block;height:auto;max-height:none;overflow:visible;padding:20px}
 html.r147-auth-document .r86-auth-page.r88-auth-split .r87-simple-story{display:none}
}
