.navbar{background:#fff;border-bottom:1px solid #e5e5e5;width:100%}.navbar-container{justify-content:space-between;align-items:center;max-width:1100px;margin:auto;padding:18px 20px;display:flex}.logo-navbar{color:#111;white-space:nowrap;font-size:24px;font-weight:700;text-decoration:none}.links-navbar{align-items:center;gap:25px;display:flex}.links-navbar a{color:#444;white-space:nowrap;border-radius:8px;align-items:center;height:40px;padding:0 12px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex}.links-navbar a:hover{color:#111;background:#f5f5f5}.links-navbar a[href=\/posts]{color:#fff;background:#111;padding:0 18px}.links-navbar a[href=\/posts]:hover{opacity:.85;background:#111}.account-navbar{align-items:center;display:flex}.account-navbar a{color:#fff;background:#111;border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 18px;font-weight:600;text-decoration:none;display:flex}@media (width<=800px){.navbar-container{flex-wrap:wrap;gap:15px}.links-navbar{order:3;justify-content:center;width:100%}}@media (width<=500px){.navbar-container{flex-direction:column}.links-navbar{flex-direction:column;width:100%}.links-navbar a{justify-content:center;width:100%}}.account-navbar form{margin:0}.account-navbar button{color:#333;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:8px;padding:0 16px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.account-navbar button:hover{color:#b42318;background:#fff5f4;border-color:#b42318}.account-navbar button:focus-visible{outline-offset:2px;outline:3px solid #93c5fd}