/* 採用済みPNGを共用。OS設定とアプリの明示テーマの両方に対応。 */
.brand-mark {
  display: inline-flex;
  flex: none;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.brand-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-mark .brand-on-dark { display: none; }
.brand-mark-tile { overflow: hidden; border-radius: 22%; }
:root.dark .brand-mark .brand-on-light { display: none; }
:root.dark .brand-mark .brand-on-dark { display: block; }
@media (prefers-color-scheme: dark) {
  :root:not(.light) .brand-mark .brand-on-light { display: none; }
  :root:not(.light) .brand-mark .brand-on-dark { display: block; }
}
.legal-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  color: inherit;
  text-decoration: none;
  font-weight: 600;
}