/* Shared public navigation. The planner inside the demo keeps its own header. */
:root{--public-header-height:104px;scroll-padding-top:calc(var(--public-header-height) + 20px)}
.site-header{position:fixed;top:0;z-index:300;background:var(--color-paper);backdrop-filter:none;border-bottom:1px solid var(--color-rule)}
.login-header{position:sticky;top:0;z-index:300;max-width:none;padding-inline:max(24px,calc((100% - 1224px)/2));background:var(--color-paper);border-bottom:1px solid var(--color-rule)}
.skip-link:focus{z-index:401}
.site-header .mobile-menu>nav{max-height:calc(100dvh - var(--public-header-height) - 16px);overflow-y:auto;overscroll-behavior:contain}
#einblicke{--dm-offset:calc(var(--public-header-height) + 12px)}
.public-legal-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 22px;padding:20px 0;border-top:1px solid var(--color-rule);font:400 13px/1.5 var(--font-body)}
.public-legal-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-accent);text-decoration:underline;text-underline-offset:4px}
.public-legal-nav a[aria-current="page"]{font-weight:700;text-decoration-thickness:2px}
.ending-footer .public-legal-nav{border-color:var(--paint-night-rule)}
.ending-footer .public-legal-nav a{color:var(--paint-landing-tone-53)}
.login-footer .public-legal-nav{max-width:1100px;margin:0 auto 12px}
.checkout-legal{font-size:13px;color:var(--color-muted);margin:20px 0 0;line-height:1.7}
.checkout-legal a{display:inline-block;min-height:32px}
@media(max-width:760px){:root{--public-header-height:80px}.login-header{padding-inline:20px}.public-legal-nav{gap:2px 18px;font-size:12px;justify-content:flex-start}.login-footer .public-legal-nav{justify-content:center}}
@media(max-width:360px){.login-header{padding-inline:16px}}
@media print{.site-header,.login-header{position:static}.public-legal-nav{display:none}}