/* Site-wide light theme — header/footer stay dark via index_v2.css */

.circler-home:has(.circler-home__page-light) {
    background: #081015;
}

.circler-home:has(.circler-home__page-light) .circler-home__footer {
    margin-top: 0;
    background: #081015;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.circler-home__page-light {
    --line: rgba(15, 23, 42, 0.1);
    --line-soft: rgba(15, 23, 42, 0.06);
    --text: #15202b;
    --muted: #64748b;
    --surface: #ffffff;
    --surface-soft: #f8fafc;
    --shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    color: var(--text);
    background: #f5f7fa;
}

/* ===== Shared typography & surfaces ===== */

.circler-home__page-light h1,
.circler-home__page-light h2,
.circler-home__page-light h3,
.circler-home__page-light .course-v2__hero-copy h1,
.circler-home__page-light .course-v2__detail-copy h1,
.circler-home__page-light .workflow-library__hero-copy h1,
.circler-home__page-light .article-library__hero-copy h1,
.circler-home__page-light .nodes-library__hero-head h1,
.circler-home__page-light .opus-v2__hero-copy h1,
.circler-home__page-light .callword-v2__hero-copy h1,
.circler-home__page-light .watermark-page__hero-copy h1,
.circler-home__page-light .workflow-detail-v2__hero-head h1,
.circler-home__page-light .article-detail-v2__hero h1 {
    color: #0f172a;
}

.circler-home__page-light [class*="__breadcrumb"],
.circler-home__page-light [class*="__eyebrow"],
.circler-home__page-light .course-v2__breadcrumb {
    color: var(--muted);
}

.circler-home__page-light [class*="__breadcrumb"] a {
    color: #475569;
}

.circler-home__page-light [class*="__hero-copy"] p,
.circler-home__page-light [class*="__detail-copy"] p,
.circler-home__page-light [class*="__hero-lead"],
.circler-home__page-light [class*="__summary"],
.circler-home__page-light .course-v2__hero-card p,
.circler-home__page-light .course-v2__library-copy p {
    color: var(--muted);
}

.circler-home__page-light [class*="__section-head"] a,
.circler-home__page-light [class*="__section-head"] h2 a {
    color: #0f766e;
}

.circler-home__page-light [class*="__section-sub"] {
    color: var(--muted);
}

.circler-home__page-light .course-v2__content-card,
.circler-home__page-light .course-v2__hero-card,
.circler-home__page-light .course-v2__side-card,
.circler-home__page-light .course-v2__catalogue-panel,
.circler-home__page-light .course-v2__library-head,
.circler-home__page-light .workflow-library__sidebar,
.circler-home__page-light .workflow-filter,
.circler-home__page-light .workflow-library__results-head,
.circler-home__page-light .article-library__card,
.circler-home__page-light .article-library__side-card,
.circler-home__page-light .article-library__featured,
.circler-home__page-light .article-detail-v2__content,
.circler-home__page-light .article-detail-v2__panel,
.circler-home__page-light .article-detail-v2__info-card,
.circler-home__page-light .nodes-library__sidebar,
.circler-home__page-light .nodes-library__card,
.circler-home__page-light .nodes-detail-v2__panel,
.circler-home__page-light .nodes-detail-v2__content,
.circler-home__page-light .nodes-detail-v2__side-card,
.circler-home__page-light .nodes-detail__panel,
.circler-home__page-light .nodes-detail__main,
.circler-home__page-light .nodes-detail__sidebar,
.circler-home__page-light .nodes-detail__side-card,
.circler-home__page-light .opus-v2__hero-head,
.circler-home__page-light .opus-v2__content-card,
.circler-home__page-light .opus-v2__side-card,
.circler-home__page-light .callword-v2__hero-card,
.circler-home__page-light .callword-v2__board,
.circler-home__page-light .callword-v2__result,
.circler-home__page-light .watermark-page__tool-card,
.circler-home__page-light .watermark-page__hero-note,
.circler-home__page-light .watermark-page__info-card,
.circler-home__page-light .workflow-detail-v2__hero,
.circler-home__page-light .workflow-detail-v2__panel,
.circler-home__page-light .workflow-detail-v2__purchase,
.circler-home__page-light .workflow-detail-v2__sidebar-card,
.circler-home__page-light .circler-home__hero-featured,
.circler-home__page-light .circler-home__panel:not(.circler-home__panel--inner) {
    border-color: var(--line) !important;
    background: var(--surface) !important;
    box-shadow: var(--shadow) !important;
}

