/* The home navigation, scoped so existing public content keeps its own styling. */
:root{--header-height:72px}
html:has(body.public-page){scroll-padding-top:calc(var(--public-header-height,var(--header-height)) + 24px)}
body.public-page{padding-top:var(--public-header-height,var(--header-height));scroll-padding-top:var(--public-header-height,var(--header-height))}
.public-page-header[hidden]{display:none!important}
.public-page-header,.public-page-header *{box-sizing:border-box}
.public-page-header.header{position:fixed;inset:0 0 auto;width:100%;height:var(--header-height);margin:0;padding-inline:clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:28px;z-index:1001;background:#1a1a1af5;border:0;border-bottom:1px solid #ffffff20;color:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;line-height:1.4;text-align:left}
.public-page-header a,.public-page-header button{font:inherit;text-decoration:none;letter-spacing:normal;box-shadow:none}
.public-page-header .brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:#fff;font-size:24px;font-weight:700;letter-spacing:-.04em;line-height:1;white-space:nowrap}
.public-page-header .brand img{display:block;width:40px;height:40px;object-fit:contain;border:0;border-radius:0;margin:0}
.public-page-header .nav{display:flex;align-items:center;gap:24px;margin:0;padding:0;list-style:none}
.public-page-header .nav a{color:#e7e7e7;font-size:14px;font-weight:500;line-height:1.4;padding:14px 0;white-space:nowrap;border:0;border-radius:0;background:none}
.public-page-header .nav a:hover,.public-page-header .nav a[aria-current]{color:#ff6600}
.public-page-header .header-actions{display:flex;align-items:center;gap:22px;margin:0;padding:0}
.public-page-header .button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:44px;padding:10px 20px;border:1px solid #ff6600;border-radius:999px;background:#ff6600;color:#1a1a1a;font-size:14px;font-weight:700;white-space:nowrap}
.public-page-header .button:hover{background:#e95d00;border-color:#e95d00}
.public-page-header svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.public-page-header .menu-toggle{display:none;width:44px;height:44px;padding:10px;flex-shrink:0;color:#fff;background:transparent;border:1px solid #ffffff40;border-radius:50%;cursor:pointer}
.public-page-header .menu-toggle span{display:block;height:1.5px;width:20px;margin:5px auto;background:currentColor}
.public-page-header :is(a,button):focus-visible{outline:3px solid #ff6600;outline-offset:4px}
body.public-page[data-public-navigation="guest"] :is(.sidebar,.sidebar-overlay,.sidebar-toggle-btn,#sidebar-placeholder){display:none!important}
body.public-page[data-public-navigation="guest"] .main-content{margin-left:0!important;width:100%!important}
body.public-page.security-body{padding-top:calc(var(--public-header-height,var(--header-height)) + 20px)}
@media(max-width:1200px){
 .public-page-header .nav{display:none}
 .public-page-header .menu-toggle{display:block}

}
@media(max-width:900px){:root{--header-height:80px}}
@media(max-width:600px){
 :root{--header-height:76px}
 .public-page-header.header{gap:12px;padding-inline:24px}
 .public-page-header .brand{gap:10px;font-size:22px}
 .public-page-header .brand img{width:36px;height:36px}
 .public-page-header .header-actions{gap:10px}
 .public-page-header .button{gap:10px;padding-inline:14px}
 .public-page-header .button svg{width:18px;height:18px}
}
@media(max-width:359px){.public-page-header .brand{gap:8px;font-size:20px}.public-page-header .header-actions{gap:8px}.public-page-header .button{padding-inline:12px;gap:6px}}
@media print{.public-page-header{display:none!important}body.public-page{padding-top:0}}