/* The original BAIKAL MEDIA artwork is shared by all web entry points. */
:root {
  --brand-yellow: #f7d700;
  --brand-charcoal: #202124;
  --paper: #f6f6f3;
  --ink: #252629;
  --green: #786400;
  --muted: #777975;
  --line: #e5e6e1;
  --soft: #fff9db;
}
.baike-wordmark {
  display: inline-block;
  width: 124px;
  height: 45px;
  object-fit: contain;
  padding: 6px 10px;
  border-radius: 7px;
  background: var(--brand-charcoal);
  vertical-align: middle;
  flex-shrink: 0;
  box-sizing: border-box;
}
.baike-header-brand { display: inline-flex; align-items: center; gap: 14px; }
.brand > .baike-wordmark { width: 126px; height: 45px; }
.album-wordmark { display: inline-flex; align-items: center; gap: 12px; }
.album-cover { background-color: var(--brand-charcoal); }
.album-opening-brand .baike-wordmark { width: 190px; height: 68px; }
.baike-follow-logo { width: 100px; height: auto; background: transparent; }
.baike-follow-logo .baike-wordmark { width: 100%; height: 38px; }
.primary { background: var(--brand-yellow); color: #252629; border-color: var(--brand-yellow); }
.primary:hover:not(:disabled) { background: #e8c900; color: #252629; }
.secondary { color: #444640; border-color: #dfe0d9; }
input[type="checkbox"], input[type="radio"] { accent-color: #8a7400; }
:focus-visible { outline-color: #9c8200; }
.photographer-header, .collection-header { background: #202124; color: #fff; }
.photographer-header a, .collection-header a { color: #fff; }
.platform-phone-header .baike-preview-logo {
  width: 81px;
  height: 30px;
  padding: 4px 6px;
  object-fit: contain;
  background: #202124;
  border-radius: 5px;
}
.platform-phone-tabs button.active { color: #786400; }
@media (max-width: 600px) {
  .baike-wordmark, .brand > .baike-wordmark { width: 108px; height: 40px; }
  .baike-header-brand > span { font-size: 12px; }
  .album-wordmark { font-size: 12px; gap: 8px; }
}