.circler-home__page-light .course-v2__library-head {
    background: var(--surface) !important;
}

.circler-home__page-light .course-v2__sidebar,
.circler-home__page-light .course-v2__side-card,
.circler-home__page-light .course-v2__chapter-block {
    border-color: var(--line);
    background: var(--surface);
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
}

.circler-home__page-light .course-v2__hero-stats div,
.circler-home__page-light .course-v2__detail-meta span,
.circler-home__page-light .course-v2__library-stats div,
.circler-home__page-light .callword-v2__hero-metrics div,
.circler-home__page-light .watermark-page__hero-stats div,
.circler-home__page-light .opus-v2__hero-metrics div {
    border-color: var(--line);
    background: var(--surface-soft);
}

.circler-home__page-light .course-v2__hero-stats strong,
.circler-home__page-light .course-v2__library-stats strong,
.circler-home__page-light .callword-v2__hero-metrics strong,
.circler-home__page-light .watermark-page__hero-stats strong {
    color: #0f172a;
}

.circler-home__page-light .course-v2__hero-stats span,
.circler-home__page-light .course-v2__library-stats span {
    color: var(--muted);
}

.circler-home__page-light .course-v2__hero-links a,
.circler-home__page-light .course-v2__back-link {
    border-color: rgba(47, 226, 157, 0.35);
    background: rgba(47, 226, 157, 0.08);
    color: #0f766e;
}

.circler-home__page-light .course-v2__searchbox,
.circler-home__page-light .course-v2__searchbox input,
.circler-home__page-light .workflow-library__search,
.circler-home__page-light .nodes-library__search,
.circler-home__page-light .article-library__search {
    border-color: var(--line);
    background: #fff;
}

.circler-home__page-light .course-v2__searchbox input,
.circler-home__page-light .workflow-library__search input,
.circler-home__page-light .nodes-library__search input,
.circler-home__page-light .article-library__search input {
    color: var(--text);
}

.circler-home__page-light .course-v2__course-card,
.circler-home__page-light .course-v2__lesson-row,
.circler-home__page-light .course-v2__lesson-group,
.circler-home__page-light .course-v2__chapter-toggle,
.circler-home__page-light .course-v2__recommend-row,
.circler-home__page-light .course-v2__access-banner {
    border-color: var(--line);
    background: var(--surface);
}

.circler-home__page-light .course-v2__richtext,
.circler-home__page-light .article-detail-v2__richtext,
.circler-home__page-light .workflow-detail-v2__richtext,
.circler-home__page-light .nodes-detail-v2__richtext {
    color: #334155;
}

.circler-home__page-light .course-v2__richtext h2,
.circler-home__page-light .course-v2__richtext h3,
.circler-home__page-light .course-v2__richtext h4,
.circler-home__page-light .article-detail-v2__richtext h2,
.circler-home__page-light .article-detail-v2__richtext h3 {
    color: #0f172a;
}

.circler-home__page-light .course-v2__lesson-row-title,
.circler-home__page-light .course-v2__lesson-title {
    color: #0f172a;
}

.circler-home__page-light .course-v2__chapter-toggle,
.circler-home__page-light .course-v2__side-head h3 {
    color: #0f172a;
}

.circler-home__page-light .course-v2__access-banner {
    background: #fff !important;
}

.circler-home__page-light .course-v2__access-banner-copy strong {
    color: #0f172a;
}

.circler-home__page-light .course-v2__access-banner-copy p {
    color: var(--muted);
}

.circler-home__page-light .course-v2__access-btn {
    color: #0f172a;
    border-color: var(--line);
    background: var(--surface-soft);
}

.circler-home__page-light .course-v2__btn--hero-secondary,
.circler-home__page-light .circler-home__btn--hero-secondary {
    color: #0f172a;
    border-color: var(--line);
    background: #fff;
}

.circler-home__page-light .course-v2__hero--detail,
.circler-home__page-light .course-v2__hero,
.circler-home__page-light .workflow-library__hero,
.circler-home__page-light .article-library__hero,
.circler-home__page-light .nodes-library__hero,
.circler-home__page-light .opus-v2__hero,
.circler-home__page-light .callword-v2__hero,
.circler-home__page-light .watermark-page__hero {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-bottom: 1px solid var(--line-soft);
}

/* Workflow library */
.circler-home__page-light .workflow-library,
.circler-home__page-light .workflow-library__content,
.circler-home__page-light .course-v2,
.circler-home__page-light .article-library,
.circler-home__page-light .article-detail-v2__main,
.circler-home__page-light .nodes-library,
.circler-home__page-light .nodes-detail,
.circler-home__page-light .nodes-detail-v2__main,
.circler-home__page-light .opus-v2,
.circler-home__page-light .callword-v2,
.circler-home__page-light .watermark-page__main,
.circler-home__page-light .workflow-detail-v2__main {
    background: #f5f7fa;
}

