/* Shared navigation, copied from the home page visual system. */
.topbar{--text:#102018;--muted:#587068;--line:rgba(15,55,40,.10);--line-strong:rgba(15,55,40,.16);--accent:#209653;--accent-hover:#187d44;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans","Liberation Sans",sans-serif;line-height:1.5;color:var(--text)}
.topbar .wrap{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:0 18px}
.topbar .row{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0;margin:0;flex-wrap:nowrap}
.topbar .brand{display:flex;align-items:center;gap:11px;min-width:210px;text-decoration:none;color:inherit}
.topbar .brand:hover{text-decoration:none}
.topbar .logo{width:52px;height:52px;display:block;object-fit:contain;border-radius:0;flex-shrink:0}
.topbar .brand b{display:block;font-size:16px;letter-spacing:.15px;font-weight:700}
.topbar .brand span{display:block;margin-top:1px;color:var(--muted);font-size:12px}
.topbar .nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;order:initial;width:auto;font-size:14px}
.topbar .nav a{padding:8px 9px;border-radius:8px;color:var(--muted);font-size:14px;border:0;background:transparent;text-decoration:none}
.topbar .nav a:hover{background:rgba(32,150,83,.06);color:var(--text);text-decoration:none}
.topbar .actions{min-width:210px;display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:nowrap;margin:0}
.topbar .btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 13px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--text);font-size:14px;font-weight:400;line-height:1.2;white-space:nowrap;text-decoration:none;box-shadow:none;transition:background .15s ease,border-color .15s ease,color .15s ease}
.topbar .btn:hover{background:#f7faf8;text-decoration:none}
.topbar .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.topbar .btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.topbar .btn.alt{border-color:rgba(50,121,215,.24);color:#285f9f;background:rgba(50,121,215,.04)}
.topbar .btn.alt:hover{background:rgba(50,121,215,.08)}
.topbar .btn:focus-visible{outline:3px solid rgba(50,121,215,.25);outline-offset:2px}
@media(max-width:1050px){.topbar .nav{gap:0}.topbar .nav a{padding-left:6px;padding-right:6px}}
@media(max-width:980px){.topbar .brand,.topbar .actions{min-width:auto}}
@media(max-width:760px){.topbar .row{gap:10px}.topbar .brand span{display:none}.topbar .logo{width:44px;height:44px}.topbar .actions .btn{padding-left:9px;padding-right:9px;font-size:12px}}
@media(max-width:650px){.topbar .nav{display:none}}
@media(max-width:480px){.topbar .brand b{font-size:14px}.topbar .actions{gap:4px}.topbar .actions .btn{min-height:35px;padding:7px 8px}}