/* Jarayan 10.7 — stable homepage cards, restrained typography and clean responsive layout */

/* ---------- Shared section headings ---------- */
.jarayan-home-guidance,
.jarayan-home-content-pair{
	position:relative;
	isolation:isolate;
	padding-block:clamp(48px,5.5vw,72px);
	overflow:hidden;
}
.jarayan-home-guidance{
	background:linear-gradient(180deg,#f7fafc 0%,#ffffff 100%);
}
.jarayan-home-content-pair{
	background:linear-gradient(180deg,#ffffff 0%,#f8fafb 100%);
}
.jarayan-home-guidance .container,
.jarayan-home-content-pair .container{
	max-width:1160px;
}
.jarayan-guidance-heading,
.jarayan-content-pair-heading{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:28px;
	margin-bottom:24px;
}
.jarayan-guidance-heading>div,
.jarayan-content-pair-heading>div{
	max-width:610px;
}
.jarayan-guidance-heading .eyebrow,
.jarayan-content-pair-heading .eyebrow{
	font-size:.72rem;
	line-height:1.7;
}
.jarayan-guidance-heading h2,
.jarayan-content-pair-heading h2{
	margin:.3rem 0 0 !important;
	font-size:clamp(1.35rem,2.1vw,1.85rem) !important;
	font-weight:850;
	line-height:1.55;
	letter-spacing:-.018em;
}
.jarayan-guidance-heading>p,
.jarayan-content-pair-heading>p{
	max-width:440px;
	margin:0;
	color:var(--muted);
	font-size:.88rem;
	line-height:1.9;
}

/* ---------- Process + FAQ ---------- */
.jarayan-guidance-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:22px;
	align-items:stretch;
}
.jarayan-guidance-grid.is-single{
	grid-template-columns:minmax(0,620px);
	justify-content:center;
}
.jarayan-guidance-card{
	position:relative;
	display:flex;
	min-width:0;
	min-height:520px;
	flex-direction:column;
	gap:16px;
	padding:26px;
	border:1px solid rgba(16,33,47,.09);
	border-radius:26px;
	background:#fff;
	box-shadow:0 18px 50px rgba(16,33,47,.07);
	overflow:hidden;
}
.jarayan-guidance-card::before{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
	opacity:.75;
}
.jarayan-guidance-card--process::before{
	background:radial-gradient(circle at 92% 8%,rgba(15,134,197,.09),transparent 28%);
}
.jarayan-guidance-card--faq::before{
	background:radial-gradient(circle at 8% 8%,rgba(107,163,116,.09),transparent 29%);
}
.jarayan-guidance-card>*{
	position:relative;
	z-index:1;
}
.jarayan-guidance-card__header{
	display:grid;
	grid-template-columns:46px minmax(0,1fr);
	align-items:center;
	gap:12px;
	padding-bottom:15px;
	border-bottom:1px solid rgba(16,33,47,.08);
}
.jarayan-guidance-card__icon{
	display:grid;
	place-items:center;
	width:46px;
	height:46px;
	border-radius:15px;
	background:#eef8fc;
	color:#0f86c5;
}
.jarayan-guidance-card--faq .jarayan-guidance-card__icon{
	background:#eef7ef;
	color:#4f8b5b;
}
.jarayan-guidance-card__icon svg{
	width:21px;
	height:21px;
}
.jarayan-guidance-card__header small{
	display:block;
	margin-bottom:2px;
	color:var(--accent-dark);
	font-size:.68rem;
	font-weight:850;
	line-height:1.6;
}
.jarayan-guidance-card--faq .jarayan-guidance-card__header small{
	color:#4f8b5b;
}
.jarayan-guidance-card__header h2{
	margin:0 !important;
	color:var(--ink) !important;
	font-size:1.02rem !important;
	font-weight:850;
	line-height:1.65;
}
.jarayan-guidance-card__lead{
	margin:0;
	color:var(--muted);
	font-size:.84rem;
	line-height:1.9;
}
.jarayan-treatment-steps{
	position:relative;
	display:grid;
	gap:9px;
	margin:0;
	padding:0;
	list-style:none;
}
.jarayan-treatment-steps::before{
	content:"";
	position:absolute;
	top:25px;
	bottom:25px;
	right:18px;
	width:1px;
	background:linear-gradient(#8ed3ec,rgba(142,211,236,.15));
}
.jarayan-treatment-steps li{
	position:relative;
	display:grid;
	grid-template-columns:38px minmax(0,1fr);
	gap:11px;
	align-items:start;
	padding:11px 12px;
	border:1px solid rgba(15,134,197,.09);
	border-radius:15px;
	background:#fbfdfe;
}
.jarayan-treatment-steps li>span{
	display:grid;
	place-items:center;
	width:36px;
	height:36px;
	border-radius:12px;
	background:#eaf7fc;
	color:#0878ae;
	font-size:.76rem;
	font-weight:900;
}
.jarayan-treatment-steps strong{
	display:block;
	margin:1px 0 2px;
	color:var(--ink);
	font-size:.82rem;
	line-height:1.65;
}
.jarayan-treatment-steps p{
	margin:0;
	color:var(--muted);
	font-size:.72rem;
	line-height:1.75;
}
.jarayan-guidance-card__footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	margin-top:auto;
	padding-top:14px;
	border-top:1px solid rgba(16,33,47,.08);
}
.jarayan-guidance-card__footer>span{
	display:inline-flex;
	align-items:center;
	gap:7px;
	max-width:260px;
	color:var(--muted);
	font-size:.69rem;
	font-weight:700;
	line-height:1.7;
}
.jarayan-guidance-card__footer>span svg{
	flex:0 0 auto;
	width:15px;
	height:15px;
	color:#0f86c5;
}
.jarayan-guidance-card__footer .button{
	min-height:40px;
	padding:8px 13px;
	font-size:.72rem;
}
.jarayan-faq-compact{
	display:grid;
	gap:9px;
}
.jarayan-faq-compact details{
	border:1px solid rgba(16,33,47,.09);
	border-radius:15px;
	background:#fff;
	overflow:hidden;
}
.jarayan-faq-compact details[open]{
	border-color:rgba(79,139,91,.24);
	box-shadow:0 9px 24px rgba(44,86,52,.055);
}
.jarayan-faq-compact summary{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	min-height:49px;
	padding:11px 13px;
	color:var(--ink);
	font-size:.78rem;
	font-weight:800;
	line-height:1.7;
	cursor:pointer;
	list-style:none;
}
.jarayan-faq-compact summary::-webkit-details-marker{display:none}
.jarayan-faq-compact summary svg{
	flex:0 0 auto;
	width:16px;
	height:16px;
	color:#4f8b5b;
	transition:transform .2s ease;
}
.jarayan-faq-compact details[open] summary svg{transform:rotate(180deg)}
.jarayan-faq-compact details>div{
	padding:0 13px 13px;
}
.jarayan-faq-compact p{
	margin:0;
	color:var(--muted);
	font-size:.72rem;
	line-height:1.85;
}
.jarayan-guidance-contact{
	display:grid;
	grid-template-columns:38px minmax(0,1fr) 18px;
	align-items:center;
	gap:10px;
	margin-top:auto;
	padding:11px 12px;
	border:1px solid rgba(79,139,91,.18);
	border-radius:15px;
	background:#f5faf6;
	color:inherit;
	text-decoration:none;
}
.jarayan-guidance-contact>span{
	display:grid;
	place-items:center;
	width:38px;
	height:38px;
	border-radius:12px;
	background:#e5f3e8;
	color:#4f8b5b;
}
.jarayan-guidance-contact>span svg,
.jarayan-guidance-contact>svg{
	width:16px;
	height:16px;
}
.jarayan-guidance-contact small,
.jarayan-guidance-contact strong{
	display:block;
}
.jarayan-guidance-contact small{
	color:var(--muted);
	font-size:.65rem;
	line-height:1.6;
}
.jarayan-guidance-contact strong{
	margin-top:2px;
	color:var(--ink);
	font-size:.79rem;
	line-height:1.5;
}
.jarayan-guidance-contact>svg{color:#4f8b5b}

/* ---------- Learning + magazine ---------- */
.jarayan-content-pair-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:22px;
	align-items:stretch;
}
.jarayan-content-pair-grid.is-single{
	grid-template-columns:minmax(0,620px);
	justify-content:center;
}
.jarayan-content-card{
	--content-accent:#c56d38;
	--content-soft:#fff5ee;
	position:relative;
	display:flex;
	min-width:0;
	min-height:530px;
	flex-direction:column;
	gap:15px;
	padding:24px;
	border:1px solid rgba(16,33,47,.09);
	border-radius:26px;
	background:#fff;
	box-shadow:0 18px 50px rgba(16,33,47,.07);
	overflow:hidden;
}
.jarayan-content-card--magazine{
	--content-accent:#56607f;
	--content-soft:#f1f3f8;
}
.jarayan-content-card__header{
	display:grid;
	grid-template-columns:46px minmax(0,1fr);
	align-items:center;
	gap:12px;
	padding-bottom:15px;
	border-bottom:1px solid rgba(16,33,47,.08);
}
.jarayan-content-card__icon{
	display:grid;
	place-items:center;
	width:46px;
	height:46px;
	border-radius:15px;
	background:var(--content-soft);
	color:var(--content-accent);
}
.jarayan-content-card__icon svg{
	width:21px;
	height:21px;
}
.jarayan-content-card__header small{
	display:block;
	margin-bottom:2px;
	color:var(--content-accent);
	font-size:.68rem;
	font-weight:850;
	line-height:1.6;
}
.jarayan-content-card__header h2{
	margin:0 !important;
	color:var(--ink) !important;
	font-size:1.02rem !important;
	font-weight:850;
	line-height:1.65;
}
.jarayan-content-list{
	display:grid;
	grid-template-rows:minmax(0,1.55fr) minmax(0,.72fr) minmax(0,.72fr);
	gap:9px;
	min-height:0;
	flex:1;
}
.jarayan-content-item{
	display:grid;
	grid-template-columns:64px minmax(0,1fr) 28px;
	align-items:center;
	gap:10px;
	min-width:0;
	padding:9px;
	border:1px solid rgba(16,33,47,.085);
	border-radius:15px;
	background:#fff;
	color:inherit;
	text-decoration:none;
	transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.jarayan-content-item.is-featured{
	grid-template-columns:minmax(125px,34%) minmax(0,1fr) 30px;
	padding:11px;
	border-radius:18px;
	background:linear-gradient(145deg,#fff,var(--content-soft));
}
.jarayan-content-item:hover{
	transform:translateY(-2px);
	border-color:var(--content-accent);
	box-shadow:0 12px 26px rgba(16,33,47,.07);
}
.jarayan-content-item__media{
	display:grid;
	place-items:center;
	width:64px;
	height:58px;
	border-radius:12px;
	background:var(--content-soft);
	color:var(--content-accent);
	overflow:hidden;
}
.jarayan-content-item.is-featured .jarayan-content-item__media{
	width:100%;
	height:100%;
	min-height:118px;
	border-radius:14px;
}
.jarayan-content-item__media img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.jarayan-content-item__media i{
	font-style:normal;
}
.jarayan-content-item__media svg{
	width:21px;
	height:21px;
}
.jarayan-content-item__copy{
	display:grid;
	gap:3px;
	min-width:0;
}
.jarayan-content-item__copy small{
	color:var(--content-accent);
	font-size:.62rem;
	font-weight:800;
	line-height:1.6;
}
.jarayan-content-item__copy strong{
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	color:var(--ink);
	font-size:.8rem;
	font-weight:850;
	line-height:1.7;
}
.jarayan-content-item.is-featured .jarayan-content-item__copy strong{
	-webkit-line-clamp:2;
	font-size:.91rem;
	line-height:1.65;
}
.jarayan-content-item__copy p{
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	margin:0;
	color:var(--muted);
	font-size:.68rem;
	line-height:1.75;
}
.jarayan-content-item__copy em{
	display:inline-flex;
	align-items:center;
	gap:4px;
	color:var(--muted);
	font-size:.61rem;
	font-style:normal;
	font-weight:700;
	line-height:1.5;
}
.jarayan-content-item__copy em svg{
	width:12px;
	height:12px;
	color:var(--content-accent);
}
.jarayan-content-item>b{
	display:grid;
	place-items:center;
	width:28px;
	height:28px;
	border-radius:9px;
	background:var(--content-soft);
	color:var(--content-accent);
}
.jarayan-content-item>b svg{
	width:13px;
	height:13px;
}
.jarayan-content-empty{
	display:flex;
	align-items:center;
	gap:12px;
	min-height:140px;
	padding:16px;
	border:1px dashed rgba(16,33,47,.15);
	border-radius:17px;
	background:#fbfcfd;
}
.jarayan-content-empty>span{
	display:grid;
	place-items:center;
	width:42px;
	height:42px;
	border-radius:13px;
	background:var(--content-soft);
	color:var(--content-accent);
}
.jarayan-content-empty strong,
.jarayan-content-empty small{
	display:block;
}
.jarayan-content-empty strong{
	color:var(--ink);
	font-size:.8rem;
	line-height:1.65;
}
.jarayan-content-empty small{
	margin-top:3px;
	color:var(--muted);
	font-size:.68rem;
	line-height:1.7;
}
.jarayan-content-card__footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-top:auto;
	padding-top:14px;
	border-top:1px solid rgba(16,33,47,.08);
}
.jarayan-content-card__footer>span{
	display:inline-flex;
	align-items:center;
	gap:6px;
	color:var(--muted);
	font-size:.68rem;
	font-weight:700;
}
.jarayan-content-card__footer>span svg{
	width:14px;
	height:14px;
	color:var(--content-accent);
}
.jarayan-content-card__footer>a{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:8px 11px;
	border:1px solid var(--content-accent);
	border-radius:11px;
	background:var(--content-soft);
	color:var(--content-accent);
	font-size:.69rem;
	font-weight:850;
	text-decoration:none;
}
.jarayan-content-card__footer>a svg{
	width:13px;
	height:13px;
}

/* Old v10.6 blocks were replaced in PHP. Keep accidental cached duplicates hidden. */
.jarayan-home-experience-pair,
.jarayan-experience-pair-grid,
.jarayan-experience-card{
	--v107-legacy-reset:1;
}

@media (max-width:920px){
	.jarayan-guidance-heading,
	.jarayan-content-pair-heading{
		align-items:flex-start;
		flex-direction:column;
		gap:8px;
	}
	.jarayan-guidance-grid,
	.jarayan-content-pair-grid{
		grid-template-columns:minmax(0,680px);
		justify-content:center;
	}
	.jarayan-guidance-card,
	.jarayan-content-card{
		min-height:auto;
	}
}

@media (max-width:620px){
	.jarayan-home-guidance,
	.jarayan-home-content-pair{
		padding-block:42px;
	}
	.jarayan-guidance-heading,
	.jarayan-content-pair-heading{
		margin-bottom:18px;
	}
	.jarayan-guidance-heading h2,
	.jarayan-content-pair-heading h2{
		font-size:1.28rem !important;
	}
	.jarayan-guidance-heading>p,
	.jarayan-content-pair-heading>p{
		font-size:.8rem;
	}
	.jarayan-guidance-card,
	.jarayan-content-card{
		gap:13px;
		padding:18px;
		border-radius:21px;
	}
	.jarayan-guidance-card__header,
	.jarayan-content-card__header{
		grid-template-columns:42px minmax(0,1fr);
		gap:10px;
		padding-bottom:12px;
	}
	.jarayan-guidance-card__icon,
	.jarayan-content-card__icon{
		width:42px;
		height:42px;
		border-radius:13px;
	}
	.jarayan-guidance-card__header h2,
	.jarayan-content-card__header h2{
		font-size:.94rem !important;
	}
	.jarayan-treatment-steps::before{right:16px}
	.jarayan-treatment-steps li{
		grid-template-columns:34px minmax(0,1fr);
		padding:10px;
	}
	.jarayan-treatment-steps li>span{
		width:32px;
		height:32px;
	}
	.jarayan-guidance-card__footer,
	.jarayan-content-card__footer{
		align-items:stretch;
		flex-direction:column;
	}
	.jarayan-guidance-card__footer .button,
	.jarayan-content-card__footer>a{
		justify-content:center;
		width:100%;
	}
	.jarayan-content-list{
		grid-template-rows:auto;
	}
	.jarayan-content-item,
	.jarayan-content-item.is-featured{
		grid-template-columns:72px minmax(0,1fr);
		padding:8px;
	}
	.jarayan-content-item__media,
	.jarayan-content-item.is-featured .jarayan-content-item__media{
		width:72px;
		height:68px;
		min-height:68px;
	}
	.jarayan-content-item>b{display:none}
	.jarayan-content-item__copy p{display:none}
	.jarayan-content-item.is-featured .jarayan-content-item__copy strong{
		font-size:.82rem;
		-webkit-line-clamp:2;
	}
}

@media (prefers-reduced-motion:reduce){
	.jarayan-content-item,
	.jarayan-faq-compact summary svg{
		transition:none!important;
	}
}