.circler-home.workflow-library-page,
.circler-home.workflow-detail-v2,
.circler-home.article-library-page,
.circler-home.article-detail-v2,
.circler-home.nodes-library-page,
.circler-home.nodes-detail-v2,
.circler-home.course-v2-page,
.circler-home.opus-v2-page,
.circler-home.watermark-page,
.circler-home.callword-v2-page {
    background: #081015;
}

.circler-home__page-light .workflow-library__search input {
    color: var(--text);
}

.circler-home__page-light .workflow-library__search button,
.circler-home__page-light .workflow-filter button[type="submit"] {
    color: #07140e;
}

.circler-home__page-light .workflow-filter__group,
.circler-home__page-light .workflow-filter__chip,
.circler-home__page-light .workflow-library__sort a {
    border-color: var(--line);
    background: var(--surface-soft);
    color: #475569;
}

.circler-home__page-light .workflow-library__sort a.is-active,
.circler-home__page-light .workflow-filter__chip.is-active {
    color: #07140e;
    background: linear-gradient(135deg, #2fe29d 0%, #25c88d 100%);
    border-color: transparent;
}

.circler-home__page-light .workflow-filter__label,
.circler-home__page-light .workflow-library__results-meta {
    color: var(--muted);
}

.circler-home__page-light .workflow-detail-v2__meta span,
.circler-home__page-light .workflow-detail-v2__footnote,
.circler-home__page-light .workflow-detail-v2__sidebar-card p {
    color: var(--muted);
}

.circler-home__page-light .workflow-detail-v2__tag,
.circler-home__page-light .workflow-detail-v2__badge {
    color: #0f766e;
    background: rgba(47, 226, 157, 0.12);
}

/* Article */
.circler-home__page-light .article-library__filter {
    border-color: var(--line);
    background: var(--surface-soft);
    color: #475569;
}

.circler-home__page-light .article-library__filter.is-active {
    color: #07140e;
}

.circler-home__page-light .article-library__card h3 a,
.circler-home__page-light .article-library__featured h2 a,
.circler-home__page-light .article-library__hot-title {
    color: #0f172a;
}

.circler-home__page-light .article-library__card p,
.circler-home__page-light .article-library__meta,
.circler-home__page-light .article-library__hot-views,
.circler-home__page-light .article-detail-v2__meta {
    color: var(--muted);
}

.circler-home__page-light .article-library__side-head h3,
.circler-home__page-light .article-detail-v2__panel-head h2 {
    color: #0f172a;
}

.circler-home__page-light .article-library__cta {
    border-color: var(--line);
    background: var(--surface);
}

.circler-home__page-light .article-library__cta p {
    color: var(--muted);
}

.circler-home__page-light .article-detail-v2__related-row .article-detail-v2__related-body strong {
    color: #0f172a;
}

.circler-home__page-light .article-detail-v2__related-row .article-detail-v2__related-body p {
    color: var(--muted);
}

/* Nodes */
.circler-home__page-light .nodes-library__sidebar a,
.circler-home__page-light .nodes-library__filter-chip {
    color: #475569;
    border-color: var(--line);
    background: var(--surface-soft);
}

.circler-home__page-light .nodes-library__sidebar a.is-active,
.circler-home__page-light .nodes-library__filter-chip.is-active {
    color: #0f766e;
    background: rgba(47, 226, 157, 0.12);
}

.circler-home__page-light .nodes-library__card h3 a,
.circler-home__page-light .nodes-detail-v2__hero h1,
.circler-home__page-light .nodes-detail__intro h1,
.circler-home__page-light .nodes-detail__section-head h2 {
    color: #0f172a;
}

.circler-home__page-light .nodes-library__card p,
.circler-home__page-light .nodes-library__card-meta,
.circler-home__page-light .nodes-detail-v2__summary,
.circler-home__page-light .nodes-detail__intro p,
.circler-home__page-light .nodes-detail__meta,
.circler-home__page-light .nodes-detail__hot-item span {
    color: var(--muted);
}

.circler-home__page-light .nodes-detail__richtext,
.circler-home__page-light .nodes-detail__content-body {
    color: #334155;
}

/* Opus */
.circler-home__page-light .opus-v2__card,
.circler-home__page-light .opus-v2__filter-chip {
    border-color: var(--line);
    background: var(--surface);
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
}

.circler-home__page-light .opus-v2__card-title,
.circler-home__page-light .opus-v2__detail-copy h1 {
    color: #0f172a;
}

.circler-home__page-light .opus-v2__card-meta,
.circler-home__page-light .opus-v2__card-author-name,
.circler-home__page-light .opus-v2__author-copy p {
    color: var(--muted);
}

/* Callword & watermark */
.circler-home__page-light .callword-v2__tag,
.circler-home__page-light .callword-v2__prompt-item,
.circler-home__page-light .watermark-page__step,
.circler-home__page-light .watermark-page__upload-zone {
    border-color: var(--line);
    background: var(--surface-soft);
    color: #334155;
}

.circler-home__page-light .callword-v2__prompt-item.is-active,
.circler-home__page-light .callword-v2__tag.is-active {
    color: #0f766e;
    background: rgba(47, 226, 157, 0.1);
    border-color: rgba(47, 226, 157, 0.35);
}

.circler-home__page-light .watermark-page__eyebrow {
    border-color: var(--line);
    background: var(--surface-soft);
    color: #475569;
}

.circler-home__page-light .watermark-page__form label,
.circler-home__page-light .watermark-page__info-card h3 {
    color: #0f172a;
}

.circler-home__page-light .watermark-page__form .layui-input,
.circler-home__page-light .watermark-page__form .layui-textarea {
    color: #0f172a;
    background: #fff;
    border-color: var(--line);
}

/* ===== Homepage (existing) ===== */

.circler-home__page-light:has(> .circler-home__main) {
    background: #ffffff;
}

.circler-home__page-light:has(> .circler-home__main) .circler-home__main {
    padding: 0 0 48px;
    background: #ffffff;
}

.circler-home__page-light .circler-home__main {
    padding: 0 0 48px;
}

.circler-home__page-light .circler-home__hero {
    padding: 56px 0 40px;
    background:
        radial-gradient(circle at 85% 10%, rgba(47, 226, 157, 0.1), transparent 28%),
        #ffffff;
    border-bottom: 0;
}

.circler-home__page-light .circler-home__section--scenes {
    margin-top: 0;
    padding: 48px 0;
    background: #f3f5f7;
}

.circler-home__page-light .circler-home__hero-copy {
    padding-top: 8px;
}

.circler-home__page-light .circler-home__hero-title-sub {
    color: #334155;
}

.circler-home__page-light .circler-home__searchbox {
    max-width: 560px;
    border-color: var(--line);
    background: #fff;
    box-shadow: var(--shadow);
}

.circler-home__page-light .circler-home__searchbox input {
    color: var(--text);
}

.circler-home__page-light .circler-home__searchbox input::placeholder {
    color: #94a3b8;
}

.circler-home__page-light .circler-home__hero-stat i {
    color: #0f766e;
    background: rgba(47, 226, 157, 0.12);
}

.circler-home__page-light .circler-home__section-head h2,
.circler-home__page-light .circler-home__section-head--compact h2 {
    color: #0f172a;
}

.circler-home__page-light .circler-home__section-head a {
    color: #0f766e;
}

.circler-home__page-light .circler-home__hero-course-card,
.circler-home__page-light .circler-home__category-card,
.circler-home__page-light .circler-home__workflow-card,
.circler-home__page-light .circler-home__resource-card,
.circler-home__page-light .circler-home__opus-card,
.circler-home__page-light .circler-home__node-card,
.circler-home__page-light .circler-home__blog-card,
.circler-home__page-light .circler-home__node-sidebar {
    border-color: var(--line);
    background: var(--surface);
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
}

.circler-home__page-light .circler-home__hero-course-card:hover,
.circler-home__page-light .circler-home__category-card:hover,
.circler-home__page-light .circler-home__workflow-card:hover,
.circler-home__page-light .circler-home__resource-card:hover,
.circler-home__page-light .circler-home__blog-card:hover {
    border-color: rgba(47, 226, 157, 0.45);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.circler-home__page-light .circler-home__hero-course-body span,
.circler-home__page-light .circler-home__category-card span,
.circler-home__page-light .circler-home__resource-card span,
.circler-home__page-light .circler-home__workflow-footnote,
.circler-home__page-light .circler-home__workflow-meta-row,
.circler-home__page-light .circler-home__blog-body p,
.circler-home__page-light .circler-home__blog-stats,
.circler-home__page-light .circler-home__node-card p,
.circler-home__page-light .circler-home__node-stats {
    color: var(--muted);
}

.circler-home__page-light .circler-home__hero-course-body em,
.circler-home__page-light .circler-home__resource-card em {
    color: #0f766e;
}

.circler-home__page-light .circler-home__hero-tool-title {
    color: #0f172a;
}

.circler-home__page-light .circler-home__hero-tool-thumb {
    background: #eef2f7;
    border: 1px solid var(--line-soft);
}

.circler-home__page-light .circler-home__section {
    padding-top: 0;
}

.circler-home__page-light .circler-home__section-band {
    padding: 20px 0;
    border: 0;
}

.circler-home__page-light .circler-home__section-band--gray {
    background: #f3f5f7;
}

.circler-home__page-light .circler-home__section-band--white {
    background: #ffffff;
}

.circler-home__page-light .circler-home__section-band .circler-home__section {
    padding-top: 0;
}

.circler-home__page-light .circler-home__panel:not(.circler-home__panel--inner) {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.circler-home__page-light .circler-home__panel--inner {
    padding: 28px 32px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.circler-home__page-light .circler-home__panel--inner .circler-home__section-head {
    margin-bottom: 20px;
}

.circler-home__page-light .circler-home__section--scenes .circler-home__category-grid {
    gap: 16px;
}

.circler-home__page-light .circler-home__section--scenes .circler-home__category-card {
    background: #ffffff;
}

.circler-home__page-light .circler-home__panel--inner .circler-home__workflow-grid,
.circler-home__page-light .circler-home__panel--inner .circler-home__resource-grid,
.circler-home__page-light .circler-home__panel--inner .circler-home__opus-grid,
.circler-home__page-light .circler-home__panel--inner .circler-home__blog-grid,
.circler-home__page-light .circler-home__panel--inner .circler-home__node-layout {
    gap: 16px;
}

.circler-home__page-light .circler-home__category-card strong,
.circler-home__page-light .circler-home__resource-card strong,
.circler-home__page-light .circler-home__workflow-body h3,
.circler-home__page-light .circler-home__node-card-head h3,
.circler-home__page-light .circler-home__blog-body h3 a {
    color: #0f172a;
}

.circler-home__page-light .circler-home__workflow-tags span {
    border-color: var(--line-soft);
    background: #f8fafc;
    color: #64748b;
}

.circler-home__page-light .circler-home__node-sidebar a {
    color: #475569;
}

.circler-home__page-light .circler-home__node-sidebar a.is-active {
    color: #0f766e;
    background: rgba(47, 226, 157, 0.12);
}

.circler-home__page-light .circler-home__node-sidebar a strong {
    color: #94a3b8;
}

.circler-home__page-light .circler-home__blog-category.is-green { color: #047857; background: rgba(47, 226, 157, 0.14); }
.circler-home__page-light .circler-home__blog-category.is-blue { color: #1d4ed8; background: rgba(59, 130, 246, 0.12); }
.circler-home__page-light .circler-home__blog-category.is-amber { color: #b45309; background: rgba(245, 158, 11, 0.14); }
.circler-home__page-light .circler-home__blog-category.is-cyan { color: #0f766e; background: rgba(20, 184, 166, 0.12); }
.circler-home__page-light .circler-home__blog-category.is-red { color: #b91c1c; background: rgba(239, 68, 68, 0.12); }
.circler-home__page-light .circler-home__blog-category.is-light-green { color: #15803d; background: rgba(34, 197, 94, 0.12); }
.circler-home__page-light .circler-home__blog-category.is-slate { color: #475569; background: rgba(100, 116, 139, 0.12); }
.circler-home__page-light .circler-home__blog-category.is-teal { color: #0f766e; background: rgba(45, 212, 191, 0.12); }

.circler-home__page-light .circler-home__opus-badge {
    background: rgba(15, 23, 42, 0.72);
}

.circler-home__page-light .circler-home__resource-card span {
    max-width: none;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.circler-home__page-light .circler-home__hero-featured {
    padding: 20px;
}

.circler-home__page-light .circler-home__category-card i {
    color: #0ea5e9;
}

.circler-home__page-light .circler-home__hero-course-thumb {
    background: #eef2f7;
}

.circler-home__page-light .circler-home__node-card-head h3 a {
    color: #0f172a;
}

@media (max-width: 1024px) {
    .circler-home__page-light .circler-home__hero {
        padding-top: 36px;
    }
}

@media (max-width: 768px) {
    .circler-home__page-light .circler-home__hero-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .circler-home__page-light .circler-home__section-band {
        padding: 20px 0;
    }
}