/*
 * Aathiyoga components
 * Palette: night-sky indigo (meditation), tulsi green (herbal medicine),
 *   turmeric gold. Token names are shared with the Kalanjiyam build.
 * The one bold device is the mala-bead band under the masthead, page
 * headers and above the footer. Everything else stays quiet.
 */
:root {
	--ay-ink: #16324a;
	--ay-ink-2: #24476a;
	--ay-kumkum: #2e6b4f;
	--ay-kumkum-dark: #22533c;
	--ay-turmeric: #c7951a;
	--ay-granite: #4a4f57;
	--ay-paper: #ffffff;
	--ay-stone: #eef3ef;
	--ay-line: #d3ddd6;
	--ay-font-display: "Spectral", "Noto Serif Tamil", "Latha", Georgia, serif;
	--ay-font-body: "Mukta Malar", "Latha", "Nirmala UI", system-ui, sans-serif;
	--ay-measure: 72ch;
	--ay-band-pad: clamp(48px, 7vw, 96px);
	--ay-kaavi: radial-gradient(circle at 9px 5px, #c7951a 3px, transparent 3.6px) 0 0 / 18px 10px repeat-x, #16324a;
}

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

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

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

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

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

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

/* ---------- Buttons ---------- */
.ay-btn .elementor-button,
a.ay-btn {
	display: inline-block;
	font-family: var(--ay-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;
}
.ay-btn--primary .elementor-button,
a.ay-btn--primary { background: var(--ay-kumkum); color: #fff !important; }
.ay-btn--primary .elementor-button:hover,
a.ay-btn--primary:hover { background: var(--ay-kumkum-dark); }
.ay-band--kumkum .ay-btn--primary .elementor-button { background: #fff; color: var(--ay-kumkum) !important; }
.ay-btn--ghost .elementor-button,
a.ay-btn--ghost { background: transparent; border-color: currentColor; color: inherit; }
.ay-band--ink .ay-btn--ghost .elementor-button,
.ay-band--kumkum .ay-btn--ghost .elementor-button { color: #fff; }
.ay-btn--link .elementor-button,
a.ay-btn--link { background: none; padding: .4em 0; color: var(--ay-kumkum); text-decoration: underline !important; text-underline-offset: 4px; }
.ay-btn--sm .elementor-button,
a.ay-btn--sm { padding: .55em 1em; font-size: .92rem; }
.ay-btn .elementor-button:focus-visible,
a.ay-btn:focus-visible,
.ay-band a:focus-visible { outline: 3px solid var(--ay-turmeric); outline-offset: 2px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ---------- Footer (Elementor Pro template) ---------- */
.ay-footer { font-size: .95rem; }
.ay-footer h3 { font-size: 1rem !important; color: #fff !important; }
.ay-footer ul { list-style: none; padding: 0; margin: 0; }
.ay-footer li { margin: .35em 0; }
.ay-footer a { color: #e6e8ef !important; }
.ay-footer__brand { font-family: var(--ay-font-display); font-size: 1.2rem; color: #fff; }
.ay-footer__brand span { font-size: 1.6rem; }
.ay-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) {
	.ay-btn .elementor-button, a.ay-btn { transition: none; }
}
@media print {
	.e-con.ay-band { --padding-top: 12px; --padding-bottom: 12px; background: #fff !important; color: #000 !important; }
	.ay-masthead::after, .ay-page-header::after, .ay-footer::before, .ay-btn-row { display: none !important; }
}