/* Public homepage navigation: mobile signed-out header mirrors the compact
   account portal. Existing login/register/theme/language elements are reused.
   At desktop widths the wrapping element is layout-transparent. */
body.prompts-page .exza-public-menu-panel{display:contents}
body.prompts-page .exza-public-menu-toggle,
body.prompts-page .exza-public-menu-heading,
body.prompts-page .exza-public-menu-themes{display:none}
@media(max-width:1180px){
 body.prompts-page .topbar{position:relative;z-index:140}
 body.prompts-page .top-inner{position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:12px;justify-content:space-between;min-height:66px;padding-block:10px}
 body.prompts-page .top-inner>.wordmark{display:flex;align-items:center;flex:0 1 auto;min-width:0;margin:0}
 body.prompts-page .topbar.exza-public-menu-ready .exza-public-menu-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  flex:none;min-height:44px;min-width:100px;padding:10px 13px;
  border:1px solid var(--v2-stroke);border-radius:10px;
  background:var(--v2-surface);color:var(--v2-text);
  font:700 12px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:0 2px 7px #0d233018;cursor:pointer;touch-action:manipulation
 }
 body.prompts-page .exza-public-menu-toggle:hover,
 body.prompts-page .exza-public-menu-toggle[aria-expanded="true"]{
  background:var(--v2-soft);border-color:#97acc5
 }
 body.prompts-page .exza-public-menu-bars{display:flex;flex-direction:column;gap:4px;width:19px}
 body.prompts-page .exza-public-menu-bars i{
  display:block;width:19px;height:2px;border-radius:2px;background:currentColor;
  transition:transform .16s ease,opacity .16s ease
 }
 body.prompts-page .exza-public-menu-toggle[aria-expanded="true"] .exza-public-menu-bars i:first-child{transform:translateY(6px) rotate(45deg)}
 body.prompts-page .exza-public-menu-toggle[aria-expanded="true"] .exza-public-menu-bars i:nth-child(2){opacity:0}
 body.prompts-page .exza-public-menu-toggle[aria-expanded="true"] .exza-public-menu-bars i:last-child{transform:translateY(-6px) rotate(-45deg)}
 /* Progressive enhancement: if JS fails, old links remain in the header. */
 body.prompts-page .topbar:not(.exza-public-menu-ready) .exza-public-menu-panel{display:contents}
 body.prompts-page .topbar.exza-public-menu-ready .exza-public-menu-panel{
  display:none;flex-direction:column;gap:5px;
  position:absolute;z-index:160;top:calc(100% + 7px);right:10px;
  width:min(360px,calc(100vw - 40px));max-width:calc(100vw - 40px);
  max-height:min(660px,calc(100dvh - 93px));overflow-x:hidden;overflow-y:auto;
  padding:13px;background:var(--v2-surface);color:var(--v2-text);
  border:1px solid var(--v2-stroke);border-radius:14px;
  box-shadow:0 18px 48px #0c253535;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin
 }
 body.prompts-page .topbar.exza-public-menu-ready.exza-public-menu-open .exza-public-menu-panel{display:flex}
 body.prompts-page .topbar.exza-public-menu-ready .exza-public-menu-heading{
  display:block;flex:none;margin:6px 5px 2px;
  color:var(--v2-quiet);font-size:10px;font-weight:780;
  letter-spacing:1.35px;line-height:1.6;text-transform:uppercase
 }
 body.prompts-page .topbar.exza-public-menu-ready .exza-public-menu-heading--account{order:1}
 body.prompts-page .topbar.exza-public-menu-ready .exza-public-menu-heading--appearance{order:3;margin-top:13px}
 body.prompts-page .topbar.exza-public-menu-ready .exza-public-menu-heading--navigation{order:5;margin-top:11px}
 body.prompts-page .topbar.exza-public-menu-ready .top-actions{
  display:grid!important;order:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:8px!important;align-items:stretch;justify-content:stretch;
  width:100%!important;margin:0!important;padding:0!important
 }
 body.prompts-page .topbar.exza-public-menu-ready .top-actions .nav-login,
 body.prompts-page .topbar.exza-public-menu-ready .top-actions .btn-small{
  display:flex!important;align-items:center;justify-content:center;
  min-height:45px;min-width:0;width:100%;padding:10px 7px;
  border-radius:9px;font-size:12px;font-weight:700;text-align:center;
  border:1px solid var(--v2-stroke);white-space:normal
 }
 body.prompts-page .topbar.exza-public-menu-ready .top-actions .nav-login{
  grid-row:1;grid-column:1;background:var(--v2-soft);color:var(--v2-text)
 }
 body.prompts-page .topbar.exza-public-menu-ready .top-actions .btn-small{
  grid-row:1;grid-column:2;background:#396cad;color:#fff!important;border-color:#396cad
 }
 body.prompts-page .topbar.exza-public-menu-ready .top-actions .locale-switch{
  grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:10px;
  min-height:39px;margin:4px 4px 0;color:var(--v2-quiet)
 }
 body.prompts-page .topbar.exza-public-menu-ready .top-actions .locale-switch button{
  min-width:39px;min-height:34px;border:1px solid var(--v2-stroke);
  border-radius:7px;background:var(--v2-soft);color:var(--v2-text)
 }
 body.prompts-page .topbar.exza-public-menu-ready .top-actions .locale-switch button.chosen{
  border-color:#86aad0;background:var(--v2-soft);color:var(--v2-blue);font-weight:800
 }
 /* The desktop Appearance modal remains unchanged. On mobile the same
    EXZATheme state can be selected directly from this menu. */
 body.prompts-page .topbar.exza-public-menu-ready .top-actions .exza-theme-trigger{display:none!important}
 body.prompts-page .topbar.exza-public-menu-ready .exza-public-menu-themes{
  display:grid;order:4;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px
 }
 body.prompts-page .topbar.exza-public-menu-ready .exza-public-menu-themes button{
  min-width:0;min-height:43px;padding:9px 4px;
  border:1px solid var(--v2-stroke);border-radius:8px;
  background:var(--v2-soft);color:var(--v2-text);
  font:650 11px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;touch-action:manipulation
 }
 body.prompts-page .topbar.exza-public-menu-ready .exza-public-menu-themes button[aria-pressed="true"]{
  background:#dcecff;border-color:#79a9e0;color:#234f83;
  box-shadow:inset 0 0 0 1px #79a9e044;font-weight:800
 }
 html[data-exza-theme="dark"] body.prompts-page .topbar.exza-public-menu-ready .exza-public-menu-themes button[aria-pressed="true"]{
  background:#244269;border-color:#618fcb;color:#e4f1ff
 }
 body.prompts-page .topbar.exza-public-menu-ready .main-nav{
  display:flex!important;order:6;flex-direction:column;flex:none;align-items:stretch;
  width:100%;min-width:0;margin:0!important;padding:0!important;
  overflow:visible!important;gap:2px!important;border:0!important;
  background:transparent!important;scroll-snap-type:none
 }
 body.prompts-page .topbar.exza-public-menu-ready .main-nav a,
 body.prompts-page .topbar.exza-public-menu-ready .main-nav a.prompt-nav{
  display:flex!important;align-items:center;width:100%;min-height:42px;
  padding:10px 12px!important;border:1px solid transparent!important;
  border-radius:8px!important;background:transparent!important;
  color:var(--v2-text)!important;font-size:12px!important;
  font-weight:620;line-height:1.3;white-space:normal
 }
 body.prompts-page .topbar.exza-public-menu-ready .main-nav a:hover{
  background:var(--v2-soft)!important;border-color:var(--v2-stroke)!important
 }
 body.prompts-page .exza-public-menu-toggle:focus-visible,
 body.prompts-page .exza-public-menu-panel a:focus-visible,
 body.prompts-page .exza-public-menu-panel button:focus-visible{
  outline:3px solid #7babed;outline-offset:2px
 }
}
@media(max-width:380px){
 body.prompts-page .top-inner{padding-inline:12px}
 body.prompts-page .exza-public-menu-toggle{min-width:90px}
 body.prompts-page .topbar.exza-public-menu-ready .exza-public-menu-panel{right:8px;width:calc(100vw - 40px);max-width:calc(100vw - 40px)}
}
@media(prefers-reduced-motion:reduce){
 body.prompts-page .exza-public-menu-bars i{transition:none}
}

