/* One compact wordmark keeps the Library name readable beside mobile search. */
a.library-logo {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  vertical-align: middle;
  background: none;
  color: var(--accent, #e8a040);
  -webkit-text-fill-color: currentColor;
  text-decoration: none;
}
.library-wordmark {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  font-weight: 800;
  line-height: 1.05;
  white-space: nowrap;
}
.library-wordmark .library-wordmark-sub {
  font-family: inherit;
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .17em;
  color: inherit;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  a.h-logo.library-logo { font-size: 18px; }
  .header .h-search { min-width: 0; }
  /* These tools repeat the full tool title immediately below the header. */
  a.logo.library-logo > span[style] { display: none; }
}

/* The homepage explains the Library name without widening other page headers. */
a.library-logo--described {
  gap: 8px;
  min-height: 44px;
}
.library-logo--described .library-logo-symbol {
  font-size: 23px;
  line-height: 1;
}
.library-logo--described .library-wordmark {
  gap: 3px;
}
.library-logo--described .library-wordmark-name {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.025em;
}
.library-logo--described .library-wordmark-library {
  color: #ecd1a3;
  font-weight: 600;
}
.library-logo--described .library-wordmark-tagline {
  color: #c5bdaf;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .12em;
}
a.library-logo--described:focus-visible {
  outline: 2px solid var(--accent2, #f0c060);
  outline-offset: 3px;
  border-radius: 4px;
}
@media (max-width: 600px) {
  .header--library { padding: 0 12px; gap: 10px; }
  .library-logo--described .library-wordmark-name { font-size: 16px; }
  .library-logo--described .library-logo-symbol { font-size: 20px; }
  .header--library .h-search input { padding-right: 10px; padding-left: 30px; }
  .header--library .h-search-icon { left: 10px; font-size: 14px; }
}
@media (max-width: 360px) {
  .library-logo--described .library-logo-symbol { display: none; }
}
