/* ============================================================
   5Bot x 1DNA theme override
   Loaded after style.css / animations.css / mobile.css.
   Palette: bg #efefef, white, text #0a0a0a/#333/#666/#999,
   borders #d5d5d5, single accent wine #87272a.
   No absolute url() paths: this file is also served under /5bot/.
   ============================================================ */

:root {
  /* --- style.css variables --- */
  --color-primary: #87272a;
  --color-primary-dark: #6b1e21;
  --color-primary-light: #a3393c;
  --color-primary-50: rgba(135, 39, 42, 0.08);
  --color-primary-100: rgba(135, 39, 42, 0.16);
  --color-primary-900: #4a1416;

  --color-accent: #87272a;
  --color-accent-dark: #6b1e21;

  --color-gray-50: #f7f7f7;
  --color-gray-100: #efefef;
  --color-gray-200: #e2e2e2;
  --color-gray-300: #d5d5d5;
  --color-gray-400: #999999;
  --color-gray-500: #666666;
  --color-gray-600: #555555;
  --color-gray-700: #333333;
  --color-gray-800: #1f1f1f;
  --color-gray-900: #0a0a0a;

  --gradient-primary: linear-gradient(135deg, #87272a 0%, #87272a 100%);
  --gradient-hero: #efefef;
  --gradient-cta: linear-gradient(135deg, #87272a 0%, #6b1e21 100%);

  --shadow-glow: 0 0 40px rgba(0, 0, 0, 0.06);
  --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);

  --font-head: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;

  /* --- mobile.css variables --- */
  --primary: #87272a;
  --primary-dark: #6b1e21;
  --gradient: linear-gradient(135deg, #87272a 0%, #87272a 100%);
  --gray-50: #f7f7f7;
  --gray-100: #efefef;
  --gray-200: #e2e2e2;
  --gray-500: #666666;
  --gray-700: #333333;
  --gray-900: #0a0a0a;
}

::selection {
  background: rgba(135, 39, 42, 0.18);
  color: #0a0a0a;
}

/* --- Headings --- */
h1, h2,
.section-title,
.hero-title,
.cta-title,
.login-title,
.ind-hero-title,
.founder-title,
.pt-modal-title {
  font-family: var(--font-head);
  font-weight: 900;
}

/* Sub-lines inside the features h2 keep the body font (Noto SC only ships 900 here) */
.feat-t1,
.feat-t2 {
  font-family: var(--font-sans);
}

.text-gradient {
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
  color: #87272a;
}

/* Logo mark: the blue/cyan svg is swapped for a wine copy drawn as background
   (the <img> content box is collapsed to 0 by padding). */
.logo-mark,
.m-logo-mark {
  box-sizing: border-box;
  object-fit: contain;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='6' y1='4' x2='34' y2='36' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23a3393c'/%3E%3Cstop offset='1' stop-color='%236b1e21'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cline x1='20' y1='3' x2='20' y2='8' stroke='url(%23g)' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='20' cy='2.4' r='2.1' fill='url(%23g)'/%3E%3Crect x='4' y='8' width='32' height='26' rx='8' fill='url(%23g)'/%3E%3Ccircle cx='15.2' cy='20' r='2.7' fill='%23fff'/%3E%3Ccircle cx='24.8' cy='20' r='2.7' fill='%23fff'/%3E%3Cpath d='M14.2 26.4C16.4 29.2 23.6 29.2 25.8 26.4' stroke='%23fff' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.logo-mark { padding-left: 44px; }
.footer .logo-mark { padding-left: 38px; }
.m-logo-mark { padding-left: 36px; }

/* ============================================================
   BUTTONS
   ============================================================ */
.btn {
  border-radius: 999px;
}

.btn-primary {
  background: #87272a;
  color: #fff;
  border-color: #87272a;
  box-shadow: none;
}
.btn-primary:hover {
  background: #6b1e21;
  border-color: #6b1e21;
  box-shadow: 0 6px 16px rgba(135, 39, 42, 0.18);
}

.btn-outline {
  background: transparent;
  border-color: #0a0a0a;
  color: #0a0a0a;
}
.btn-outline:hover {
  background: #0a0a0a;
  border-color: #0a0a0a;
  color: #fff;
}

.btn-white {
  background: #fff;
  color: #87272a;
}

/* ============================================================
   HEADER  (1dna-style light bar + white pill nav)
   ============================================================ */
.header,
.header.scrolled {
  background: rgba(239, 239, 239, 0.85);
  -webkit-backdrop-filter: saturate(180%) blur(16px);
  backdrop-filter: saturate(180%) blur(16px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  box-shadow: none;
}

.logo-name {
  color: #0a0a0a;
}

.logo-tag {
  color: #87272a;
}

.nav {
  gap: 2px;
  background: #fff;
  border-radius: 32px;
  padding: 6px 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.nav-link {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  padding: 8px 18px;
  border-radius: 24px;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.nav-link::after {
  display: none;
}

.nav-link:hover {
  background: #efefef;
  color: #0a0a0a;
}

.nav-link.is-active,
.nav-link.is-active:hover {
  background: rgba(135, 39, 42, 0.08);
  color: #87272a;
}

.header-login {
  color: #0a0a0a !important;
  border: 1px solid #0a0a0a !important;
  background: transparent !important;
  border-radius: 999px;
}
.header-login:hover {
  background: #0a0a0a !important;
  border-color: #0a0a0a !important;
  color: #fff !important;
}

.header-cta {
  color: #fff !important;
}

.lang-switch-toggle {
  color: #333;
  border-color: #d5d5d5;
  background: #fff;
}

.lang-switch-menu {
  background: #fff;
  border: 1px solid #d5d5d5;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

.lang-switch-opt {
  color: #333;
}

.lang-switch-opt:hover {
  background: #efefef;
  color: #0a0a0a;
}

.lang-switch-opt.is-active,
.lang-btn.active {
  background: rgba(135, 39, 42, 0.08);
  color: #87272a;
}

.lang-btn {
  color: #666;
}

.mobile-menu-btn span {
  background: #0a0a0a;
}

@media (max-width: 1280px) {
  .nav { gap: 0; }
  .nav-link { padding: 8px 14px; }
}

/* Slide-out menu (nav collapses at 1080px in style.css) */
@media (max-width: 1080px) {
  .nav.open {
    top: calc(var(--header-height) - 4px);
    left: 12px;
    right: 12px;
    padding: 8px;
    gap: 2px;
    align-items: stretch;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 20px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
  }
  .nav.open .nav-link {
    padding: 12px 16px;
    font-size: 15px;
    color: #333;
    border-bottom: none;
    border-radius: 12px;
  }
  .nav.open .nav-link.is-active {
    color: #87272a;
  }
}

@media (max-width: 768px) {
  .nav.open {
    top: calc(var(--header-height) - 4px);
    left: 12px;
    right: 12px;
    padding: 8px;
    gap: 2px;
    align-items: stretch;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 20px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
  }
  .nav.open .nav-link {
    padding: 12px 16px;
    color: #333;
    border-bottom: none;
    border-radius: 12px;
  }
  .nav.open .nav-link.is-active {
    color: #87272a;
  }
}

/* ============================================================
   HERO
   ============================================================ */
.hero {
  background: #efefef;
}

.hero-grid,
.hero-glow {
  display: none;
}

.hero-tag {
  background: #fff;
  border: 1px solid #d5d5d5;
  color: #333;
  backdrop-filter: none;
}

.hero-tag-keyword {
  background: rgba(135, 39, 42, 0.08);
  border-color: rgba(135, 39, 42, 0.3);
  color: #87272a;
}

.hero-title {
  color: #0a0a0a;
}

.hero-title .text-gradient {
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: #0a0a0a;
  color: #0a0a0a;
}

.hero-ai,
.hero-title .text-gradient .hero-ai {
  color: #87272a;
  -webkit-text-fill-color: #87272a;
}

.hero-keyword { color: #666; }
.hero-keywords .hero-kw-sep { background: #87272a; }
.hero-subtitle { color: #333; }

.hero-kicker span { color: #999; }
.hero-kicker span.active { color: #0a0a0a; }
.hero-kicker span.active::after { background: #87272a; }

.hero-desc-lead { color: #0a0a0a; }

.hero-desc-sub,
html[lang="zh-CN"] .hero-desc-sub {
  color: #333;
}

.hero-desc-sub strong,
html[lang="zh-CN"] .hero-desc-sub strong {
  color: #87272a;
}

html[lang="zh-CN"] .hero-desc {
  border-left-color: #87272a;
}

.hero-stat-num { color: #0a0a0a; }
.hero-stat-plus { color: #87272a; }
.hero-stat-label { color: #666; }

/* Hero chat demo -> light card */
.hero-chat-demo.hero-chat-dark {
  background: #fff;
  border: 1px solid #e2e2e2;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.hero-chat-head {
  background: #0a0a0a;
  color: #fff;
}

.hero-chat-dark .hero-chat-messages {
  background: #f7f7f7;
}

.hero-chat-dark .hero-chat-msg.bot p {
  background: #fff;
  color: #333;
  border: 1px solid #e2e2e2;
}

.hero-chat-msg.user p {
  background: #87272a;
  color: #fff;
  box-shadow: none;
}

.hero-chat-dark .hero-chat-img-card {
  background: #fff;
  border-color: #e2e2e2;
}

.hero-chat-dark .hero-chat-img-name { color: #0a0a0a; }
.hero-chat-dark .hero-chat-img-spec { color: #999; }
.hero-chat-photo-grid img { border-color: #e2e2e2; }

.hero-chat-dark .hero-chat-typing {
  background: #fff;
  border: 1px solid #e2e2e2;
}
.hero-chat-dark .hero-chat-typing span { background: #999; }

.hero-chat-dark .hero-chat-input-area {
  background: #fff;
  border-top-color: #e2e2e2;
}

.hero-chat-dark .hero-chat-input-placeholder {
  background: #f7f7f7;
  border-color: #e2e2e2;
  color: #999;
}

.hero-chat-send-icon {
  background: #87272a;
}

/* ============================================================
   SECTIONS (shared)
   ============================================================ */
.section-tag {
  background: rgba(135, 39, 42, 0.08);
  color: #87272a;
}

.section-title { color: #0a0a0a; }
.section-desc { color: #666; }

/* ============================================================
   FEATURES
   ============================================================ */
.features,
.features.features-hero-attached {
  background: #fff;
}

.feat-t1 { color: #87272a; }
.feat-t1 > span + span::before { color: #999; }
.feat-t2 { color: #333; }
.feat-t3 { color: #0a0a0a; }
.feat-t3.text-gradient { color: #0a0a0a; -webkit-text-fill-color: #0a0a0a; }

.feature-icon-circle {
  background: #0a0a0a;
  box-shadow: none;
}

.feature-item:hover .feature-icon-circle {
  background: #87272a;
  box-shadow: none;
}

.feature-title { color: #0a0a0a; }
.feature-desc { color: #666; }

.founder-title em {
  background: none;
  -webkit-text-fill-color: #87272a;
  color: #87272a;
}

/* ============================================================
   HOW IT WORKS
   ============================================================ */
.how-it-works {
  background: #efefef;
}

.how-panel {
  background: #fff;
  border: 1px solid #e2e2e2;
  box-shadow: none;
}

.how-header {
  background: #fff;
  border-bottom: 1px solid #efefef;
}

.how-header::before {
  background: #87272a;
}

.how-header .section-tag {
  background: rgba(135, 39, 42, 0.08);
  color: #87272a;
}

.how-lead { color: #87272a; }
.how-header .section-title { color: #0a0a0a; }
.how-header .section-desc { color: #666; }

.steps {
  background: #f7f7f7;
}

.step {
  background: #fff;
  border: 1px solid #e2e2e2;
  box-shadow: none;
}

.step-number {
  background: none;
  -webkit-text-fill-color: #87272a;
  color: #87272a;
  opacity: 0.35;
}

.step-icon {
  background: #fff;
  color: #87272a;
  border: 1px solid #d5d5d5;
  box-shadow: none;
}

.step-title { color: #0a0a0a; }
.step-desc { color: #666; }

/* ============================================================
   CTA / CONTACT FORM  (light)
   ============================================================ */
.cta-section {
  background: #fff;
}

.cta-section::before {
  display: none;
}

.cta-title { color: #0a0a0a; }
.cta-desc { color: #666; }
.cta-note { color: #999; }

.form-section {
  background: #f7f7f7;
  border: 1px solid #e2e2e2;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.form-section-title {
  color: #0a0a0a;
  border-bottom-color: #e2e2e2;
}

.form-section-title svg { color: #87272a; }

.form-label { color: #333; }
.required { color: #87272a; }

.form-input {
  background: #fff;
  border: 1px solid #d5d5d5;
  color: #0a0a0a;
}

.form-input::placeholder { color: #999; }

.form-input:focus {
  background: #fff;
  border-color: #87272a;
  box-shadow: 0 0 0 3px rgba(135, 39, 42, 0.12);
}

.form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23666' stroke-width='1.5'/%3E%3C/svg%3E");
}

.form-select option {
  background: #fff;
  color: #0a0a0a;
}

.form-hint { color: #999; }

.avatar-preview {
  border-color: #d5d5d5;
  color: #999;
  background: #fff;
}
.avatar-preview:hover {
  border-color: #87272a;
  color: #87272a;
  background: #fff;
}

.form-radio { color: #333; }
.form-radio input[type="radio"] { border-color: #d5d5d5; }

.form-submit-btn,
.btn-white.form-submit-btn {
  background: #87272a;
  color: #fff;
  border-color: #87272a;
}

.form-submit-btn:hover {
  background: #6b1e21;
  border-color: #6b1e21;
  box-shadow: 0 6px 16px rgba(135, 39, 42, 0.18);
}

/* Partner / modal form (dark navy -> white) */
.pt-modal-backdrop { background: rgba(10, 10, 10, 0.5); }
.pt-modal-dialog {
  background: #fff;
  border: 1px solid #e2e2e2;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.18);
}
.pt-modal-title { color: #0a0a0a; }
.pt-modal-close { color: #666; }
.pt-modal-close:hover { color: #0a0a0a; }

/* ============================================================
   FOOTER
   ============================================================ */
.footer {
  background: #0a0a0a;
  color: rgba(255, 255, 255, 0.6);
}

.footer .logo-name,
.footer-brand .logo { color: #fff; }

.footer .logo-tag { color: #d9a0a2; }

.footer-about { color: rgba(255, 255, 255, 0.6); }

.footer-links h4,
.footer-links.footer-company h4 {
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.footer-links a,
.footer-links.footer-company a {
  color: rgba(255, 255, 255, 0.6);
}

.footer-links a:hover,
.footer-links.footer-company a:hover {
  color: #fff;
}

.footer-bottom {
  border-top-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
}

.footer-bottom a:hover { color: #fff; }

/* ============================================================
   FLOATING CHAT WIDGET (built-in, if used)
   ============================================================ */
.chat-widget-btn,
.chat-widget-send {
  background: #87272a;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.chat-widget-btn:hover { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); }
.chat-widget-header { background: #0a0a0a; }
.chat-widget-msg.user p { background: #87272a; }

/* ============================================================
   FAQ / INNER PAGES
   ============================================================ */
.fp-hero,
.ind-hero {
  background: #efefef;
}

.fp-hero-tag { color: #87272a; }
.ind-hero-title { color: #0a0a0a; }
.ind-hero-desc { color: #666; }

.faq-section {
  background: #fff;
  padding-top: 40px;
}

.faq-item {
  border-color: #e2e2e2;
}

.faq-item[open] {
  border-color: rgba(135, 39, 42, 0.35);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.faq-q { color: #0a0a0a; }
.faq-q::after { background: #efefef; color: #333; }
.faq-item[open] .faq-q::after {
  background: rgba(135, 39, 42, 0.08);
  color: #87272a;
}
.faq-a { color: #555; }

.cmp-card-main { border-color: rgba(135, 39, 42, 0.35); }
.cmp-more a { color: #87272a; }

/* ============================================================
   LOGIN
   ============================================================ */
.login-body {
  background: #efefef;
}

.login-card {
  background: #fff;
  border: 1px solid #e2e2e2;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.login-tag {
  background: rgba(135, 39, 42, 0.08);
  color: #87272a;
}

.login-title { color: #0a0a0a; }
.login-sub { color: #666; }
.login-label { color: #333; }

.login-input {
  border-color: #d5d5d5;
  color: #0a0a0a;
}

.login-input:focus {
  border-color: #87272a;
  box-shadow: 0 0 0 3px rgba(135, 39, 42, 0.12);
}

.login-submit { border-radius: 999px; }
.login-foot { color: #666; }
.login-foot a { color: #87272a; }

/* ============================================================
   MOBILE PAGE (mobile.css)
   ============================================================ */
body:has(.m-header) {
  background: #fff;
}

.m-header {
  background: rgba(239, 239, 239, 0.85);
  -webkit-backdrop-filter: saturate(180%) blur(16px);
  backdrop-filter: saturate(180%) blur(16px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.m-logo .logo-name { color: #0a0a0a; }
.m-logo .logo-tag { color: #87272a; }

.m-login-btn {
  background: #fff;
  border: 1px solid #0a0a0a;
  color: #0a0a0a;
  border-radius: 999px;
}

.m-btn-primary {
  background: #87272a;
  color: #fff;
  box-shadow: none;
}

.m-btn-outline {
  background: transparent;
  color: #0a0a0a;
  border: 1px solid #0a0a0a;
}

/* Hero */
.m-hero {
  background: #efefef;
  color: #0a0a0a;
}

.m-hero-bg { display: none; }

.m-hero-tag {
  background: rgba(135, 39, 42, 0.08);
  border: 1px solid rgba(135, 39, 42, 0.3);
  color: #87272a;
}

.m-hero-tag + .m-hero-tag {
  background: #fff;
  border-color: #d5d5d5;
  color: #333;
}

.m-hero h1 {
  font-family: var(--font-head);
  font-weight: 900;
}

.m-hero-line1,
.m-hero-line2 {
  color: #0a0a0a;
}

.m-hero .hero-ai {
  color: #87272a;
  -webkit-text-fill-color: #87272a;
}

.m-hero-desc [data-i18n-html="hero.sub"],
.m-hero-desc [data-i18n-html="hero.sub2"],
html[lang="zh-CN"] .m-hero-desc [data-i18n-html="hero.sub"],
html[lang="zh-CN"] .m-hero-desc [data-i18n-html="hero.sub2"] {
  color: #333;
}

.m-hero-desc strong,
html[lang="zh-CN"] .m-hero-desc strong {
  color: #87272a;
}

html[lang="zh-CN"] .m-hero-desc {
  border-left-color: #87272a;
}

.m-stat {
  background: #fff;
  border: 1px solid #e2e2e2;
}

.m-stat strong { color: #0a0a0a; }
.m-stat span { color: #666; }

/* Content */
.m-use h2,
.m-channels h2,
.m-steps h2,
.m-pricing h2,
.m-showcase h2,
.m-testimonials h2,
.m-contact h2,
.m-event h2 {
  font-family: var(--font-head);
  font-weight: 900;
}

.m-channels-tag {
  background: rgba(135, 39, 42, 0.08);
  color: #87272a;
}

.m-use-card {
  background: #f7f7f7;
  border: 1px solid #efefef;
}

.m-core li strong { color: #0a0a0a; }
.m-core li span { color: #666; }

/* Steps */
.m-steps { background: #efefef; }

.m-steps-panel {
  background: #fff;
  border-color: #e2e2e2;
}

.m-steps-intro {
  background: #fff;
  color: #0a0a0a;
  border-bottom: 1px solid #e2e2e2;
}

.m-steps-tag {
  background: rgba(135, 39, 42, 0.08);
  color: #87272a;
}

.m-steps-lead { color: #87272a; }
.m-steps h2 { color: #0a0a0a; }

.m-step { border-bottom-color: #efefef; }

.m-step-num {
  background: none;
  -webkit-text-fill-color: #87272a;
  color: #87272a;
  opacity: 0.4;
}

.m-step-content h3 { color: #0a0a0a; }
.m-step-content p { color: #666; }

.m-price-card-active {
  border-color: #87272a;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.m-price-badge { background: #87272a; }
.m-stars { color: #87272a; }

/* Contact form (light) */
.m-contact {
  background: #fff;
  color: #0a0a0a;
}

.m-contact-desc {
  color: #666;
  opacity: 1;
}

.m-form-section {
  background: #f7f7f7;
  border: 1px solid #e2e2e2;
}

.m-form-section h3 {
  color: #0a0a0a;
  border-bottom-color: #e2e2e2;
}

.m-form-group label { color: #333; }

.m-form-group input,
.m-form-group select,
.m-form-group textarea {
  background: #fff;
  border: 1px solid #d5d5d5;
  color: #0a0a0a;
}

.m-form-group input::placeholder,
.m-form-group textarea::placeholder {
  color: #999;
}

.m-form-group input:focus,
.m-form-group select:focus,
.m-form-group textarea:focus {
  background: #fff;
  border-color: #87272a;
  box-shadow: 0 0 0 3px rgba(135, 39, 42, 0.12);
}

.m-hint { color: #999; opacity: 1; }
.m-radio input[type="radio"] { accent-color: #87272a; }

.m-avatar-preview {
  border-color: #d5d5d5;
  color: #999;
  background: #fff;
}

.m-note { color: #999; opacity: 1; }

.m-btn-submit,
.m-btn-primary.m-btn-submit {
  background: #87272a;
  color: #fff;
  box-shadow: none;
}

/* Footer */
.m-footer {
  background: #0a0a0a;
  color: rgba(255, 255, 255, 0.6);
}

.m-footer-company {
  line-height: 1.9;
  color: rgba(255, 255, 255, 0.35);
}

.m-footer-company a,
.m-footer a {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
}

.m-footer-company a:hover,
.m-footer a:hover {
  color: #fff;
}

.m-copyright { color: rgba(255, 255, 255, 0.6); }

/* Chinese-only mobile blocks */
.m-event {
  background: #0a0a0a;
  color: #fff;
}

.m-event .m-channels-tag {
  background: rgba(255, 255, 255, 0.1);
  color: #e6b3b5;
}

.m-event-line { color: rgba(255, 255, 255, 0.85); }
.m-event-line strong { color: #e6b3b5; }
.m-shift b { color: #87272a; }

/* 1DNA / ICP credit lines (inline-styled, sometimes outside the footer) */
.brand-1dna a,
.icp-line a {
  text-decoration: none;
}
.brand-1dna a:hover,
.icp-line a:hover {
  text-decoration: underline;
}

.m-logo { color: #0a0a0a; }