@import url("/ui/text-selection.css");
/* Shared action focus: clicks stay clean; keyboard focus uses an inset underline.
   These declarations intentionally replace legacy page-level focus halos without
   changing resting borders, hover states, input focus, or focus management. */
body :is(a[href],button,summary,[role="button"],[role="tab"],[role="menuitem"],input[type="button"],input[type="submit"],input[type="reset"]):focus{outline:none!important;box-shadow:none!important}
body :is(a[href],button,summary,[role="button"],[role="tab"],[role="menuitem"],input[type="button"],input[type="submit"],input[type="reset"]):focus-visible{box-shadow:inset 0 -3px 0 currentColor!important}
@media(forced-colors:active){body :is(a[href],button,summary,[role="button"],[role="tab"],[role="menuitem"],input[type="button"],input[type="submit"],input[type="reset"]):focus-visible{outline:2px solid Highlight!important;outline-offset:2px}}
/* An image paints over inset shadows. Keep image actions visibly focused for
   keyboard use without adding a click/tap halo or changing their resting style. */
body :is(button,a[href]):has(>img):focus-visible{outline:3px solid #075fdc!important;outline-offset:3px;box-shadow:0 0 0 3px #fff!important}
@media(forced-colors:active){body :is(button,a[href]):has(>img):focus-visible{outline-color:Highlight!important;box-shadow:none!important}}
/* One sizing contract for public, console, and secure Mementom wordmarks.
   Explicit image dimensions override legacy icon-only header rules. */
.brand:is(.brand--keyring,.brand--wordmark){display:block;width:var(--wordmark-width,12.5rem)!important;max-width:100%;min-width:0;line-height:0;grid-template-columns:none;flex-shrink:0}
.brand:is(.brand--keyring,.brand--wordmark) img{display:block;width:100%!important;height:auto!important;max-height:none;filter:none;object-fit:contain}
.site-footer .brand:is(.brand--keyring,.brand--wordmark) img{filter:brightness(0) invert(1)}
.demo-header .brand.brand--wordmark{--wordmark-width:12.5rem}
.mementom-wordmark-link{text-decoration:none;display:block;flex-shrink:0}
.mementom-insignia.mementom-insignia--wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}
.mementom-insignia--wordmark>img{width:9rem!important;height:auto!important;max-height:none}
@media(max-width:600px){.demo-header .brand.brand--wordmark{--wordmark-width:9.5rem}}
@media(max-width:380px){.brand:is(.brand--keyring,.brand--wordmark){--wordmark-width:9.5rem}.demo-header .brand.brand--wordmark{--wordmark-width:8.5rem}}

.our-story-page .site-footer .brand:is(.brand--keyring,.brand--wordmark) img{filter:none}