h1.font-ibmMono {
  font-family: Helvetica, Arial, sans-serif;
}

.breadcrumb-link {
  color: #6B7280;
  text-decoration: none;
}

.breadcrumb-link:hover {
  color: #000000;
  text-decoration: underline;
  font-weight: bold;
}

.content a {
  text-decoration: none;
}

.content a:hover {
  text-decoration: underline;
}

.content p {
  text-indent: 0 !important;
}

.mt-6 {
  margin-top: 1.5rem;
}

.info-box a {
  text-decoration: underline;
  text-decoration-style: dotted;
}

.info-box:hover a {
  text-decoration: underline;
  text-decoration-style: solid;
}

article.search-result-row { border-bottom: 0.5px solid #e5e7eb; }
body.search-results .flex.flex-col > .flex.flex-col { border-top: 0.5px solid #e5e7eb; }

a.search-row-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 8px;
    text-decoration: none;
    color: inherit;
    transition: background 0.12s;
}
a.search-row-link:hover { background: #f3f4f6; }

.search-row-title { font-size: 15px; font-weight: 500; flex: 1; }

.search-row-tag {
    font-size: 11px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 4px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    flex-shrink: 0;
    background: #f1f4fd;
    color: #374151;
}
.search-row-tag.tag-intel     { background: #DC5D5F; color: #ffffff; }
.search-row-tag.tag-capital   { background: #5498F8; color: #ffffff; }
.search-row-tag.tag-access    { background: #6FCC9C; color: #ffffff; }
.search-row-tag.tag-mic       { background: #A154C9; color: #ffffff; }
.search-row-tag.tag-editorial { background: #000000; color: #ffffff; }
.search-end-marker {
    text-align: center;
    color: #9ca3af;
    font-size: 12px;
    letter-spacing: 0.08em;
    margin: 3rem 0 6rem;
    display: block;
}
.search-results-count {
    font-size: 12px;
    color: #9ca3af;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
}

/* Top nav bar: show the "Search" label and match it to CAPITAL / INTEL / ACCESS.
   Only targets links directly inside the header nav, so the
   mobile menu overlay is unaffected. */
header nav > a.menu-search > span {
  display: inline;
  text-transform: uppercase;
}

/* Force the search icon to the same 18px box as the circle icons.
   min-width/min-height must be overridden too: another stylesheet
   sets them to 40px, and a minimum always beats width/height. */
#root header nav > a.menu-search > img {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain;
}

/* Light pages: black icon normally, white icon on the black hover background */
header nav > a.menu-search.light > img.menu-icon-dark,
header nav > a.menu-search.light:hover > img.menu-icon-light {
  display: none;
}
header nav > a.menu-search.light:hover > img.menu-icon-dark {
  display: inline;
}

/* Dark pages: white icon normally, black icon on the white hover background */
header nav > a.menu-search.dark > img.menu-icon-light,
header nav > a.menu-search.dark:hover > img.menu-icon-dark {
  display: none;
}
header nav > a.menu-search.dark:hover > img.menu-icon-light {
  display: inline;
}
/* Switch to the hamburger at 740px (was 660px) so the PIRQUE logo
   never gets squeezed. Between 660px and 740px this hides the nav links,
   the grid button, the footer bar and the gold/house text, and shows the
   hamburger, the same as on phones. */
@media (min-width: 660px) and (max-width: 739.98px) {
  header nav > a[id^="menu-item-"],
  header nav > a.desktop-menu-button {
    display: none !important;
  }
  header nav > a.mobile-menu-button {
    display: flex !important;
  }
  footer > div,
  .pirque-btc-extra {
    display: none !important;
  }
}

/* Never let the logo box shrink */
header div:has(> #logo) {
  flex-shrink: 0;
}