/* Reserve scrollbar space so the header never shifts between short and long steps. */
html {scrollbar-gutter:stable}
/* Shared route state. A call to register must not look like the selected login page. */
html:root body[data-ls-ui] header a[data-ls-auth-link] {
 box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:44px!important;padding:10px 16px!important;border:1px solid #b9ced9!important;border-radius:6px!important;
 background:#fff!important;color:#246cad!important;font-size:16px!important;font-weight:500!important;line-height:22px!important;
 text-decoration:none!important;box-shadow:none!important;
}
html:root body[data-ls-ui] header a[data-ls-auth-link][aria-current=page] {
 background:#e2f0fb!important;border-color:#9dbbd0!important;color:#174f63!important;font-weight:600!important;
}
html:root body[data-ls-ui] header a[data-ls-auth-link]:hover {border-color:#246cad!important;color:#174f63!important}
html:root body[data-ls-ui] header a[data-ls-auth-link]:focus-visible {outline:2px solid #246cad!important;outline-offset:3px!important}
/* The same content width as Homeopati's header; retire the portal's outer frame. */
html:root body[data-ls-site="sanabit.com"]>.frame,
html:root body[data-ls-site="sanabit.com"]>.IFAccountShell {
 width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
html:root body[data-ls-site="sanabit.com"] #english-tool.tool-review {
 width:var(--hp-layout-width,min(1340px,calc(100% - 100px)))!important;max-width:1340px!important;margin-inline:auto!important;
}
/* Keep the account artwork independent of form length and login/code/register step. */
html:root body[data-ls-ui].HPAuthPage[data-homeopati-design][data-homeopati-design][data-homeopati-design][data-homeopati-design] .HPAuthArtwork {
 top:0!important;bottom:auto!important;height:800px!important;
 background-image:url('/assets/homeopati-owner-login-20260917.png')!important;
 background-position:left 66.9903%!important;clip-path:none!important;
 mask-image:linear-gradient(to bottom,transparent 35%,#000 44%),linear-gradient(to right,transparent 68%,#000 76%)!important;
}
html:root body[data-ls-ui].HPAuthPage[data-homeopati-design][data-homeopati-design][data-homeopati-design][data-homeopati-design] .IFAuthIntro {padding-left:0!important}
/* A quiet illustration accompanies the unchanged required acknowledgement. */
html:root body[data-ls-site="sanabit.com"] .LSUseLayout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
html:root body[data-ls-site="sanabit.com"] .LSUseLayout .LSUseCard {width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box}
html:root body[data-ls-site="sanabit.com"] .LSUseArtwork {height:560px;border:0;background:url('/assets/login-book-fusion-5aab62591a59.jpg') center / contain no-repeat}
/* Finder account content uses the same edges as its own existing header. */
html:root body[data-ls-site="webhomeopath.com"] .IFAccountMain,
html:root body[data-ls-site="illnessfinder.com"] .IFAccountMain {
 width:calc(100% - 64px)!important;max-width:none!important;margin-inline:auto!important;
}
html:root body[data-ls-site="remedyfinder.net"].IFAccountPage .IFAuthLayout {
 box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-inline:0!important;
}
/* One focus edge on account inputs, with an inset change that remains visible. */
html:root body[data-ls-ui] .IFFormField input:focus,
html:root body[data-ls-ui] .IFFormField input:focus-visible {
 outline:none!important;border-color:#2671b4!important;box-shadow:inset 0 0 0 1px #2671b4!important;
}
@media(max-width:800px){
 html:root body[data-ls-site="sanabit.com"] #english-tool.tool-review {width:calc(100% - 36px)!important}
 html:root body[data-ls-site="sanabit.com"] .LSUseLayout {grid-template-columns:minmax(0,1fr);gap:0}
 html:root body[data-ls-site="sanabit.com"] .LSUseArtwork {display:none}
}
@media(max-width:760px){
 html:root body[data-ls-ui].HPAuthPage .HPAuthArtwork {display:none!important}
 html:root body[data-ls-site="webhomeopath.com"] .IFAccountMain,
 html:root body[data-ls-site="illnessfinder.com"] .IFAccountMain {width:calc(100% - 36px)!important}
}
/* Remedyfinder's background must not scale or move with form length. */
html:root body[data-ls-site="remedyfinder.net"] .IFAccountMain:has(.IFAuthLayout) {
 background-size:100% 740px,auto 700px!important;
 background-position:center top,left 40px!important;
 background-repeat:no-repeat!important;
}

/* The account header and content retain Remedyfinder's search-page edges. */
@media(min-width:801px){
 html:root body[data-ls-site="remedyfinder.net"].IFAccountPage header.fk-header {padding-inline:32px!important}
 html:root body[data-ls-site="remedyfinder.net"].IFAccountPage .IFAuthLayout {padding-inline:32px!important}
}