#weblog-header{box-sizing:border-box;display:flex;align-items:center;justify-content:stretch;width:100%;max-width:100%;min-width:0;height:100%;color:var(--color-text);padding:4px 8px;gap:8px;overflow:hidden}@media only screen and (max-width:1000px){#weblog-header{flex-direction:column;align-items:stretch;justify-content:center;gap:4px;padding:4px 8px;height:100%;max-height:100%}}#weblog-header .weblog-header-menu{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;width:auto;min-width:180px;max-width:260px;height:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface);padding:6px 10px;gap:6px;overflow:hidden}@media only screen and (max-width:1000px){#weblog-header .weblog-header-menu{width:100%;max-width:100%;min-width:0;height:38px;min-height:38px;max-height:38px;flex-shrink:0}}#weblog-header .weblog-header-menu .weblog-header-which-blog-label{padding:2px 5px;color:var(--color-text-muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}#weblog-header .weblog-header-menu .weblog-header-link-legacy-blog,#weblog-header .weblog-header-menu .weblog-header-link-modern-blog{padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);text-decoration:none;cursor:pointer;font-size:.8rem;font-weight:600;white-space:nowrap;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}#weblog-header .weblog-header-menu .weblog-header-link-legacy-blog.active,#weblog-header .weblog-header-menu .weblog-header-link-modern-blog.active{border-color:var(--color-accent-secondary);color:var(--color-accent-secondary);background:rgba(74,222,128,.08)}#weblog-header .weblog-header-menu .weblog-header-link-legacy-blog:hover,#weblog-header .weblog-header-menu .weblog-header-link-modern-blog:hover{border-color:var(--color-accent);color:var(--color-accent);background:rgba(34,211,238,.06)}#weblog-header .weblog-header-menu .weblog-header-link-modern-blog:last-child{position:absolute;right:10px;align-self:center}#weblog-header .weblog-header-menu .weblog-header-link-legacy-blog{margin-left:3px}#weblog-header .weblog-header-title-section{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1 0;min-width:0;min-height:0;width:auto;height:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface);overflow:hidden}@media only screen and (max-width:1000px){#weblog-header .weblog-header-title-section{width:100%;height:38px;min-height:38px;max-height:38px;flex:0 0 38px;flex-shrink:0}}#weblog-header .weblog-header-title-section #weblog-header-title-text,#weblog-header .weblog-header-title-section #weblog-header-title-text-invisible{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:0 8px;width:100%;height:100%;max-height:100%;color:var(--color-text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;letter-spacing:.04em;font-size:.85rem;line-height:1.2}@media only screen and (max-width:1000px){#weblog-header .weblog-header-title-section #weblog-header-title-text,#weblog-header .weblog-header-title-section #weblog-header-title-text-invisible{font-size:.78rem}}#weblog-header .weblog-header-title-section #weblog-header-title-text-invisible{display:none}