.compact-header{display:flex;flex-direction:row;align-items:center;padding:10px 0;border-bottom:2px dotted var(--accent);margin-bottom:20px}.compact-header__inner{display:flex;align-items:center;width:100%;gap:20px}.compact-logo{background:var(--accent);color:var(--background);font-weight:700;padding:5px 10px;white-space:nowrap}.compact-logo a{color:var(--background);text-decoration:none}.compact-nav{flex:1;display:flex}.compact-nav__list{list-style:none;margin:0;padding:0;display:flex;gap:15px;align-items:center}.compact-menu{position:relative}.compact-menu .menu__trigger{color:var(--accent);cursor:pointer;user-select:none;padding:5px 10px;border:2px solid transparent;transition:border-color .15s}.compact-menu .menu__trigger:hover{border-color:var(--accent)}.compact-menu .menu__dropdown{display:none;position:absolute;top:calc(100% + 10px);left:0;min-width:200px;background:var(--background);border:2px solid var(--accent);box-shadow:0 10px var(--background),-10px 10px var(--background),10px 10px var(--background);padding:10px;z-index:99}.compact-menu.open .menu__dropdown{display:block}.compact-menu .menu__dropdown li{list-style:none;margin:0;padding:5px 0}.compact-menu .menu__dropdown a{color:var(--foreground);text-decoration:none;display:block}.compact-menu .menu__dropdown a:hover{color:var(--accent)}.tags-dropdown{display:none;min-width:300px;max-width:400px}.compact-menu.open .tags-dropdown{display:flex;flex-wrap:wrap;gap:8px}.tag-item{padding:3px 8px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid var(--accent);color:var(--accent);text-decoration:none;font-size:calc(var(--font-size) * .85)}.tag-item:hover{background:color-mix(in srgb,var(--accent) 25%,transparent)}.pinned-dropdown{min-width:250px;max-width:350px}.pinned-dropdown p{margin:8px 0;line-height:1.5}.pinned-dropdown p:first-child{margin-top:0}.pinned-dropdown p:last-child{margin-bottom:0}.menu--mobile{display:none}@media(max-width:684px){.compact-nav{display:none}.menu--mobile{display:block}.menu--mobile .menu__trigger{border:2px solid var(--accent);padding:5px 10px;color:var(--accent)}.menu--mobile .menu__dropdown{right:0;left:auto}}