/*
 * The Plumbline lockup (shared/_brand.html.erb), used by every layout: console, sign-in, rater page, API docs
 * and homepage. Sizes follow the font size of the element it sits in. Classes are prefixed pl- because the
 * console's layout links every stylesheet.
 */
a.pl-brand[class], .pl-brand { display: inline-flex; align-items: center; gap: .4em; color: var(--ink); text-decoration: none; line-height: 1; }
.pl-brand .pl-bob { width: auto; height: 1.5em; flex: none; overflow: visible; }
.pl-bob-ink { fill: currentColor; }
.pl-bob-fill { fill: var(--bob); stroke: var(--bob-stroke); }
.pl-wordmark { font-family: var(--f-display); font-weight: 800; font-size: 1.12em; letter-spacing: -.035em; }
.pl-endorsed-rule { width: 1px; align-self: stretch; background: var(--rule); margin-inline: .35em; }
.pl-endorsed { display: grid; gap: .1em; font-family: var(--f-body); font-size: .62em; line-height: 1.1; color: var(--muted); font-weight: 400; }
.pl-endorsed b { color: var(--ink); font-size: 1.45em; font-weight: 600; letter-spacing: -.01em; }