/* Global shared paint-server sprite (Logo10xDefs.vue). MUST NOT be
   display:none - Blink does not build SVG paint servers inside a
   display:none subtree, which silently makes every gradient-filled logo
   that references a shared id paint as fill:none (invisible). Zero-size
   absolute keeps the defs in the render tree while taking no layout space.
   See FIXES/249. */
.logo-10x-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

.logo-10x {
  display: inline-block;
  line-height: 0;
}

.logo-10x svg {
  display: block;
  height: 100%;
  width: auto;
  line-height: inherit;

}

/* Inline variant for use within text - rendered as a true inline so it
   sits inside a text flow without forcing its own line box. */
.logo-10x-inline {
  display: inline;
  line-height: inherit;
}

.logo-10x-inline svg {
  display: inline;
  /* Sized so the logo's cap-height matches surrounding text (~0.8em cap).
     Paired with .logo-10x-architect-inline at 1.05em: the architect mark has
     a taller cap-fraction within its viewBox, so it needs a smaller box to
     render at the same visual height. Do not bump one without the other. */
  height: 1.1em;
  width: auto;
  vertical-align: middle;
}

/* Partial "10x"-only mark (no "Developer" text, no terminal icon). */
.logo-10x-mark {
  display: inline-block;
  line-height: 0;
}

.logo-10x-mark svg {
  display: block;
  height: 100%;
  width: auto;
}

/* Inline variant matched to surrounding text cap-height. */
.logo-10x-mark-inline {
  display: inline-flex;
  align-items: center;
  line-height: inherit;
  vertical-align: baseline;
}

.logo-10x-mark-inline svg {
  display: inline-block;
  height: 0.9em;
  width: auto;
  vertical-align: -0.12em;
}