/* Demo skin — Bright Minds (learning): violet + sunny yellow, Poppins, lesson-card rows, pill buttons.
   Pairs with grid-lessons + single style-20. Loaded after skin-base.css + skin-15.css. */
html[data-demo="brightminds"] {
	--sk-radius: 26px; --sk-field-radius: 16px; --sk-btn-radius: 999px;
	--sk-head-bg: color-mix(in srgb, var(--accent) 8%, var(--bg-body));
	--sk-label-font: 'Poppins', var(--font-body), sans-serif; --sk-label-size: 12.5px; --sk-label-weight: 600; --sk-label-ls: .4px; --sk-label-tt: none;
	--sk-title-weight: 800; --sk-title-ls: -0.035em; --sk-btn-tt: none; --sk-btn-ls: 0;
	--sk-soft: color-mix(in srgb, var(--accent) 6%, var(--bg-body));
	--bm-sun: #fdcf41; --bm-ink: #1e1537;
	--bm-tint: color-mix(in srgb, var(--accent) 12%, var(--bg-body));
}
html[data-demo="brightminds"][data-theme="dark"] {
	--sk-head-bg: color-mix(in srgb, var(--accent) 14%, var(--bg-body));
	--sk-soft: color-mix(in srgb, var(--accent) 9%, var(--bg-body));
	--bm-tint: color-mix(in srgb, var(--accent) 20%, var(--bg-body));
}

