/*
 * Kalanjiyam components
 * Palette from the Tamil temple wall and the olai manuscript:
 *   ink (lamp-black stylus ink), kumkum (temple kaavi stripe), turmeric,
 *   granite, paper, stone.
 * The one bold device is the kaavi stripe – red/white bands that mark
 * the masthead, page headers and footer. Everything else stays quiet.
 */
:root {
	--kj-ink: #1b2238;
	--kj-ink-2: #2a3352;
	--kj-kumkum: #9b1b30;
	--kj-kumkum-dark: #7a1526;
	--kj-turmeric: #c98a12;
	--kj-granite: #4a4f57;
	--kj-paper: #ffffff;
	--kj-stone: #eef0f3;
	--kj-line: #d5d9e0;
	--kj-font-display: "Noto Serif Tamil", "Latha", "Nirmala UI", Georgia, serif;
	--kj-font-body: "Hind Madurai", "Latha", "Nirmala UI", system-ui, sans-serif;
	--kj-measure: 72ch;
	--kj-band-pad: clamp(48px, 7vw, 96px);
	--kj-kaavi: repeating-linear-gradient(90deg, var(--kj-kumkum) 0 18px, #fff 18px 36px);
}

/* ---------- Type ---------- */
.kj-band,
.kj-current,
.kj-facts,
.kj-issues,
.kj-papers,
.kj-board,
.kj-news,
.kj-contact,
.kj-article-meta,
.kj-toc-list {
	font-family: var(--kj-font-body);
	color: var(--kj-granite);
}
.kj-band h1,
.kj-band h2,
.kj-band h3,
.kj-band .elementor-heading-title,
.kj-band .elementor-icon-box-title,
.kj-current__title,
.kj-issue__title,
.kj-person__name,
.kj-toc-list h2,
.kj-article-meta h2 {
	font-family: var(--kj-font-display);
	color: var(--kj-ink);
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
}
.kj-band h2.elementor-heading-title,
.kj-band .kj-prose h2 { font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.1rem); font-weight: 700; margin: 0 0 .6em; }
.kj-band h3 { font-size: 1.15rem; font-weight: 700; }
[lang="ta"] { line-height: 1.85; }
.kj-ta-inline {
	display: block;
	font-size: .62em;
	font-weight: 500;
	color: var(--kj-kumkum);
	margin-top: .25em;
}
.kj-intro p { max-width: var(--kj-measure); font-size: 1.05rem; }

