:root {--brand-accent: #1e4c80}
html[data-theme="dark"] {--brand-accent: #6ea6e8}
/* Website logos follow the current page; standalone uses keep the blue identity. */
:is(.brand-logo, .footer-logo) path:nth-child(2) {fill: var(--active-color, var(--brand-accent))}

/* The complete logo retains its real name for screen readers and copying. */
.ninety-inline {font-weight: 600; color: inherit; white-space: nowrap}
@supports (mask-image: url("ninety-index-inline.svg?v=4")) or (-webkit-mask-image: url("ninety-index-inline.svg?v=4")) {
  .ninety-inline {
    display: inline-block; position: relative;
    width: 2.6059em; height: 1.0639em;
    /* Align the ninety baseline with prose; INDEX sits closely beneath it. */
    vertical-align: -.3745em;
    line-height: 1; letter-spacing: 0;
    color: transparent; overflow: hidden;
  }
  .ninety-inline::before, .ninety-inline::after {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background-color: #242424;
    -webkit-mask: url("ninety-index-inline.svg?v=4") center / contain no-repeat;
    mask: url("ninety-index-inline.svg?v=4") center / contain no-repeat;
  }
  .ninety-inline::after {
    background-color: var(--active-color, var(--brand-accent, #1e4c80));
    -webkit-mask-image: url("ninety-index-signature.svg?v=4");
    mask-image: url("ninety-index-signature.svg?v=4");
  }
}
@media print, (forced-colors: active) {
  .ninety-inline {
    display: inline; width: auto; height: auto; min-width: 0; min-height: 0;
    vertical-align: baseline; color: inherit; overflow: visible;
  }
  .ninety-inline::before, .ninety-inline::after {display: none}
}