/* ---------- Archive header: classroom board with a sun and confetti ---------- */
html[data-demo="brightminds"] .archive-header { padding: 80px 24px 86px; border-radius: 0 0 48px 48px; }
html[data-demo="brightminds"] .archive-header::before {
	top: auto; bottom: -90px; left: -70px; width: 260px; height: 260px; filter: none;
	background: radial-gradient(circle, color-mix(in srgb, var(--accent) 26%, transparent) 0 2.5px, transparent 3px) 0 0 / 18px 18px;
}
html[data-demo="brightminds"] .archive-header::after {
	top: 34px; right: 7%; bottom: auto; width: 120px; height: 120px; filter: none;
	background: var(--bm-sun); box-shadow: 0 0 0 16px color-mix(in srgb, var(--bm-sun) 28%, transparent), 0 0 0 34px color-mix(in srgb, var(--bm-sun) 12%, transparent);
}
html[data-demo="brightminds"] .archive-label { padding: 8px 16px 8px 10px; background: var(--accent-fill, var(--accent)); color: var(--on-accent-fill, #fff); box-shadow: 0 8px 20px -8px color-mix(in srgb, var(--accent) 70%, transparent); }
html[data-demo="brightminds"] .archive-label::before { width: 18px; height: 18px; background: var(--bm-sun); }
html[data-demo="brightminds"] .archive-title { font-family: 'Poppins', var(--font-heading), sans-serif; }
html[data-demo="brightminds"] .archive-title::after { content: ''; display: block; width: 74px; height: 8px; margin: 18px auto 0; border-radius: 99px; background: var(--bm-sun); box-shadow: 86px 0 0 -1px var(--bm-tint); transform: translateX(-43px); }
html[data-demo="brightminds"] .archive-desc { font-size: 1.08rem; }
html[data-demo="brightminds"][data-theme="dark"] .archive-header::after { background: color-mix(in srgb, var(--bm-sun) 70%, #000); box-shadow: 0 0 0 16px color-mix(in srgb, var(--bm-sun) 10%, transparent), 0 0 0 34px color-mix(in srgb, var(--bm-sun) 5%, transparent); }
html[data-demo="brightminds"] .author-hero-section { border-radius: 0 0 48px 48px; }
html[data-demo="brightminds"] .author-avatar { box-shadow: 0 0 0 4px var(--bg-body), 0 0 0 7px var(--bm-sun); }

/* ---------- List rows → lesson cards ---------- */
html[data-demo="brightminds"] .classic-article-row {
	margin-bottom: 18px; padding: 16px 16px 16px 24px; border: 1.5px solid color-mix(in srgb, var(--accent) 16%, var(--border)); border-radius: 26px;
	background: var(--bg-card, var(--bg-body)); transition: border-color .25s, box-shadow .25s, transform .25s;
}
html[data-demo="brightminds"] .classic-article-row:hover { border-color: color-mix(in srgb, var(--accent) 50%, var(--border)); transform: translateY(-3px); box-shadow: 0 20px 40px -18px color-mix(in srgb, var(--accent) 40%, transparent); }
html[data-demo="brightminds"] .classic-article-row .headline { font-family: 'Poppins', var(--font-heading), sans-serif; letter-spacing: -.3px; }
html[data-demo="brightminds"] .classic-article-row .headline a:hover { color: var(--accent-text, var(--accent)); }
html[data-demo="brightminds"] .classic-meta-time span { display: inline-block; padding: 6px 11px; border-radius: 999px; background: var(--bm-sun); color: var(--bm-ink); font-weight: 600; font-size: 12px; white-space: nowrap; }
html[data-demo="brightminds"] .classic-thumb { border-radius: 18px; overflow: hidden; }
html[data-demo="brightminds"] .category-tag { padding: 5px 12px; border-radius: 999px; background: var(--bm-tint); color: var(--accent-text, var(--accent)); font-size: 12px; font-weight: 600; text-transform: none; letter-spacing: .2px; }
html[data-demo="brightminds"][data-theme="dark"] .category-tag { color: color-mix(in srgb, var(--accent) 45%, #fff); }

/* ---------- Load more + pagination: chunky pill buttons ---------- */
html[data-demo="brightminds"] .load-more-btn { padding: 13px 26px; border: 0; background: var(--accent-fill, var(--accent)); color: var(--on-accent-fill, #fff); font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 600; box-shadow: 0 6px 0 -1px color-mix(in srgb, var(--accent) 50%, #000); }
html[data-demo="brightminds"] .load-more-btn:hover { background: var(--accent); transform: translateY(3px); box-shadow: 0 3px 0 -1px color-mix(in srgb, var(--accent) 50%, #000); }
html[data-demo="brightminds"] .ep-pagination.numeric-pagination a,
html[data-demo="brightminds"] .ep-pagination.numeric-pagination span { border: 1.5px solid var(--bm-tint); background: var(--bg-body); font-weight: 600; }
html[data-demo="brightminds"] .ep-pagination.numeric-pagination a:hover { border-color: var(--accent); color: var(--accent-text, var(--accent)); }
html[data-demo="brightminds"] .ep-pagination.numeric-pagination span.current { border-color: var(--bm-sun); background: var(--bm-sun); color: var(--bm-ink); box-shadow: 0 4px 0 -1px color-mix(in srgb, var(--bm-sun) 55%, #000); }

/* ---------- Comments: friendly chat bubbles ---------- */
html[data-demo="brightminds"] .comments-area { border: 0; background: var(--sk-soft); box-shadow: none; }
html[data-demo="brightminds"] .comments-title::after,
html[data-demo="brightminds"] .comment-reply-title::after { width: 54px; height: 7px; border-radius: 99px; background: var(--bm-sun); }
html[data-demo="brightminds"] .comment-content-wrap { border: 0; border-radius: 6px 22px 22px 22px; background: var(--bg-body); box-shadow: 0 10px 24px -16px color-mix(in srgb, var(--accent) 50%, transparent); }
html[data-demo="brightminds"] .comment-avatar img { box-shadow: 0 0 0 3px var(--bm-sun); }
html[data-demo="brightminds"] .comment-reply-link { padding: 5px 12px; border-radius: 999px; background: var(--bm-tint); color: var(--accent-text, var(--accent)); font-weight: 600; }
html[data-demo="brightminds"] .comment-form textarea,
html[data-demo="brightminds"] .comment-form input[type="text"],
html[data-demo="brightminds"] .comment-form input[type="email"],
html[data-demo="brightminds"] .comment-form input[type="url"],
html[data-demo="brightminds"] #commentform textarea,
html[data-demo="brightminds"] #commentform input[type="text"],
html[data-demo="brightminds"] #commentform input[type="email"] { border: 1.5px solid transparent; background: var(--bg-body); }
html[data-demo="brightminds"] .submit-btn { padding: 14px 30px; background: var(--bm-sun); color: var(--bm-ink); font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 6px 0 -1px color-mix(in srgb, var(--bm-sun) 50%, #000); }
html[data-demo="brightminds"] .submit-btn:hover { transform: translateY(3px); box-shadow: 0 3px 0 -1px color-mix(in srgb, var(--bm-sun) 50%, #000); }

/* ---------- Taxonomy index: sticker circles ---------- */
html[data-demo="brightminds"] .vt-grid-circle .vt-circle-img { box-shadow: 0 0 0 5px var(--bg-body), 0 0 0 8px var(--bm-tint); }
html[data-demo="brightminds"] .vt-grid-circle a:nth-child(even) .vt-circle-img { box-shadow: 0 0 0 5px var(--bg-body), 0 0 0 8px color-mix(in srgb, var(--bm-sun) 55%, transparent); }
html[data-demo="brightminds"] .vt-grid-circle a:hover .vt-circle-img { box-shadow: 0 0 0 5px var(--bg-body), 0 0 0 8px var(--accent); }
html[data-demo="brightminds"] .vt-grid-circle h3 { font-family: 'Poppins', sans-serif; font-weight: 700; }

@media (max-width: 768px) {
	html[data-demo="brightminds"] .archive-header { padding: 56px 20px 60px; border-radius: 0 0 32px 32px; }
	html[data-demo="brightminds"] .archive-header::before { width: 150px; height: 150px; left: -60px; bottom: -70px; opacity: .6; }
	html[data-demo="brightminds"] .archive-header::after { width: 70px; height: 70px; right: -14px; top: 18px; }
	html[data-demo="brightminds"] .classic-article-row { padding: 14px; border-radius: 22px; }
}
@media (prefers-reduced-motion: reduce) { html[data-demo="brightminds"] .classic-article-row { transition: none; } }
html[data-demo="brightminds"][data-theme="dark"] .archive-label { color: var(--bm-ink); }
/* Dark mode: ink label on the bright accent (not on the deepened fill) */
html[data-demo="brightminds"][data-theme="dark"] .load-more-btn,
html[data-demo="brightminds"][data-theme="dark"] .load-more-btn:hover { background: var(--accent); color: var(--bm-ink); }