/* S-FIX2 W1 shell: sticky header offsets + back-to-top. DS token values only. */
/* S-PORT3 W-A shell: sticky header (compact on scroll, DS SiteHeader) offsets + DS BackToTop. DS token values only.
   Anchors clear the COMPACT header (the header only ever sits at that height once the page has scrolled). */
:root{--ls-header-h:var(--header-height-compact,4rem);--ls-stick-h:var(--header-height-compact,4rem);--pagenav-top:var(--header-height-compact,4rem)}
[id],.ls-prose :is(h2,h3,h4){scroll-margin-top:calc(var(--ls-stick-h) + var(--space-3))}
.ls-pagenav{top:var(--pagenav-top)}
.ls-toc--sticky,.ls-faq--split .ls-faq__aside,.ls-svc-faq-layout .section-header{top:calc(var(--ls-stick-h) + var(--space-5))}
html[data-motion="paused"] .ls-header--sticky,html[data-motion="paused"] .ls-header--sticky .ls-header__inner,html[data-motion="paused"] .ls-logomark{transition:none}
html[data-motion="paused"] .ls-totop{transition:none}
@media (prefers-reduced-motion:reduce){.ls-totop,.ls-totop.is-shown{transition:none;transform:none}}
html[data-motion="paused"] .ls-totop,html[data-motion="paused"] .ls-totop.is-shown{transform:none}

/* S-FIX2 W1 blog: live covers (D6) and the founder photo (D2). */
.blog-cover{margin:0 0 var(--space-5)}
.blog-cover img{display:block;width:auto;max-width:100%;height:auto;max-height:34rem;border:1px solid var(--color-line-cobalt);border-radius:var(--radius-card)}
@media (max-width:599px){#blog-grid .ls-article-card__media.ls-article-card__media--img{aspect-ratio:16 / 10;height:auto;margin:calc(var(--card-pad) * -1) calc(var(--card-pad) * -1) var(--space-1)}}
.ls-byline__photo img{object-position:50% 20%}

/* Cookie notice (live port): bottom-left card, keeps clear of the BackToTop button on the right. DS tokens only. */
.ls-cookie{position:fixed;left:max(1rem,env(safe-area-inset-left));right:calc(max(1rem,env(safe-area-inset-right)) + 4rem);bottom:max(1rem,env(safe-area-inset-bottom));z-index:39;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);max-width:34rem;padding:var(--space-3) var(--space-4);font-size:var(--type-small);line-height:1.45;color:var(--color-ink);background:var(--color-white);border:1px solid var(--color-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-panel)}
.ls-cookie p{flex:1 1 16rem;margin:0}
.ls-cookie a{color:var(--color-cobalt);text-decoration:underline}