/* ---------- Bands (Elementor containers) ---------- */
.e-con.kj-band {
	--padding-top: var(--kj-band-pad);
	--padding-bottom: var(--kj-band-pad);
	--padding-left: clamp(16px, 4vw, 32px);
	--padding-right: clamp(16px, 4vw, 32px);
	position: relative;
	background: var(--kj-paper);
}
.e-con.kj-band--stone { background: var(--kj-stone); }
.e-con.kj-band--ink { background: var(--kj-ink); color: #e6e8ef; }
.e-con.kj-band--ink h1,
.e-con.kj-band--ink h2,
.e-con.kj-band--ink h3,
.e-con.kj-band--ink .elementor-heading-title { color: #fff; }
.e-con.kj-band--ink a:not(.elementor-button):not(.kj-btn) { color: #f3d48e; }
.e-con.kj-band--kumkum { background: var(--kj-kumkum); color: #fbeff1; }
.e-con.kj-band--kumkum h2,
.e-con.kj-band--kumkum .elementor-heading-title { color: #fff; }

.kj-kaavi,
.e-con.kj-masthead::after,
.e-con.kj-page-header::after,
.e-con.kj-footer::before {
	content: "";
	display: block;
	height: 10px;
	background: var(--kj-kaavi);
}
.e-con.kj-masthead::after,
.e-con.kj-page-header::after,
.e-con.kj-footer::before {
	position: absolute;
	left: 0;
	right: 0;
}
.e-con.kj-masthead::after,
.e-con.kj-page-header::after { bottom: 0; }
.e-con.kj-page-header::after { height: 6px; }
.e-con.kj-footer::before { top: 0; }

/* ---------- Masthead ---------- */
.kj-masthead__grid { align-items: center; }
.kj-masthead__title .elementor-heading-title,
h1.kj-masthead__title { margin: 0; }
.kj-masthead .kj-ta {
	display: block;
	font-family: var(--kj-font-display);
	font-size: clamp(3rem, 2rem + 6vw, 6.25rem);
	font-weight: 700;
	line-height: 1.15;
	color: #fff;
}
.kj-masthead .kj-en {
	display: block;
	margin-top: .35em;
	font-family: var(--kj-font-body);
	font-size: clamp(1.05rem, .9rem + .6vw, 1.4rem);
	font-weight: 600;
	color: #f3d48e;
}
.kj-masthead__text p { max-width: 52ch; font-size: 1.05rem; color: #d7dbe6; }
.kj-masthead__ta { font-size: 1.15rem !important; color: #fff !important; }
.kj-masthead__issn .kj-issn {
	display: inline-block;
	border: 1px solid rgba(255, 255, 255, .35);
	padding: .3em .8em;
	color: #fff;
}

/* ---------- Page header ---------- */
.kj-page-header .kj-page-title .elementor-heading-title,
h1.kj-page-title { margin: 0; }
.kj-page-header .kj-en {
	display: block;
	font-size: clamp(2rem, 1.4rem + 2.4vw, 3.2rem);
	font-weight: 700;
}
.kj-page-header .kj-ta {
	display: block;
	font-size: clamp(1.1rem, .9rem + .8vw, 1.5rem);
	font-weight: 500;
	color: #f3d48e;
	margin-top: .3em;
}
.kj-lede p { max-width: 60ch; font-size: 1.1rem; color: #d7dbe6; margin: .8em 0 0; }
.kj-crumbs { font-size: .9rem; color: #b9bfcf; margin-bottom: 1rem; }
.kj-crumbs a { color: #e6e8ef !important; text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Prose ---------- */
.kj-prose { max-width: var(--kj-measure); font-size: 1.04rem; line-height: 1.75; }
.kj-prose h2 { margin-top: 1.8em !important; }
.kj-prose h2:first-child { margin-top: 0 !important; }
.kj-prose h2 span[lang="ta"] { font-size: .7em; color: var(--kj-kumkum); font-weight: 500; }
.kj-prose a { color: var(--kj-kumkum); text-decoration: underline; text-underline-offset: 3px; }
.kj-prose ul, .kj-prose ol { padding-left: 1.3em; }
.kj-prose li { margin: .3em 0; }
.kj-split { align-items: start; grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr) !important; }
@media (max-width: 1024px) { .kj-split { grid-template-columns: 1fr !important; } }
.kj-col-aside { position: sticky; top: 100px; gap: 16px; }
.kj-table-wrap { overflow-x: auto; }
.kj-table { width: 100%; border-collapse: collapse; font-size: .97rem; }
.kj-table th, .kj-table td { text-align: left; padding: .6em .8em; border-bottom: 1px solid var(--kj-line); vertical-align: top; }
.kj-table thead th { background: var(--kj-stone); color: var(--kj-ink); }
.kj-checklist { list-style: none; padding-left: 0 !important; }
.kj-checklist li::before { content: "☐"; color: var(--kj-kumkum); margin-right: .6em; }
.kj-toc ol { padding-left: 1.2em; }
.kj-toc a { color: var(--kj-ink); }

/* ---------- Buttons ---------- */
.kj-btn .elementor-button,
a.kj-btn {
	display: inline-block;
	font-family: var(--kj-font-body);
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
	padding: .85em 1.4em;
	border-radius: 2px;
	border: 2px solid transparent;
	text-decoration: none !important;
	transition: background-color .15s ease, color .15s ease;
}
.kj-btn--primary .elementor-button,
a.kj-btn--primary { background: var(--kj-kumkum); color: #fff !important; }
.kj-btn--primary .elementor-button:hover,
a.kj-btn--primary:hover { background: var(--kj-kumkum-dark); }
.kj-band--kumkum .kj-btn--primary .elementor-button { background: #fff; color: var(--kj-kumkum) !important; }
.kj-btn--ghost .elementor-button,
a.kj-btn--ghost { background: transparent; border-color: currentColor; color: inherit; }
.kj-band--ink .kj-btn--ghost .elementor-button,
.kj-band--kumkum .kj-btn--ghost .elementor-button { color: #fff; }
.kj-btn--link .elementor-button,
a.kj-btn--link { background: none; padding: .4em 0; color: var(--kj-kumkum); text-decoration: underline !important; text-underline-offset: 4px; }
.kj-btn--sm .elementor-button,
a.kj-btn--sm { padding: .55em 1em; font-size: .92rem; }
.kj-btn .elementor-button:focus-visible,
a.kj-btn:focus-visible,
.kj-band a:focus-visible { outline: 3px solid var(--kj-turmeric); outline-offset: 2px; }

/* ---------- Current issue card ---------- */
.kj-current {
	background: var(--kj-paper);
	border-top: 6px solid var(--kj-kumkum);
	padding: 24px 24px 20px;
	box-shadow: 0 1px 0 var(--kj-line);
}
.kj-masthead .kj-current { color: var(--kj-granite); }
.e-con.kj-band--ink .kj-current .kj-current__title a { color: var(--kj-ink); }
.e-con.kj-band--ink .kj-current .kj-current__doi a,
.e-con.kj-band--ink .kj-current .kj-current__ojs a { color: var(--kj-kumkum); }
.e-con.kj-band--ink .kj-current a.kj-btn--ghost { color: var(--kj-ink); }
.kj-current__label { font-size: .9rem; color: var(--kj-kumkum); font-weight: 600; margin: 0 0 .5em; }
.kj-current__label span { color: var(--kj-granite); font-weight: 500; }
.kj-current__title { font-size: 1.35rem; margin: 0 0 .3em; }
.kj-current__title a { color: var(--kj-ink); text-decoration: none; }
.kj-current__meta, .kj-current__doi { margin: 0 0 .4em; }
.kj-current__doi a, .kj-current__ojs a { color: var(--kj-kumkum) !important; word-break: break-all; }
.kj-current__actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 1em 0; }
.kj-current__cover img { max-width: 160px; height: auto; margin-bottom: 1em; border: 1px solid var(--kj-line); }

/* ---------- Facts ---------- */
.kj-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 0; }
.kj-facts__item { padding: 14px 18px; border-left: 3px solid var(--kj-turmeric); }
.kj-facts dt { font-size: .85rem; font-weight: 600; color: var(--kj-ink); margin: 0; }
.kj-facts dt span { font-weight: 500; color: var(--kj-granite); margin-left: .3em; }
.kj-facts dd { margin: .2em 0 0; font-size: .98rem; }
.kj-facts--stack { grid-template-columns: 1fr; gap: 6px; background: var(--kj-stone); padding: 12px 0; }
@media (max-width: 1024px) { .kj-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 12px; } }
@media (max-width: 560px) { .kj-facts { grid-template-columns: 1fr; } }

/* ---------- Research areas (ruled grid, not cards) ---------- */
.kj-scope-grid { border-top: 1px solid var(--kj-line); border-left: 1px solid var(--kj-line); margin-top: 24px; }
.kj-scope-item { border-right: 1px solid var(--kj-line); border-bottom: 1px solid var(--kj-line); padding: 24px 20px; }
.kj-scope-item .elementor-icon-box-wrapper { text-align: left !important; }
.kj-scope-item .elementor-icon { color: var(--kj-kumkum) !important; fill: var(--kj-kumkum); font-size: 26px !important; }
.kj-scope-item .elementor-icon-box-title { font-size: 1.05rem !important; margin: .6em 0 .2em !important; }
.kj-scope-item .elementor-icon-box-description { color: var(--kj-granite); font-size: .95rem; }

/* ---------- Features ---------- */
.kj-feature .elementor-icon-box-wrapper { text-align: left !important; }
.kj-feature .elementor-icon { color: var(--kj-kumkum) !important; fill: var(--kj-kumkum); font-size: 28px !important; }
.kj-feature .elementor-icon-box-title { font-size: 1.15rem !important; margin: .5em 0 .3em !important; }
.kj-feature .elementor-icon-box-description span[lang="ta"] { color: var(--kj-kumkum); font-size: .92rem; }

/* ---------- Workflow (a real sequence, so numbered) ---------- */
.kj-steps { counter-reset: none; margin-top: 24px; }
.kj-step { position: relative; padding-top: 12px; border-top: 2px solid var(--kj-ink); }
.kj-step__n {
	display: block;
	font-family: var(--kj-font-display);
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1;
	color: var(--kj-turmeric);
	margin-bottom: .2em;
}
.kj-step h3 { margin: 0 0 .3em; font-size: 1.1rem; }
.kj-step h3 span { display: block; font-size: .85em; font-weight: 500; color: var(--kj-kumkum); }
.kj-step p { margin: 0; }
.kj-steps-list { list-style: none; padding: 0; margin: 1.5em 0; counter-reset: kjstep; display: grid; gap: 20px; }
.kj-steps-list li { counter-increment: kjstep; padding: 12px 0 0 3.4rem; border-top: 2px solid var(--kj-ink); position: relative; }
.kj-steps-list li::before { content: counter(kjstep); position: absolute; left: 0; top: 10px; font-family: var(--kj-font-display); font-size: 2rem; font-weight: 700; color: var(--kj-turmeric); }
.kj-steps-list h3 { margin: 0 0 .2em; font-size: 1.1rem; }
.kj-steps-list h3 span { color: var(--kj-kumkum); font-weight: 500; font-size: .85em; margin-left: .3em; }

/* ---------- CTA ---------- */
.kj-cta p { max-width: 60ch; font-size: 1.08rem; }
.kj-btn-row { --flex-wrap: wrap; }

/* ---------- Issues ---------- */
.kj-issues {
	list-style: none;
	padding: 0;
	margin: 1.5em 0;
	display: grid;
	grid-template-columns: repeat(var(--kj-cols, 4), minmax(0, 1fr));
	gap: 28px 24px;
}
@media (max-width: 1024px) { .kj-issues { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .kj-issues { grid-template-columns: 1fr; } }
.kj-issue { border-top: 3px solid var(--kj-ink); padding-top: 12px; }
.kj-issue__cover img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border: 1px solid var(--kj-line); margin-bottom: 10px; }
.kj-issue__title { font-size: 1.1rem; margin: 0 0 .2em; }
.kj-issue__title a { color: var(--kj-ink); text-decoration: none; }
.kj-issue__title a:hover { color: var(--kj-kumkum); }
.kj-issue__meta { margin: 0 0 .3em; font-size: .95rem; }
.kj-issue__theme { font-style: italic; margin: 0 0 .3em; }
.kj-issue__pdf { color: var(--kj-kumkum); font-weight: 600; }

/* ---------- Papers / news ---------- */
.kj-papers, .kj-news { list-style: none; padding: 0; margin: 1em 0; }
.kj-paper { padding: 16px 0; border-bottom: 1px solid var(--kj-line); }
.kj-paper__title { font-size: 1.12rem; margin: 0; }
.kj-paper__title a { color: var(--kj-ink); text-decoration: none; }
.kj-paper__title a:hover { color: var(--kj-kumkum); }
.kj-paper__en { margin: .2em 0 0; font-style: italic; }
.kj-paper__meta { margin: .3em 0 0; font-size: .92rem; }
.kj-news { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
@media (max-width: 900px) { .kj-news { grid-template-columns: 1fr; } }
.kj-news__item time { font-size: .88rem; color: var(--kj-kumkum); font-weight: 600; }
.kj-news__item h3 { font-size: 1.12rem; margin: .3em 0; }
.kj-news__item h3 a { color: var(--kj-ink); text-decoration: none; }
.kj-news__item h3 a:hover { text-decoration: underline; }

/* ---------- Editorial board ---------- */
.kj-board { list-style: none; padding: 0; margin: 1.2em 0 2em; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 32px; }
.kj-board--advisory, .kj-board--technical { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 28px; }
@media (max-width: 900px) { .kj-board, .kj-board--advisory, .kj-board--technical { grid-template-columns: 1fr; } }
.kj-person { border-left: 3px solid var(--kj-turmeric); padding-left: 16px; }
.kj-person__role { font-size: .88rem; font-weight: 600; color: var(--kj-kumkum); margin: 0; }
.kj-person__name { font-size: 1.12rem; margin: .1em 0 .2em; }
.kj-person__quals, .kj-person__affil, .kj-person__contact { margin: 0; font-size: .95rem; }
.kj-person__contact a { color: var(--kj-kumkum); }

/* ---------- Indexing ---------- */
.kj-index { list-style: none; padding: 0; margin: 1em 0; display: flex; flex-wrap: wrap; gap: 12px; }
.kj-index__item a, .kj-index__item { display: inline-block; padding: .6em 1em; background: var(--kj-paper); border: 1px solid var(--kj-line); color: var(--kj-ink); text-decoration: none; font-weight: 600; }
.kj-index__item a:hover { border-color: var(--kj-kumkum); color: var(--kj-kumkum); }

/* ---------- Contact / forms / downloads ---------- */
.kj-contact address { font-style: normal; font-size: 1.05rem; line-height: 1.7; margin-bottom: 1em; }
.kj-contact dl { margin: 0; display: grid; gap: 8px; }
.kj-contact dl div { display: grid; grid-template-columns: 9rem 1fr; gap: 12px; }
.kj-contact dt { font-weight: 600; color: var(--kj-ink); }
.kj-contact dd { margin: 0; }
.kj-contact a { color: var(--kj-kumkum); word-break: break-word; }
.kj-contact--compact dl div { grid-template-columns: 1fr; gap: 0; }
.kj-band--ink .kj-contact, .kj-band--ink .kj-contact dt { color: #e6e8ef; }
.kj-band--ink .kj-contact a { color: #f3d48e; }
.kj-social { list-style: none; padding: 0; display: flex; gap: 16px; margin-top: 1em; }
.kj-form { margin: 2em 0; padding: 24px; background: var(--kj-stone); border-top: 4px solid var(--kj-ink); }
.kj-form h2 { margin-top: 0 !important; }
.kj-downloads { background: var(--kj-stone); padding: 16px 20px; }
.kj-downloads h3 { margin: 0 0 .5em; font-size: 1rem; }
.kj-downloads ul { margin: 0; padding-left: 1.1em; }
.kj-empty { padding: 16px 20px; background: var(--kj-stone); border-left: 3px solid var(--kj-turmeric); }

/* ---------- Issue TOC / article metadata ---------- */
.kj-toc-list { margin: 2em 0; }
.kj-toc-list ol { padding-left: 1.4em; }
.kj-toc-list li { padding: 12px 0; border-bottom: 1px solid var(--kj-line); }
.kj-toc-list h3 { margin: 0; font-size: 1.08rem; color: var(--kj-ink); }
.kj-toc-list__meta, .kj-toc-list__links { margin: .3em 0 0; font-size: .94rem; }
.kj-toc-list__links a { color: var(--kj-kumkum); }
.kj-article-meta { background: var(--kj-stone); padding: 20px 24px; margin: 0 0 2em; border-top: 4px solid var(--kj-kumkum); }
.kj-article-meta__en { font-size: 1.15rem; font-style: italic; margin-top: 0; }
.kj-article-meta__authors { list-style: none; padding: 0; }
.kj-article-meta__links a { color: var(--kj-kumkum); }
.kj-orcid { font-size: .8em; padding: 0 .4em; border: 1px solid #a6ce39; color: #4f6b10 !important; text-decoration: none; }

/* ---------- FAQ accordion ---------- */
.kj-faq .elementor-accordion-item { border: 0 !important; border-bottom: 1px solid var(--kj-line) !important; }
.kj-faq .elementor-tab-title { padding: 18px 0 !important; font-family: var(--kj-font-body); font-weight: 600; }
.kj-faq .elementor-tab-title a { color: var(--kj-ink) !important; }
.kj-faq .elementor-tab-content { padding: 0 0 18px !important; border: 0 !important; }

/* ---------- Footer (Elementor Pro template) ---------- */
.kj-footer { font-size: .95rem; }
.kj-footer h3 { font-size: 1rem !important; color: #fff !important; }
.kj-footer ul { list-style: none; padding: 0; margin: 0; }
.kj-footer li { margin: .35em 0; }
.kj-footer a { color: #e6e8ef !important; }
.kj-footer__brand { font-family: var(--kj-font-display); font-size: 1.2rem; color: #fff; }
.kj-footer__brand span { font-size: 1.6rem; }
.kj-footer__legal { margin-top: 32px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .15); font-size: .85rem; }

@media (prefers-reduced-motion: reduce) {
	.kj-btn .elementor-button, a.kj-btn { transition: none; }
}
@media print {
	.e-con.kj-band { --padding-top: 12px; --padding-bottom: 12px; background: #fff !important; color: #000 !important; }
	.kj-masthead::after, .kj-page-header::after, .kj-footer::before, .kj-btn-row { display: none !important; }
}