/* The library's own look (it also uses style.css for the shared colours, buttons and cards). */
.lib-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap; padding: 10px 20px; }
.lib-brand { display: inline-flex; align-items: center; gap: 12px; color: #eceef1; text-decoration: none; }
.lib-brand:hover { color: #fff; text-decoration: none; }
.lib-handle { font-size: 1.3rem; }
.lib-brand-name { font-size: 1.15rem; font-weight: 600; letter-spacing: 0.02em; padding-left: 12px; border-left: 1px solid rgba(255, 255, 255, 0.3); }
.lib-account { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 18px; color: #d5d8de; font-size: 0.95rem; }
.lib-user { max-width: 22ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lib-account a, .lib-linkbtn { color: #d5d8de; background: none; border: 0; padding: 0; font: inherit; cursor: pointer; text-decoration: none; }
.lib-account a:hover, .lib-linkbtn:hover { color: #fff; text-decoration: underline; }
.lib-account form { margin: 0; }
@media (max-width: 520px) { .lib-header-inner { padding: 10px 16px; } .lib-brand-name { font-size: 1.05rem; } }