.editable-title{cursor:text;border-radius:4px;outline:1px dashed transparent;outline-offset:5px;overflow-wrap:anywhere;white-space:pre-wrap}
.editable-title:hover{outline-color:var(--ns-line,#b6bcb0)}
.editable-title:focus{outline:2px solid var(--ns-accent,#e45c34);background:var(--ns-card,#fff)}
.title-edit-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px;font-size:11px;color:var(--ns-sub,#727a72)}
.title-edit-tools button{padding:5px 9px;font-size:11px;min-height:28px;border:1px solid var(--ns-line,#dfe3da);border-radius:5px;cursor:pointer}
.brand-library[data-brand-kind=logos] .intro.hero .ns-page-intro{display:inline-block;margin-right:16px!important;vertical-align:middle}
.company-editor{display:inline-flex;gap:8px 12px;align-items:center;flex-wrap:wrap;margin-top:10px;vertical-align:middle;font-size:12px}
.company-editor label{display:flex;align-items:center;gap:8px;color:var(--ns-ink)}
.company-editor input{width:180px;max-width:100%;padding:9px 10px;border:1px solid var(--ns-line);border-radius:6px;font:inherit}
.company-editor button{font:inherit;padding:9px 10px;border:1px solid var(--ns-line);border-radius:6px}
#company-status{font-size:11px;color:var(--ns-sub)}
@media(max-width:600px){.company-editor{display:flex}.company-editor label{width:100%}.company-editor input{flex:1;min-width:0}}
/* Compact introduction keeps the editable title close to the catalog. */
.brand-library[data-brand-kind=logos] #ns-sub-header{margin-bottom:6px}
.brand-library[data-brand-kind=logos] .intro.hero{padding:8px 0 16px!important}
.brand-library[data-brand-kind=logos] .intro.hero .ns-page-overline{margin:4px 0 6px!important}
.brand-library[data-brand-kind=logos] .intro.hero .ns-page-heading{font-size:32px!important;line-height:1.2!important;margin:8px 0 10px!important;letter-spacing:-1px!important}
.brand-library[data-brand-kind=logos] .intro.hero .ns-page-heading br{display:none}
.brand-library[data-brand-kind=logos] .intro.hero .ns-page-heading em{margin-left:.3em}
.brand-library[data-brand-kind=logos] .intro.hero .ns-page-intro{margin:0!important;font-size:12px!important;line-height:1.6!important}
.brand-library[data-brand-kind=logos] .title-edit-tools{margin-top:8px}
.brand-library[data-brand-kind=logos] .catalog .result{margin:10px 0!important}
.brand-library[data-brand-kind=logos] .intro.hero .ns-page-intro{margin-right:16px!important}
@media(max-width:600px){
 .brand-library[data-brand-kind=logos] .intro.hero .ns-page-heading{font-size:25px!important}
 .brand-library[data-brand-kind=logos] .intro.hero .ns-page-heading em{display:inline-block;margin-left:0;margin-right:.3em}
 .brand-library[data-brand-kind=logos] .intro.hero{padding-bottom:12px!important}
}