/* Phase 27: compact public navigation and responsive design */
.su-public-page .nav-inner{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.su-public-page .nav-inner>.brand{flex:0 0 auto}.su-public-page #main-site-nav{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}.su-public-page #main-site-nav>a,.su-public-page .su-nav-group>summary{display:block;padding:11px 13px;border-radius:9px;font-weight:650;cursor:pointer;white-space:nowrap;color:var(--su-primary);list-style:none}.su-nav-group{position:relative}.su-nav-group>summary::-webkit-details-marker{display:none}.su-nav-group>summary:after{content:' ▾';font-size:11px}.su-nav-dropdown{position:absolute;z-index:80;top:100%;left:0;min-width:225px;display:grid;background:white;border:1px solid #dce4eb;box-shadow:0 16px 35px #0b2d4926;border-radius:12px;padding:8px}.su-nav-dropdown a{padding:11px 12px;color:#12324a;text-decoration:none;border-radius:8px}.su-nav-dropdown a:hover,.su-nav-group>summary:hover{background:#eef4f8}.su-public-page .language-switch{flex:0 0 auto}.su-live-preview{padding:20px;border-radius:14px;background:#f5f8fb;margin:16px 0}.su-preview-bar{display:flex;justify-content:space-between;gap:12px;background:var(--su-primary);color:white;padding:18px;border-radius:10px;font-family:var(--su-font)}.su-preview-bar span{font-size:13px;color:var(--su-accent)}
@media(max-width:900px){.su-public-page #main-site-nav{display:none;width:100%;flex-basis:100%;order:5}.su-public-page #main-site-nav.is-open{display:flex;flex-direction:column;align-items:stretch}.su-public-page .su-nav-group{width:100%}.su-nav-dropdown{position:static;box-shadow:none;border:0;background:#f5f8fb}.su-public-page .mobile-nav-toggle{display:block}.su-public-page .language-switch{margin-left:auto}}