/* Shared Cupertino-style symbols and product marks for feature and release lists. */
.feature-point-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:30px;
  color:var(--ink,#0B0B0B);
}

.feature-point-icon svg{
  display:block;
  width:22px;
  height:22px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}

.feature-point-icon svg.feature-brand-icon{
  width:20px;
  height:22px;
  overflow:visible;
  fill:currentColor;
  stroke:none;
}

.feature-point-icon--pair{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:3px;
}

.feature-point-icon--pair svg,
.feature-point-icon--pair svg.feature-brand-icon{
  width:15px;
  height:20px;
}

/* Recognisable product marks are the one exception to the ink above: each
   keeps its own identity color, following that vendor's palette. The Apple
   mark flips black to white in dark mode as Apple's guidelines require. */
.feature-point-icon svg.feature-brand-icon--excel{
  color:var(--brand-excel,#107C41);
}

.feature-point-icon svg.feature-brand-icon--pdf{
  color:var(--brand-pdf,#C8221C);
}

.feature-point-icon svg.feature-brand-icon--apple{
  color:var(--brand-apple,#000000);
}

html[data-theme="dark"] .feature-point-icon svg.feature-brand-icon--excel{
  color:var(--brand-excel-dark,#21A366);
}

html[data-theme="dark"] .feature-point-icon svg.feature-brand-icon--pdf{
  color:var(--brand-pdf-dark,#E8453C);
}

html[data-theme="dark"] .feature-point-icon svg.feature-brand-icon--apple{
  color:var(--brand-apple-dark,#FFFFFF);
}