/* LifeJourney Site: base styles. Everything is scoped to the design's own container (.lj-page)
   or to its own lj- classes. No element resets outside it. */

/* Page frame: only on pages assigned in Settings > LifeJourney Site */
html:has(body.lifejourney-canvas){scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.lifejourney-canvas{margin:0}
body.lifejourney-home{background:#0B0822}
body.lifejourney-legal{background:#F8F6F0}

.lj-page{font-family:'Manrope',system-ui,sans-serif;font-size:16px;font-weight:400;line-height:normal;letter-spacing:normal;color:#17142B;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.lj-main{outline:none}
.lj-page [id]{scroll-margin-top:88px}
.lj-page section[id]{scroll-margin-top:0}

/* Design defaults, kept at the low specificity the design was built with */
:where(.lj-page) a{color:#2B46F5}
:where(.lj-page) a:hover{color:#2036D8}
:where(.lj-page) :focus-visible{outline:2px solid #2B46F5;outline-offset:3px}
:where(.lj-page) [data-surface="dark"] :focus-visible,:where(.lj-page) .lj-surface-dark :focus-visible{outline-color:#71DDE9}
:where(.lj-page) ::selection{background:#2B46F5;color:#FFF9EC}
@media (prefers-reduced-motion:reduce){
  html:has(body.lifejourney-canvas){scroll-behavior:auto}
  :where(.lj-page) *,:where(.lj-page) *::before,:where(.lj-page) *::after{transition-duration:0.01ms!important;animation-duration:0.01ms!important}
}

/* Helpers used by the generated home content */
.lj-w{display:contents;margin:0}
.lj-t{display:inline;margin:0}

/* Privacy and Terms: the WordPress page's own title and content in the designed layout */
.lj-legal{box-sizing:border-box;max-width:1448px;margin-inline:auto;padding-inline:clamp(16px,4.5vw,64px);padding-block:clamp(136px,14vw,200px) clamp(72px,9vw,128px);color:#17142B}
.lj-legal :is(h1,h2,h3,h4,h5,h6){font-family:inherit;color:inherit}
.lj-legal__eyebrow{margin:0 0 20px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;letter-spacing:0.04em;line-height:normal;color:#56556A}
.lj-legal__eyebrow::before{content:"";width:28px;height:1px;background:#827C92;flex:none}
.lj-legal__body::after{content:"";display:block;max-width:760px;margin-block-start:28px;border-block-start:1px solid #D8D4E1}
.lj-legal__body > h1{margin:0;max-width:16em;font-size:clamp(2.25rem,5vw,4rem);font-weight:600;letter-spacing:-0.036em;line-height:1.04;text-wrap:balance}
.lj-legal__body > .lj-note{margin:24px 0 0;font-size:14px;font-weight:600;line-height:normal;color:#56556A}
.lj-legal__body > :is(h2,h3){max-width:760px;margin:28px 0 12px;padding-block-start:28px;border-block-start:1px solid #D8D4E1;font-size:clamp(1.375rem,2vw,1.75rem);font-weight:700;letter-spacing:-0.02em;line-height:1.2}
.lj-legal__body > h2:first-of-type{margin-block-start:clamp(48px,6vw,88px)}
.lj-legal__body > :is(p,ul,ol):not(.lj-note){max-width:760px;margin:0;font-size:1.125rem;line-height:1.65;color:#56556A}
.lj-legal__body > :is(p,ul,ol):not(.lj-note) + :is(p,ul,ol){margin-block-start:12px}
.lj-legal__body > :is(ul,ol){padding-inline-start:24px}
.lj-legal a{color:#2B46F5;font-weight:600}
.lj-legal a:hover{color:#2036D8}

/* Keep the site navigation below the WordPress toolbar for signed-in editors. */
body.lifejourney-canvas.admin-bar{--lj-admin-offset:var(--wp-admin--admin-bar--height,32px)}
@media(max-width:782px){body.lifejourney-canvas.admin-bar{--lj-admin-offset:46px}}
@media(max-width:600px){body.lifejourney-canvas #wpadminbar{position:fixed}}