/* The one Synora header (synora-nav.js). Prefixed so it can sit on pages
   that still carry older class names without either side leaking. */
#synora-header{min-height:64px}
.snv{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid #E1E4E6;font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.snv-in{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,32px);display:flex;align-items:center;gap:10px;height:64px}
.snv-logo{display:flex;align-items:center;gap:10px;color:#0D1F2A;text-decoration:none;margin-right:auto;flex:none}
.snv-mark{width:28px;height:28px;color:#00707F}
.snv-logo b{font:600 16px/1 'Inter',system-ui,sans-serif;letter-spacing:.14em}
.snv-nav{display:flex;align-items:center;gap:4px}
.snv-nav a:not(.snv-btn),.snv-link{color:#23384A;text-decoration:none;font-size:14.5px;font-weight:500;padding:8px 11px;border-radius:8px;background:none;border:0;cursor:pointer;font-family:inherit;white-space:nowrap}
.snv-nav a:not(.snv-btn):hover,.snv-link:hover{background:#F7F8F6}
.snv-nav a[aria-current=page]{color:#2446B8;background:#E9EEFB}
.snv .snv-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;font:600 14px/1 'Inter',system-ui,sans-serif;text-decoration:none;white-space:nowrap;border:1px solid transparent;margin-left:6px}
.snv .snv-btn.snv-pri{background:#2446B8;color:#fff}
.snv .snv-btn.snv-pri:hover{background:#1B3690}
.snv .snv-btn.snv-sec{background:#fff;color:#0D1F2A;border-color:#CDD3D7}
.snv-menu{display:none;width:44px;height:44px;border:1px solid #CDD3D7;border-radius:10px;background:#fff;cursor:pointer;align-items:center;justify-content:center;color:#0D1F2A}
.snv-menu svg{width:20px;height:20px}
.snv .snv-btn.snv-m{display:none}
.snv :focus-visible{outline:3px solid #2446B8;outline-offset:2px;border-radius:8px}
@media (max-width:1080px){.snv-nav a:not(.snv-btn),.snv-link{padding:8px 8px;font-size:14px}}
@media (max-width:900px){
  .snv-nav{display:none}
  .snv-menu{display:inline-flex}
  .snv .snv-btn.snv-m{display:inline-flex}
  .snv .snv-in>.snv-btn:not(.snv-m){display:none}
  .snv.open .snv-nav{display:flex;position:absolute;left:0;right:0;top:64px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid #E1E4E6;padding:8px clamp(16px,4vw,32px) 14px;box-shadow:0 8px 24px -12px rgba(13,31,42,.2)}
  .snv.open .snv-nav a:not(.snv-btn),.snv.open .snv-link{padding:13px 8px;font-size:16px;border-bottom:1px solid #E1E4E6;border-radius:0;text-align:left}
  .snv.open .snv-nav .snv-btn{margin:10px 0 0;min-height:46px}
}
@media (max-width:380px){.snv-logo b{display:none}}

/* The signed-in app header carries more links: it folds into the menu earlier. */
@media (min-width:901px) and (max-width:1600px){
  .snv-app .snv-nav{display:none}
  .snv-app .snv-menu{display:inline-flex}
  .snv-app .snv-btn.snv-m{display:inline-flex}
  .snv-app .snv-in>.snv-btn:not(.snv-m){display:none}
  .snv-app.open .snv-nav{display:flex;position:absolute;left:0;right:0;top:64px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid #E1E4E6;padding:8px clamp(16px,4vw,32px) 14px;box-shadow:0 8px 24px -12px rgba(13,31,42,.2)}
  .snv-app.open .snv-nav a:not(.snv-btn),.snv-app.open .snv-link{padding:13px 8px;font-size:16px;border-bottom:1px solid #E1E4E6;border-radius:0;text-align:left}
}

.snv-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:4px;border-radius:9px;background:#2446B8;color:#fff;font-size:11px;font-weight:700}
@media (min-width:1601px){.snv-app .snv-in{max-width:none}.snv-app .snv-nav a:not(.snv-btn),.snv-app .snv-link{padding:8px 8px;font-size:14px}}

/* autocomplete (synora-client.js) — here because every page loads this file */
.ac{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:50;list-style:none;margin:0;padding:6px;background:#fff;border:1px solid #CDD3D7;border-radius:12px;box-shadow:0 12px 30px -12px rgba(13,31,42,.3);max-height:320px;overflow:auto;text-align:left;font-family:'Inter',system-ui,sans-serif}
.ac li{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:8px;cursor:pointer}
.ac li[aria-selected=true],.ac li:hover{background:#E9EEFB}
.ac .ac-t{font-weight:600;color:#0D1F2A;font-size:15px}
.ac .ac-k{font-size:12.5px;color:#4F5F6B}
.ac .ac-empty{cursor:default;color:#4F5F6B;font-size:14px}
.ac .tag.demo{font-size:11px;padding:1px 7px;border-radius:999px;background:#FBF1DE;color:#8A5A00;border:1px solid #F0DDB5;font-weight:600}
.ac-live{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}