/* Company credit remains secondary to Unicorn. Both names are live text;
   the geometric company mark is a scalable inline vector. */
.bering-signature {
  --bering-red: #ff7478;
  --bering-green: #91e7b3;
  --bering-divider: #35503f;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
  color: var(--bering-red);
  text-align: left;
}
.bering-mark {
  display: block;
  flex: 0 0 28px;
  width: 28px;
  height: auto;
  aspect-ratio: 100 / 88;
  overflow: visible;
  fill: currentColor;
  color: var(--bering-green);
}
.bering-signature-copy {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
.bering-signature-cn {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 10px;
  font-weight: 550;
  line-height: 1.5;
  letter-spacing: .06em;
  overflow-wrap: anywhere;
}
.bering-signature-en {
  display: grid;
  gap: 1px;
  font-family: "Unicorn Display", var(--blader-mono, monospace);
  font-size: 14px;
  font-weight: 400;
  /* Small live type needs intact strokes; surface texture supplies the CRT feel. */
  font-variation-settings: "BLED" 10, "SCAN" 0;
  line-height: 1.12;
  letter-spacing: .04em;
}
.bering-signature-en > span { display: block; }
.sidebar-foot > .bering-signature--sidebar {
  margin-top: 9px;
  padding-top: 14px;
  border-top: 1px solid var(--bering-divider);
}
.bering-signature--auth {
  --bering-red: #a12c40;
  --bering-green: #276d44;
  --bering-divider: #c4dfcd;
  width: 100%;
  margin-top: 13px;
  padding-top: 17px;
  border-top: 1px solid var(--bering-divider);
  gap: 12px;
}
.bering-signature--auth .bering-mark { flex-basis: 32px; width: 32px; }
.bering-signature--auth .bering-signature-cn { font-size: 11px; }
.bering-signature--auth .bering-signature-en { font-size: 14px; }
.bering-signature--archive {
  justify-content: center;
  width: 100%;
  margin-top: 7px;
  padding-top: 24px;
  border-top: 1px solid var(--bering-divider);
  gap: 14px;
}
.bering-signature--archive .bering-mark { flex-basis: 42px; width: 42px; }
.bering-signature--archive .bering-signature-copy { gap: 7px; }
.bering-signature--archive .bering-signature-cn { font-size: 12px; }
.bering-signature--archive .bering-signature-en { font-size: 18px; }

/* Glow follows the existing display preference; no motion or hit-area layer. */
html:not([data-unicorn-crt="off"]) :is(.bering-signature--sidebar, .bering-signature--archive) .bering-mark {
  filter: drop-shadow(0 0 3px rgb(108 248 162 / .18));
}
html:not([data-unicorn-crt="off"]) :is(.bering-signature--sidebar, .bering-signature--archive) .bering-signature-en {
  text-shadow: 0 0 6px rgb(255 75 85 / .18);
}
html[data-unicorn-crt="studio"] .bering-signature--archive .bering-mark {
  filter: drop-shadow(0 0 5px rgb(108 248 162 / .3));
}
html[data-unicorn-crt="studio"] .bering-signature--archive .bering-signature-en {
  text-shadow: 0 0 7px rgb(255 75 85 / .28);
}
@media (max-width: 680px) {
  .bering-signature--archive {
    width: min(250px, 100%);
    margin-top: 8px;
    padding-top: 15px;
    gap: 12px;
  }
  .bering-signature--archive .bering-mark { flex-basis: 33px; width: 33px; }
  .bering-signature--archive .bering-signature-cn { font-size: 11px; }
  .bering-signature--archive .bering-signature-en { font-size: 16px; }
}
@media (forced-colors: active) {
  .bering-signature {
    forced-color-adjust: auto;
    --bering-red: CanvasText;
    --bering-green: CanvasText;
    --bering-divider: CanvasText;
  }
  html:not([data-unicorn-crt="off"]) .bering-signature .bering-mark { filter: none; }
  html:not([data-unicorn-crt="off"]) .bering-signature .bering-signature-en { text-shadow: none; }
}
@media print {
  .bering-signature {
    --bering-red: #000;
    --bering-green: #000;
    --bering-divider: #999;
    break-inside: avoid;
  }
  html:not([data-unicorn-crt="off"]) .bering-signature .bering-mark { filter: none; }
  html:not([data-unicorn-crt="off"]) .bering-signature .bering-signature-en { text-shadow: none; }
}
