/* Product-first public navigation. Scoped independently of page themes. */
.site-light .site-header { border-bottom:1px solid #2D4034; }
.site-light .site-header-inner { min-height:78px; gap:32px; }
.site-light .site-header .brand-lockup { flex:none; }
.site-light .site-header .brand-plate { width:230px; height:52px; }
.site-light .site-header .brand-plate img { filter:none; }
.site-light .site-header .primary-nav { margin-left:auto; align-items:center; gap:30px; }
.site-light .site-header .primary-nav > a { position:relative; min-height:44px; padding:10px 0; gap:7px; color:#CBD8D0; font-size:14px; font-weight:500; text-decoration:none; }
.site-light .site-header .primary-nav > a .ui-icon { width:16px; height:16px; color:#9CB9A8; }
.site-light .site-header .primary-nav > a::after { content:''; position:absolute; inset:auto 0 3px; height:2px; border-radius:1px; background:transparent; }
.site-light .site-header .primary-nav > a:hover,.site-light .site-header .primary-nav > a[aria-current="page"] { color:#F1F7F3; }
.site-light .site-header .primary-nav > a[aria-current="page"]::after { background:#8DE1B6; }
.site-light .site-header .primary-nav > a:hover .ui-icon,.site-light .site-header .primary-nav > a[aria-current="page"] .ui-icon { color:#8DE1B6; }
.header-actions { display:flex; flex:none; align-items:center; gap:12px; }
.site-light .site-header .header-trial { min-height:42px; padding:10px 18px; border:1px solid #08784D; border-radius:6px; color:#FFFFFF; background:#08784D; box-shadow:none; font-size:14px; font-weight:600; line-height:1.35; white-space:nowrap; }
.site-light .site-header .header-trial:hover { color:#FFFFFF; border-color:#0B8B5A; background:#0B8B5A; }
.site-light .site-header .header-trial[aria-current="page"] { border-color:#8DE1B6; }
.site-light .site-header .mobile-nav summary { min-height:44px; padding:8px 10px; gap:6px; border:1px solid #3B5344; border-radius:6px; color:#D9E7DF; background:transparent; font-size:13px; }
.site-light .site-header .mobile-nav summary:hover { background:#1E3226; }
.site-light .site-header .header-menu-close { display:none; }
.site-light .site-header .mobile-nav[open] .header-menu-open { display:none; }
.site-light .site-header .mobile-nav[open] .header-menu-close { display:inline-flex; }
.site-light .site-header .header-menu-close .public-icon { width:18px; height:18px; }
.site-light .site-header .mobile-nav[open] nav { top:54px; width:220px; padding:8px; border-color:#3B5344; border-radius:8px; color:#D9E7DF; background:#13231A; box-shadow:0 12px 30px #0004; }
.site-light .site-header .mobile-nav nav a { min-height:46px; color:#D9E7DF; font-size:14px; }
.site-light .site-header .mobile-nav nav a .ui-icon { width:18px; height:18px; color:#9CB9A8; }
.site-light .site-header .mobile-nav nav a:hover,.site-light .site-header .mobile-nav nav a[aria-current="page"] { color:#FFFFFF; background:#203A2B; }
.site-light .site-header .mobile-nav nav a[aria-current="page"] .ui-icon { color:#8DE1B6; }
@media(min-width:761px) { .site-light .site-header .primary-nav { display:flex; } .site-light .site-header .mobile-nav { display:none; } }
@media(max-width:900px) { .site-light .site-header-inner { gap:22px; } .site-light .site-header .brand-plate { width:200px; } .site-light .site-header .primary-nav { gap:20px; } }
@media(max-width:760px) {
 .site-light .site-header-inner { width:calc(100% - 32px); min-height:70px; gap:16px; }
 .site-light .site-header .primary-nav { display:none; }
 .site-light .site-header .mobile-nav { display:block; }
 .site-light .site-header .brand-plate { width:190px; height:46px; }
 .header-actions { margin-left:auto; gap:10px; }
 .site-light .site-header .header-trial { padding:10px 14px; font-size:13px; }
}
@media(max-width:440px) {
 .site-light .site-header-inner { width:calc(100% - 24px); min-height:66px; gap:8px; }
 .site-light .site-header .brand-plate { width:clamp(114px,36vw,158px); height:40px; }
 .header-actions { gap:8px; }
 .site-light .site-header .header-trial { padding:10px 11px; }
 .site-light .site-header .mobile-nav summary { padding:8px; }
}
