/* 個人簡歷、專欄文章、課程演講、團體工作坊共用品牌主題 */
:is(
  body[data-page="about"],
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) {
  --coral: #6b2f38;
  --coral-dark: #4f222a;
  --coral-soft: #f2dfde;
  --gold: #c58f26;
  --gold-dark: #9b6c17;
  --gold-soft: #e9c98f;
  --cream: #fcfaf8;
  --ink: #3c3436;
  --muted: #74676a;
  --line: #eadccd;
  --white: #fffdfb;
  --shadow: 0 20px 55px rgba(107, 47, 56, .10);
  --shadow-sm: 0 12px 32px rgba(107, 47, 56, .07);
  color: var(--ink);
  background:
    radial-gradient(ellipse at 8% 5%, rgba(242, 223, 222, .42), transparent 24%),
    #fcfaf8;
}

:is(
  body[data-page="about"],
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) h1,
:is(
  body[data-page="about"],
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) h2,
:is(
  body[data-page="about"],
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) h3 {
  color: #4f222a;
  font-family: 'Noto Serif TC', 'Songti TC', serif;
}

:is(
  body[data-page="about"],
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) .site-header {
  background: rgba(252, 250, 248, .92);
  border-bottom-color: rgba(197, 143, 38, .24);
  backdrop-filter: blur(14px);
}

:is(
  body[data-page="about"],
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) .brand-mark {
  display: none;
}

:is(
  body[data-page="about"],
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) .brand-text {
  color: #c58f26;
  font-family: 'Noto Serif TC', serif;
  letter-spacing: .08em;
}

:is(
  body[data-page="about"],
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) .nav-link {
  color: #574c4e;
}

:is(
  body[data-page="about"],
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) .nav-link:hover {
  color: #6b2f38;
  background: #f2dfde;
}

:is(
  body[data-page="about"],
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) .nav-link.active {
  color: #6b2f38;
  position: relative;
}

:is(
  body[data-page="about"],
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) .nav-link.active::after {
  content: "";
  position: absolute;
  right: 11px;
  bottom: 2px;
  left: 11px;
  height: 1px;
  background: #c58f26;
}

:is(
  body[data-page="about"],
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) .header-line {
  color: #6b2f38;
  border-color: #e9c98f;
}

:is(
  body[data-page="about"],
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) .header-line:hover {
  color: #fff;
  border-color: #6b2f38;
  background: #6b2f38;
}

:is(
  body[data-page="about"],
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) .articles-hero {
  padding: 64px 0 38px;
  border-bottom: 1px solid rgba(197, 143, 38, .2);
  background:
    radial-gradient(ellipse at 85% 10%, rgba(234, 240, 243, .7), transparent 30%),
    linear-gradient(135deg, #f7edeb, #fcfaf8 58%, #f7f0e8);
}

:is(
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) .articles-hero .lead {
  color: #74676a;
  line-height: 1.9;
}

body[data-page="about"] .bio-hero {
  border-bottom-color: rgba(197, 143, 38, .22);
  background:
    radial-gradient(ellipse at 85% 8%, rgba(234, 240, 243, .7), transparent 30%),
    linear-gradient(135deg, #f7edeb, #fcfaf8 58%, #f7f0e8);
}

body[data-page="about"] .bio-intro h1 span,
body[data-page="about"] .bio-lead,
body[data-page="about"] .dot-list li,
body[data-page="about"] .train-list li,
.article-text,
.course-index-card .cic-body p {
  color: #62575a;
}

body[data-page="about"] .bio-section.alt,
.course-empty {
  background: #f8f1eb;
}

body[data-page="about"] .bio-card,
body[data-page="about"] .spec-tags span,
body[data-page="columns"] .article-card,
:is(body[data-page="courses"], body[data-page="groups"]) .course-index-card {
  border-color: rgba(197, 143, 38, .25);
  background: rgba(255, 253, 251, .94);
  box-shadow: 0 12px 32px rgba(107, 47, 56, .07);
}

body[data-page="about"] .bio-band,
:is(body[data-page="courses"], body[data-page="groups"]) .course-index-card .cic-top {
  background: linear-gradient(145deg, #6b2f38, #4f222a);
}

body[data-page="about"] .bio-band h2,
:is(body[data-page="courses"], body[data-page="groups"]) .course-index-card .cic-top h2 {
  color: #fff;
}

body[data-page="about"] .bio-band {
  border-top-color: #c58f26;
}

:is(body[data-page="courses"], body[data-page="groups"]) .course-index-card .cic-tag {
  color: #e9c98f;
}

:is(
  body[data-page="about"],
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) .btn-primary,
body[data-page="columns"] .article-toggle {
  color: #fff;
  background: #6b2f38;
}

:is(
  body[data-page="about"],
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) .btn-primary:hover,
body[data-page="columns"] .article-toggle:hover {
  background: #4f222a;
}

:is(
  body[data-page="about"],
  body[data-page="columns"],
  body[data-page="courses"],
  body[data-page="groups"]
) .site-footer {
  color: #74676a;
  border-top-color: rgba(197, 143, 38, .22);
  background: #f8f1eb;
}

@media (max-width: 1020px) {
  :is(
    body[data-page="about"],
    body[data-page="columns"],
    body[data-page="courses"],
    body[data-page="groups"]
  ) .nav-menu {
    background: #fcfaf8;
  }
}