body.prompts-page{--v2-stroke:#d4e1ef;--v2-surface:#fff;--v2-soft:#eff4fa;--v2-text:#1b3654;--v2-quiet:#687e97;--v2-blue:#34679f}
html[data-exza-theme="dark"] body.prompts-page{--v2-stroke:#3e546e;--v2-surface:#161f2b;--v2-soft:#213146;--v2-text:#e6edf6;--v2-quiet:#aec0d2;--v2-blue:#a8cfff}
@media(max-width:1180px){
body.prompts-page .topbar{height:auto;min-height:69px}
body.prompts-page .top-inner{min-height:69px}
body.prompts-page .topbar.exza-public-menu-ready .top-actions .locale-switch a{
  display:inline-flex;align-items:center;justify-content:center;min-width:39px;min-height:34px;
  border:1px solid var(--v2-stroke);border-radius:7px;background:var(--v2-soft);
  color:var(--v2-text);text-decoration:none;font-size:11px;font-weight:650
}
body.prompts-page .topbar.exza-public-menu-ready .top-actions .locale-switch a.chosen{
  border-color:#86aad0;color:var(--v2-blue);font-weight:800
}
body.prompts-page .topbar.exza-public-menu-ready .exza-public-menu-panel{right:0}
}
html[data-exza-theme="dark"] body.prompts-page .prompt-modal-open-page,
html[data-exza-theme="dark"] body.prompts-page .prompt-modal-open-page:visited{
  display:inline-flex!important;align-items:center;justify-content:center;
  background:#294462!important;border:1px solid #7c9fca!important;color:#fff!important;
  font-size:12px!important;font-weight:750!important;opacity:1!important;text-decoration:none!important
}
html[data-exza-theme="dark"] body.prompts-page .prompt-modal-open-page:hover,
html[data-exza-theme="dark"] body.prompts-page .prompt-modal-open-page:focus-visible{
  background:#365b83!important;color:#fff!important;border-color:#b9d7fb!important
}