/* Demo skin — Capital Review (finance & policy · grid Dossier · single 13 "Dossier")
   Briefing-file headers on a faint ledger ground, numbered memo rows,
   square navy controls, ruled serif comments and monochrome portrait rings. */
html[data-demo="capital"] {
	--cr-acc: var(--accent); --cr-rule: var(--text-main);
	--sk-radius: 0px; --sk-field-radius: 0px; --sk-btn-radius: 0px;
	--sk-head-align: left;
	--sk-head-bg: color-mix(in srgb, var(--accent) 4%, var(--bg-body));
	--sk-label-font: 'Inter', var(--font-body), sans-serif; --sk-label-size: 11px; --sk-label-ls: 2.2px; --sk-label-weight: 800;
	--sk-title-weight: 900; --sk-title-ls: -0.025em; --sk-btn-tt: uppercase; --sk-btn-ls: 1.4px;
	--sk-soft: color-mix(in srgb, var(--accent) 4%, var(--bg-body));
}
html[data-demo="capital"][data-theme="dark"] { --cr-acc: color-mix(in srgb, var(--accent) 70%, #ffffff); --cr-rule: color-mix(in srgb, var(--text-main) 70%, transparent); --sk-head-bg: color-mix(in srgb, var(--accent) 8%, var(--bg-body)); --sk-soft: color-mix(in srgb, var(--accent) 8%, var(--bg-body)); }

/* ---------- Archive / author header: briefing file ---------- */
html[data-demo="capital"] .archive-header {
	padding: 54px 24px 50px;
	background-image: repeating-linear-gradient(180deg, transparent 0 31px, color-mix(in srgb, var(--accent) 7%, transparent) 31px 32px);
}
html[data-demo="capital"] .archive-header .container,
html[data-demo="capital"] .author-profile-wrapper { padding: 26px 0 30px; border-top: 4px double var(--cr-rule); border-bottom: 1px solid var(--cr-rule); }
html[data-demo="capital"] .archive-header .container::after { content: 'Capital Review \00b7  Briefing'; position: absolute; top: 28px; right: 0; color: var(--text-muted); font: 700 10.5px/1 'Inter', sans-serif; letter-spacing: 2px; text-transform: uppercase; }
html[data-demo="capital"] .archive-label { gap: 10px; padding: 7px 10px; border: 1px solid var(--cr-acc); color: var(--cr-acc); }
html[data-demo="capital"] .archive-label::before { content: ''; width: 8px; height: 8px; background: var(--cr-acc); opacity: 1; }
html[data-demo="capital"] .archive-label::after { display: none; }
html[data-demo="capital"] .archive-title { margin-bottom: 18px; }
html[data-demo="capital"] .archive-tag-prefix,
html[data-demo="capital"] .archive-query { color: var(--cr-acc); }
html[data-demo="capital"] .archive-desc { max-width: 720px; margin: 0; padding-left: 16px; border-left: 3px solid var(--cr-acc); font-family: 'Merriweather', Georgia, serif; font-size: 1.05rem; font-style: italic; font-weight: 300; line-height: 1.7; }
html[data-demo="capital"] .archive-header .vt-circle-img { margin-left: 0; border-radius: 0; box-shadow: 0 0 0 1px var(--cr-rule); }
html[data-demo="capital"] .author-role { background: var(--accent-fill, var(--accent)); color: var(--on-accent-fill, #fff); }
html[data-demo="capital"] .author-avatar { border-radius: 0; box-shadow: 0 0 0 1px var(--cr-rule), 6px 6px 0 color-mix(in srgb, var(--accent) 22%, transparent); }

/* ---------- Classic list rows: numbered memos ---------- */
html[data-demo="capital"] .classic-wide-container { counter-reset: crmemo; border-top: 2px solid var(--cr-rule); }
html[data-demo="capital"] .classic-article-row { counter-increment: crmemo; padding: 28px 0; }
html[data-demo="capital"] .classic-article-row:last-child { border-bottom: 1px solid var(--cr-rule); }
html[data-demo="capital"] .classic-meta-time { flex-basis: 92px; color: var(--text-muted); font: 600 11px/1.5 'Inter', sans-serif; letter-spacing: .8px; text-transform: uppercase; }
html[data-demo="capital"] .classic-meta-time::before { content: counter(crmemo, decimal-leading-zero); display: block; margin-bottom: 8px; color: var(--cr-acc); font: 900 2rem/1 'Merriweather', Georgia, serif; letter-spacing: -1px; }
html[data-demo="capital"] .classic-article-row .headline { font-weight: 900; letter-spacing: -.4px; line-height: 1.3; }
html[data-demo="capital"] .classic-article-row .headline a { background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .35s; }
html[data-demo="capital"] .classic-article-row .headline a:hover { color: var(--cr-acc); background-size: 100% 1px; }
html[data-demo="capital"] .classic-content .abstract { font-family: 'Merriweather', Georgia, serif; font-size: .95rem; line-height: 1.75; }
html[data-demo="capital"] .classic-thumb { flex-basis: 240px; overflow: hidden; border-radius: 0; filter: saturate(.8); transition: filter .3s; }
html[data-demo="capital"] .classic-article-row:hover .classic-thumb { filter: none; }
html[data-demo="capital"] .category-tag { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; color: var(--cr-acc); font-size: 10.5px; font-weight: 800; letter-spacing: 1.8px; text-transform: uppercase; }
html[data-demo="capital"] .category-tag::before { content: ''; width: 16px; height: 1px; background: currentColor; }
html[data-demo="capital"] .card-cat { color: var(--cr-acc); letter-spacing: 1.4px; }

/* ---------- Load more / pagination ---------- */
html[data-demo="capital"] .load-more-btn { padding: 14px 30px; border: 1px solid var(--cr-rule); background: transparent; color: var(--text-main); font-size: 12px; }
html[data-demo="capital"] .load-more-btn:hover { border-color: var(--accent); background: var(--accent-fill, var(--accent)); color: var(--on-accent-fill, #fff); }
html[data-demo="capital"] .ep-pagination.numeric-pagination a,
html[data-demo="capital"] .ep-pagination.numeric-pagination span { border-color: var(--border); background: transparent; font-family: 'Merriweather', Georgia, serif; font-weight: 900; }
html[data-demo="capital"] .ep-pagination.numeric-pagination span.current { border-color: var(--accent); background: var(--accent); box-shadow: none; }

/* ---------- Comments ---------- */
html[data-demo="capital"] .comments-area { border: 0; border-top: 4px double var(--cr-rule); background: transparent; box-shadow: none; padding-left: 0; padding-right: 0; }
html[data-demo="capital"] .comments-title,
html[data-demo="capital"] .comment-reply-title { font-family: 'Merriweather', Georgia, serif; font-weight: 900; }
html[data-demo="capital"] .comments-title::after,
html[data-demo="capital"] .comment-reply-title::after { width: 36px; height: 3px; border-top: 0; background: var(--accent); }
html[data-demo="capital"] .comment-content-wrap { border: 0; border-left: 3px solid var(--cr-acc); border-radius: 0; background: var(--sk-soft); }
html[data-demo="capital"] .comment-author { font-family: 'Merriweather', Georgia, serif; font-weight: 900; }
html[data-demo="capital"] .comment-text p { font-family: 'Merriweather', Georgia, serif; font-size: .95rem; line-height: 1.75; }
html[data-demo="capital"] .comment-avatar img { border-radius: 0; box-shadow: 0 0 0 1px var(--cr-rule); }
html[data-demo="capital"] .comment-form textarea,
html[data-demo="capital"] .comment-form input[type="text"],
html[data-demo="capital"] .comment-form input[type="email"],
html[data-demo="capital"] .comment-form input[type="url"],
html[data-demo="capital"] #commentform textarea,
html[data-demo="capital"] #commentform input[type="text"],
html[data-demo="capital"] #commentform input[type="email"] { border: 1px solid var(--border); border-bottom: 2px solid var(--cr-rule); background: var(--bg-body); }
html[data-demo="capital"] .submit-btn { padding: 15px 30px; background: var(--cm-btn-bg, var(--accent)); color: var(--cm-btn-text, var(--on-accent-fill, #fff)); font-size: 12px; }
html[data-demo="capital"] .submit-btn:hover { box-shadow: 4px 4px 0 var(--cr-rule); transform: translate(-2px, -2px); }

/* ---------- Visual taxonomy index: monochrome portraits ---------- */
html[data-demo="capital"] .vt-circle-img { padding: 5px; border: 1px solid var(--cr-rule); background: var(--bg-body); box-shadow: none; }
html[data-demo="capital"] .vt-circle-img img { border-radius: 50%; filter: grayscale(1) contrast(1.05); transition: filter .35s; }
html[data-demo="capital"] .vt-grid-circle a:hover .vt-circle-img { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent); }
html[data-demo="capital"] .vt-grid-circle a:hover .vt-circle-img img { filter: none; }
html[data-demo="capital"] .vt-grid-circle h3 { font-family: 'Merriweather', Georgia, serif; font-weight: 900; }
html[data-demo="capital"] .vt-grid-circle h3::after { content: ''; display: block; width: 18px; height: 2px; margin: 8px auto 0; background: var(--accent); }

@media (max-width: 768px) {
	html[data-demo="capital"] .archive-header { padding: 34px 20px 36px !important; }
	html[data-demo="capital"] .archive-header .container::after { display: none; }
}
@media (max-width: 600px) {
	html[data-demo="capital"] .classic-meta-time { display: flex; align-items: baseline; gap: 10px; }
	html[data-demo="capital"] .classic-meta-time::before { margin: 0; font-size: 1.4rem; }
	html[data-demo="capital"] .classic-thumb { flex-basis: auto; }
}