.public-topbar{position:sticky;z-index:40;top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:58px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:16px;background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:0 10px 35px rgba(29,41,72,.08);backdrop-filter:blur(18px)}
.public-topbar .brand,.public-topbar .home-brand{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;color:var(--ink);font:700 14px 'DM Mono',monospace;text-decoration:none;white-space:nowrap}
.public-topbar .brand>span:first-child,.public-topbar .home-brand>span:first-child{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:linear-gradient(135deg,#7283f7,#4f61df);color:#fff;box-shadow:0 7px 18px rgba(91,111,245,.27)}
.public-topbar nav,.public-topbar .header-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;margin-left:auto}
.public-topbar .home-nav{flex:1 1 auto;margin-left:4px}.public-topbar .header-actions{flex:0 1 auto}
.public-topbar>.metadata-tools-link{margin-left:auto}.public-topbar>.metadata-tools-link+.header-actions{margin-left:0}
.public-topbar nav>a,.public-topbar .header-actions>a,.public-topbar nav>button,.public-topbar .header-actions>button,.public-topbar nav>select,.public-topbar .header-actions>select,.public-topbar .language-control select{min-height:34px;margin:0;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);box-shadow:none;font:600 11px 'Noto Sans Thai','Segoe UI',sans-serif;text-decoration:none;white-space:nowrap}
.public-topbar .language-control{display:inline-flex;margin:0}.public-topbar .language-control select{width:auto}
.public-topbar .primary-link,.public-topbar .sign-in-button,.public-topbar .login-button{border-color:var(--accent)!important;background:var(--accent)!important;color:#fff!important}
.public-topbar .theme-toggle,.public-topbar .quiet-button{cursor:pointer}.public-topbar form{margin:0}
html[data-theme=dark] .public-topbar{background:color-mix(in srgb,var(--panel) 90%,transparent)}
html[data-theme=dark] .public-topbar nav>a,html[data-theme=dark] .public-topbar .header-actions>a,html[data-theme=dark] .public-topbar nav>button,html[data-theme=dark] .public-topbar .header-actions>button,html[data-theme=dark] .public-topbar nav>select,html[data-theme=dark] .public-topbar .header-actions>select,html[data-theme=dark] .public-topbar .language-control select{background:#1a2230}
@media(max-width:850px){.public-topbar{position:static;flex-wrap:wrap;gap:8px}.public-topbar .home-nav{order:3;width:100%;overflow-x:auto}.public-topbar nav:not(.home-nav),.public-topbar .header-actions{flex:1 1 auto;flex-wrap:wrap}}
@media(max-width:560px){.public-topbar{align-items:stretch}.public-topbar .brand,.public-topbar .home-brand{width:100%}.public-topbar nav:not(.home-nav),.public-topbar .header-actions{width:100%;justify-content:flex-start}.public-topbar .home-nav{display:none}.public-topbar nav>a,.public-topbar .header-actions>a{flex:0 0 auto}}

body[data-page]>main>header:not(.public-topbar){position:sticky;z-index:40;top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:58px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:16px;background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:0 10px 35px rgba(29,41,72,.08);backdrop-filter:blur(18px)}
body[data-page]>main>header:not(.public-topbar) .brand{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;color:var(--ink);font:700 14px 'DM Mono',monospace;text-decoration:none;white-space:nowrap}
body[data-page]>main>header:not(.public-topbar) .brand>span:first-child{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:linear-gradient(135deg,#7283f7,#4f61df);color:#fff;box-shadow:0 7px 18px rgba(91,111,245,.27)}
body[data-page]>main>header:not(.public-topbar) nav{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;margin-left:auto}
body[data-page]>main>header:not(.public-topbar) nav>a,body[data-page]>main>header:not(.public-topbar) nav>button,body[data-page]>main>header:not(.public-topbar) nav>select{min-height:34px;margin:0;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);box-shadow:none;font:600 11px 'Noto Sans Thai','Segoe UI',sans-serif;text-decoration:none;white-space:nowrap}
body[data-page]>main>header:not(.public-topbar) .primary-link{border-color:var(--accent)!important;background:var(--accent)!important;color:#fff!important}
body[data-page]>main>header:not(.public-topbar) form{margin:0}
html[data-theme=dark] body[data-page]>main>header:not(.public-topbar){background:color-mix(in srgb,var(--panel) 90%,transparent)}
html[data-theme=dark] body[data-page]>main>header:not(.public-topbar) nav>a,html[data-theme=dark] body[data-page]>main>header:not(.public-topbar) nav>button,html[data-theme=dark] body[data-page]>main>header:not(.public-topbar) nav>select{background:#1a2230}
@media(max-width:850px){body[data-page]>main>header:not(.public-topbar){position:static;flex-wrap:wrap;gap:8px}body[data-page]>main>header:not(.public-topbar) nav{flex:1 1 auto;flex-wrap:wrap}}
@media(max-width:560px){body[data-page]>main>header:not(.public-topbar){align-items:stretch}body[data-page]>main>header:not(.public-topbar) .brand{width:100%}body[data-page]>main>header:not(.public-topbar) nav{width:100%;justify-content:flex-start}body[data-page]>main>header:not(.public-topbar) nav>a{flex:0 0 auto}}