.page-layout{background-color:var(--bg-0);min-height:100vh;color:var(--fg-1);flex-direction:column;display:flex}.page-nav{align-items:center;gap:var(--sp-4);padding:0 var(--sp-5);background-color:var(--bg-1);border-bottom:1px solid var(--border-1);flex-shrink:0;height:48px;display:flex}.nav-logo{font-family:var(--font-display);font-size:var(--fs-20);font-weight:var(--fw-bold);letter-spacing:var(--ls-tightest);color:var(--fg-1);text-decoration:none}.nav-spacer{flex:1}.nav-link{color:var(--fg-2);font-family:var(--font-sans);font-size:var(--fs-14);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);cursor:pointer;transition:color var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out);background:0 0;border:none;text-decoration:none}.nav-link:hover{color:var(--fg-1);background-color:var(--bg-2)}.nav-link:focus-visible{outline:2px solid var(--accent-ring);outline-offset:1px}.nav-link--primary{color:var(--accent-fg);background-color:var(--accent);font-weight:var(--fw-semibold)}.nav-link--primary:hover{color:var(--accent-fg);background-color:var(--accent-hover)}.nav-auth-links{align-items:center;gap:var(--sp-2);display:flex}.nav-user-menu .dropdown-menu-trigger{all:unset;cursor:pointer;align-items:center;display:flex}.nav-user-menu .dropdown-menu-trigger:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;border-radius:var(--r-pill)}.nav-user-menu .dropdown-menu-content{left:auto;right:0}.nav-avatar{border-radius:var(--r-pill);width:32px;height:32px;color:var(--fg-2);transition:color var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out);justify-content:center;align-items:center;display:flex}.nav-avatar:hover{color:var(--fg-1);background-color:var(--bg-2)}.page-content{flex-direction:column;flex:1;display:flex}