/* =============================================================================
   Khelo Jeeto Matka v1.5 — Royal Green Theme
   ========================================================================== */

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;}
body{
	margin:0;
	font-family:'Inter','Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
	color:#1a1f2e;
	background:#f4f9f6;
	line-height:1.55;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	background-image:
		radial-gradient(circle, rgba(13,92,58,.05) 1px, transparent 1px),
		radial-gradient(circle, rgba(212,164,55,.05) 1px, transparent 1px);
	background-size:36px 36px, 36px 36px;
	background-position:0 0, 18px 18px;
}
img,svg,video{max-width:100%;height:auto;display:block;}
a{color:var(--kjm-primary,#0d5c3a);text-decoration:none;transition:color .2s ease;}
a:hover,a:focus{color:var(--kjm-accent,#d4a437);}
button{font-family:inherit;cursor:pointer;border:0;background:transparent;color:inherit;}
table{border-collapse:collapse;width:100%;}
:focus-visible{outline:3px solid var(--kjm-accent,#d4a437);outline-offset:2px;border-radius:4px;}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px!important;height:1px!important;overflow:hidden!important;padding:0!important;border:0!important;}
.kjm-skip-link{position:absolute;top:-100px;left:0;background:var(--kjm-primary);color:#fff;padding:.75rem 1rem;z-index:9999;}
.kjm-skip-link:focus{top:0;}
.kjm-sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}

.kjm-container{width:100%;max-width:1180px;margin:0 auto;padding:0 1.25rem;}

/* =====================================================
   HEADER
   ===================================================== */
.kjm-header{
	position:sticky;top:0;z-index:100;
	background:rgba(255,255,255,.93);
	backdrop-filter:saturate(180%) blur(14px);
	-webkit-backdrop-filter:saturate(180%) blur(14px);
	border-bottom:2px solid rgba(13,92,58,.12);
	transition:padding .25s ease, box-shadow .25s ease;
	padding:.7rem 0;
}
.kjm-header.is-scrolled{
	padding:.35rem 0;
	box-shadow:0 6px 24px rgba(13,92,58,.1);
	background:rgba(255,255,255,.98);
}
.kjm-header__row{
	display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap;
}
.kjm-logo{display:flex;align-items:center;flex-shrink:0;background:transparent!important;}
.kjm-logo__img{
	height:110px;width:auto;background:transparent;
	transition:height .25s ease;
}
.kjm-header.is-scrolled .kjm-logo__img{height:72px;}

.kjm-header__clock{
	font-family:'Cinzel',Georgia,serif;
	font-size:.95rem;font-weight:700;
	color:var(--kjm-primary);letter-spacing:.02em;
	margin-left:.5rem;white-space:nowrap;
}

.kjm-nav{margin-left:auto;}
.kjm-nav__list{
	list-style:none;margin:0;padding:0;
	display:flex;gap:1.2rem;align-items:center;
}
.kjm-nav__list a{
	color:#234a38;font-weight:600;font-size:.9rem;
	letter-spacing:.01em;padding:.4rem 0;position:relative;white-space:nowrap;
}
.kjm-nav__list a::after{
	content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
	background:var(--kjm-accent);
	transform:scaleX(0);transform-origin:left;transition:transform .25s ease;
}
.kjm-nav__list a:hover::after,.kjm-nav__list a:focus::after,
.kjm-nav__list .current-menu-item > a::after{transform:scaleX(1);}

.kjm-nav-toggle{
	display:none;width:44px;height:44px;border-radius:10px;
	background:var(--kjm-primary);flex-direction:column;
	justify-content:center;align-items:center;gap:4px;flex-shrink:0;
}
.kjm-nav-toggle__bar{width:20px;height:2px;background:#fff;display:block;transition:transform .25s ease,opacity .25s ease;}
.kjm-nav-toggle[aria-expanded="true"] .kjm-nav-toggle__bar:nth-child(1){transform:translateY(6px) rotate(45deg);}
.kjm-nav-toggle[aria-expanded="true"] .kjm-nav-toggle__bar:nth-child(2){opacity:0;}
.kjm-nav-toggle[aria-expanded="true"] .kjm-nav-toggle__bar:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

.kjm-refresh{
	display:inline-flex;align-items:center;gap:.4rem;
	background:var(--kjm-primary);color:#fff;
	padding:.5rem .9rem;border-radius:999px;
	font-weight:600;font-size:.88rem;
	transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;
	box-shadow:0 6px 16px rgba(13,92,58,.22);
	flex-shrink:0;white-space:nowrap;
}
.kjm-refresh:hover{transform:translateY(-1px);background:#073d28;color:#fff;}
.kjm-refresh:active{transform:translateY(0);}
.kjm-refresh svg{transition:transform .6s ease;}
.kjm-refresh.is-spinning svg{transform:rotate(360deg);}

/* Tablet */
@media (max-width:1060px){
	.kjm-logo__img{height:90px;}
	.kjm-nav__list{gap:.85rem;}
	.kjm-nav__list a{font-size:.85rem;}
}
/* Mobile — refresh icon stays visible; hamburger sits on the far right */
@media (max-width:900px){
	.kjm-header__row{flex-wrap:wrap;align-items:center;}
	.kjm-logo{order:1;}
	.kjm-header__clock{
		margin-left:auto;margin-right:.5rem;
		font-size:.82rem;order:2;
	}
	/* refresh button: compact circular icon, left of the hamburger */
	.kjm-refresh{
		order:3;
		width:38px;height:38px;padding:0;gap:0;
		justify-content:center;border-radius:50%;
		margin-right:.4rem;
	}
	.kjm-refresh span:not(svg){display:none;} /* hide text label, keep icon */
	/* hamburger: rightmost element */
	.kjm-nav-toggle{display:flex;order:4;}
	.kjm-nav{
		flex-basis:100%;max-height:0;overflow:hidden;
		transition:max-height .35s ease;margin-left:0;order:5;
	}
	.kjm-nav.is-open{max-height:520px;}
	.kjm-nav__list{
		flex-direction:column;align-items:flex-start;
		padding:.85rem 0;gap:.15rem;
	}
	.kjm-nav__list li{width:100%;}
	.kjm-nav__list a{
		display:block;width:100%;padding:.72rem .5rem;
		font-size:.98rem;
		border-bottom:1px solid rgba(13,92,58,.07);
	}
	.kjm-logo__img{height:74px;}
	.kjm-header.is-scrolled .kjm-logo__img{height:54px;}
}
@media (max-width:540px){
	.kjm-logo__img{height:62px;}
	.kjm-header.is-scrolled .kjm-logo__img{height:46px;}
}
@media (max-width:380px){
	.kjm-logo__img{height:54px;}
	.kjm-header__clock{display:none;}
}

/* =====================================================
   HERO SECTION
   ===================================================== */
.kjm-main{padding-bottom:3rem;}
.kjm-hero{padding:2rem 0 1rem;}
.kjm-hero__intro{margin-bottom:1.75rem;}
.kjm-hero__title{
	font-family:'Cinzel',Georgia,serif;
	font-size:clamp(1.75rem,4.5vw,3rem);
	color:var(--kjm-primary);
	margin:0 0 .75rem;line-height:1.15;font-weight:800;
	letter-spacing:.01em;text-transform:uppercase;
}
.kjm-hero__title-accent{
	display:block;
	background:linear-gradient(135deg,var(--kjm-primary) 0%,var(--kjm-accent) 50%,var(--kjm-primary) 100%);
	-webkit-background-clip:text;background-clip:text;color:transparent;
}
.kjm-hero__desc{color:#334a3c;font-size:1.05rem;line-height:1.7;max-width:75ch;}
.kjm-hero__desc strong{color:var(--kjm-primary);}

.kjm-hero__panel{
	background:linear-gradient(160deg,#f0f9f4 0%,#fdfaf2 100%);
	border-radius:18px;
	padding:2.25rem 1.5rem 2.75rem;
	box-shadow:0 24px 48px -24px rgba(13,92,58,.15),0 4px 12px rgba(13,92,58,.06);
	border:1px solid rgba(13,92,58,.08);
	text-align:center;margin-bottom:2rem;
}
.kjm-hero__status{
	margin-bottom:1.5rem;
	display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:wrap;
}

.kjm-hero__jackpot{
	background:#fff;
	border-radius:18px;
	border:2px solid rgba(13,92,58,.12);
	box-shadow:0 24px 48px -24px rgba(13,92,58,.15);
	text-align:center;
}
.kjm-hero__jackpot-head{
	display:flex;flex-direction:column;align-items:center;gap:.25rem;
	padding:1.25rem 1rem .5rem;
}
.kjm-hero__jackpot-mascot{
	width:auto;height:60px;max-width:110px;
	object-fit:contain;display:block;margin:0 auto;
}
.kjm-hero__jackpot-title{
	font-family:'Cinzel',Georgia,serif;color:var(--kjm-primary);
	margin:0;font-size:clamp(1.3rem,3.2vw,1.8rem);font-weight:700;
}
/* Reduce jackpot padding on mobile */
@media (max-width:640px){
	.kjm-hero__jackpot-head{padding:.85rem .5rem .25rem;}
	.kjm-hero__jackpot-mascot{height:44px;}
}

/* =====================================================
   MARKET STATUS BADGE
   ===================================================== */
.kjm-market{
	display:inline-flex;align-items:center;gap:.35rem;
	font-family:'Cinzel',Georgia,serif;
	font-weight:700;font-size:clamp(1.25rem,2.6vw,1.75rem);
	letter-spacing:.02em;text-transform:uppercase;
}
.kjm-market--open{color:var(--kjm-open);}
.kjm-market--closed{color:var(--kjm-closed);}
.kjm-market__label{line-height:1;}
.kjm-market__live-gif{
	height:1.1em;   /* smaller than before (was 1.6em) */
	width:auto;display:block;flex-shrink:0;
	transform:translateY(.05em);
}
@media (max-width:480px){
	.kjm-market{font-size:1.15rem;}
	.kjm-market__live-gif{height:1em;}
}

/* =====================================================
   CARDS — 3 + 1 LAYOUT, CLICK-TO-FLIP
   v2.1 BULLETPROOF: visibility is driven by OPACITY KEYFRAMES,
   never by backface-visibility or preserve-3d (both unreliable on
   Samsung Internet / older Android / some iOS). The digit face is
   opacity:0 by default, so it can NEVER show before interaction.
   The rotateY + perspective() only supplies the 3D *look*; opacity
   guarantees correctness. Requires the `.kjm-js` html class (added
   synchronously in <head>) so no-JS users still see results.
   ===================================================== */
.kjm-cards{
	display:flex;flex-direction:column;align-items:center;gap:1rem;
}
.kjm-cards-row{
	display:flex;justify-content:center;align-items:flex-end;
}
.kjm-cards-row--three{gap:1rem;}
.kjm-cards-row--result{margin-top:.35rem;}
.kjm-cards-hint{
	font-size:.82rem;color:#5a7a68;letter-spacing:.04em;
	text-transform:uppercase;font-weight:600;margin:.35rem 0 0;
	display:flex;align-items:center;justify-content:center;
	width:100%;text-align:center;gap:.4rem;
}
.kjm-cards-hint::before,.kjm-cards-hint::after{
	content:"✦";color:var(--kjm-accent);font-size:.65rem;
}

/* Card button — opacity-only entry fade (no transform → no stacking traps) */
.kjm-card{
	width:130px;height:190px;
	flex-shrink:0;display:block;
	cursor:pointer;border:0;padding:0;margin:0;background:none;
	-webkit-tap-highlight-color:transparent;
	touch-action:manipulation;
	opacity:0;
	-webkit-animation:kjmCardFadeIn .55s ease forwards;
	animation:kjmCardFadeIn .55s ease forwards;
}
.kjm-card:nth-child(1){-webkit-animation-delay:0ms;animation-delay:0ms;}
.kjm-card:nth-child(2){-webkit-animation-delay:130ms;animation-delay:130ms;}
.kjm-card:nth-child(3){-webkit-animation-delay:260ms;animation-delay:260ms;}
@-webkit-keyframes kjmCardFadeIn{to{opacity:1;}}
@keyframes kjmCardFadeIn{to{opacity:1;}}

.kjm-card--result,.kjm-card--large{
	width:175px;height:255px;
	-webkit-animation-delay:390ms;animation-delay:390ms;
}

.kjm-card__inner{display:block;position:relative;width:100%;height:100%;}

/* Both faces stack in the same slot */
.kjm-card__front,.kjm-card__back{
	position:absolute;top:0;left:0;width:100%;height:100%;
	border-radius:12px;overflow:hidden;
	-webkit-backface-visibility:hidden;backface-visibility:hidden;
	box-shadow:0 14px 32px rgba(0,0,0,.25),0 6px 10px rgba(0,0,0,.12);
}

/* ----- DEFAULT STATE: pattern shown, digit hidden -----
   opacity is the single source of truth for what's visible. */
.kjm-card__front{
	opacity:1;
	-webkit-transform:perspective(1000px) rotateY(0deg);
	transform:perspective(1000px) rotateY(0deg);
	background:
		radial-gradient(circle at 30% 25%,rgba(212,164,55,.25),transparent 55%),
		linear-gradient(135deg,#0d5c3a 0%,#1a7a52 50%,#0d5c3a 100%);
}
.kjm-card__back{
	opacity:0;
	-webkit-transform:perspective(1000px) rotateY(180deg);
	transform:perspective(1000px) rotateY(180deg);
	display:flex;align-items:center;justify-content:center;background:#fff;
}

/* ----- FLIP: animate both faces; opacity swaps exactly at the
   half-way point so only one face is ever visible ----- */
.kjm-card.is-flipped .kjm-card__front{
	-webkit-animation:kjmFlipFront .85s ease forwards;
	animation:kjmFlipFront .85s ease forwards;
}
.kjm-card.is-flipped .kjm-card__back{
	-webkit-animation:kjmFlipBack .85s ease forwards;
	animation:kjmFlipBack .85s ease forwards;
}
@-webkit-keyframes kjmFlipFront{
	0%{opacity:1;-webkit-transform:perspective(1000px) rotateY(0deg);}
	49.9%{opacity:1;}50%{opacity:0;}
	100%{opacity:0;-webkit-transform:perspective(1000px) rotateY(180deg);}
}
@keyframes kjmFlipFront{
	0%{opacity:1;transform:perspective(1000px) rotateY(0deg);}
	49.9%{opacity:1;}50%{opacity:0;}
	100%{opacity:0;transform:perspective(1000px) rotateY(180deg);}
}
@-webkit-keyframes kjmFlipBack{
	0%{opacity:0;-webkit-transform:perspective(1000px) rotateY(180deg);}
	49.9%{opacity:0;}50%{opacity:1;}
	100%{opacity:1;-webkit-transform:perspective(1000px) rotateY(360deg);}
}
@keyframes kjmFlipBack{
	0%{opacity:0;transform:perspective(1000px) rotateY(180deg);}
	49.9%{opacity:0;}50%{opacity:1;}
	100%{opacity:1;transform:perspective(1000px) rotateY(360deg);}
}

/* Shimmer hint that the pattern is tappable */
.kjm-card__front::after{
	content:"";position:absolute;inset:0;
	background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);
	background-size:200% 200%;
	-webkit-animation:kjmShimmer 2.8s ease-in-out infinite;
	animation:kjmShimmer 2.8s ease-in-out infinite;
}
@-webkit-keyframes kjmShimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
@keyframes kjmShimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}

.kjm-card__pattern{
	display:flex;position:absolute;inset:7px;align-items:center;justify-content:center;
	border:2px solid rgba(212,164,55,.7);border-radius:8px;
	background-image:
		repeating-linear-gradient(45deg,rgba(212,164,55,.2) 0 2px,transparent 2px 9px),
		repeating-linear-gradient(-45deg,rgba(212,164,55,.2) 0 2px,transparent 2px 9px);
}
.kjm-card__pattern::after{
	content:"♛";
	color:rgba(212,164,55,.95);font-size:44px;font-weight:bold;
	text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 18px rgba(212,164,55,.4);
}

/* ----- CARD FACE CONTENT ----- */
.kjm-card__corner{
	display:flex;position:absolute;flex-direction:column;
	align-items:center;font-family:'Cinzel',Georgia,serif;
	font-weight:800;color:#111;line-height:.9;
}
.kjm-card__corner--tl{top:9px;left:10px;}
.kjm-card__corner--br{bottom:9px;right:10px;transform:rotate(180deg);}
.kjm-card__digit-small{font-size:28px;line-height:1;}
.kjm-card__suit-small{font-size:13px;line-height:1;margin-top:1px;}
.kjm-card__center{
	display:flex;flex-direction:column;align-items:center;justify-content:center;
	gap:2px;position:absolute;inset:0;
}
.kjm-card__digit-center{
	font-family:'Cinzel',Georgia,serif;font-size:72px;font-weight:900;color:#111;line-height:1;
}
.kjm-card__suit-center{font-size:26px;color:#222;line-height:1;}
.kjm-card__pending{font-size:36px;color:#9aa0b0;font-family:'Cinzel',serif;}

/* 4th / result card */
.kjm-card--result .kjm-card__back,
.kjm-card--large .kjm-card__back{
	border:3px solid var(--kjm-closed);
	box-shadow:0 0 22px rgba(200,16,46,.4),0 14px 32px rgba(0,0,0,.25);
}
.kjm-card--result .kjm-card__pattern::after,
.kjm-card--large .kjm-card__pattern::after{font-size:62px;}
.kjm-card--result .kjm-card__digit-center,
.kjm-card--large .kjm-card__digit-center{font-size:96px;}
.kjm-card--result .kjm-card__suit-center,
.kjm-card--large .kjm-card__suit-center{font-size:32px;}
.kjm-card--result .kjm-card__digit-small,
.kjm-card--large .kjm-card__digit-small{font-size:34px;}

/* Mobile */
@media (max-width:600px){
	.kjm-cards-row--three{gap:.6rem;}
	.kjm-card{width:82px;height:118px;}
	.kjm-card--result,.kjm-card--large{width:126px;height:180px;}
	.kjm-card__pattern::after{font-size:26px;}
	.kjm-card--result .kjm-card__pattern::after,
	.kjm-card--large .kjm-card__pattern::after{font-size:40px;}
	.kjm-card__corner--tl{top:6px;left:7px;}
	.kjm-card__corner--br{bottom:6px;right:7px;}
	.kjm-card__digit-small{font-size:17px;}
	.kjm-card__suit-small{font-size:9px;}
	.kjm-card__digit-center{font-size:40px;}
	.kjm-card__suit-center{font-size:16px;}
	.kjm-card--result .kjm-card__digit-center,
	.kjm-card--large .kjm-card__digit-center{font-size:58px;}
	.kjm-card--result .kjm-card__suit-center,
	.kjm-card--large .kjm-card__suit-center{font-size:20px;}
	.kjm-card--result .kjm-card__digit-small,
	.kjm-card--large .kjm-card__digit-small{font-size:20px;}
	.kjm-card__pattern{inset:5px;border-width:1.5px;}
}
@media (max-width:380px){
	.kjm-card{width:70px;height:100px;}
	.kjm-card--result,.kjm-card--large{width:106px;height:152px;}
	.kjm-card__digit-center{font-size:34px;}
	.kjm-card--result .kjm-card__digit-center,
	.kjm-card--large .kjm-card__digit-center{font-size:48px;}
}
/* Reduced motion: no flip animation, instant reveal on click (still
   hidden until clicked — requirement preserved). */
@media (prefers-reduced-motion:reduce){
	.kjm-card{-webkit-animation:none;animation:none;opacity:1;}
	.kjm-card__front::after{-webkit-animation:none;animation:none;}
	.kjm-card.is-flipped .kjm-card__front{-webkit-animation:none;animation:none;opacity:0;}
	.kjm-card.is-flipped .kjm-card__back{
		-webkit-animation:none;animation:none;opacity:1;
		-webkit-transform:perspective(1000px) rotateY(360deg);
		transform:perspective(1000px) rotateY(360deg);
	}
}

/* =====================================================
   RESULT TABLE  — reduced side padding on mobile
   ===================================================== */
.kjm-result-card{
	background:#fff;border:2px solid var(--kjm-primary);
	border-radius:8px;overflow:hidden;margin-bottom:1.5rem;
	box-shadow:0 8px 24px -12px rgba(13,92,58,.15);
}
.kjm-result-card__date{
	background:#000;color:#fff;text-align:center;
	font-weight:700;font-family:'Inter',sans-serif;
	padding:.8rem .5rem;font-size:.95rem;letter-spacing:.02em;
}
.kjm-result-card__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.kjm-result-table{
	min-width:480px; /* was 560px */
	border-collapse:collapse;width:100%;text-align:center;background:#fff;
}
.kjm-result-table thead th{
	background:var(--kjm-primary);
	color:#fff;
	padding:.7rem .35rem; /* tighter */
	font-weight:600;font-size:.88rem; /* slightly smaller */
	border-right:1px solid rgba(255,255,255,.15);
}
.kjm-result-table thead th:last-child{border-right:0;}
.kjm-time-cell{display:block;line-height:1.25;white-space:nowrap;}
.kjm-result-table tbody td{
	padding:.7rem .35rem; /* tighter */
	font-weight:600;font-size:.95rem;
	border:1px solid #dde8e2;color:#1a1f2e;
}
.kjm-row-three td{background:#fff;}
.kjm-row-one td{background:#f0f8f4;}
.kjm-empty{color:#aab1c2;font-weight:400;}
.kjm-result-card--latest{border-color:var(--kjm-primary);}
/* Less padding inside jackpot wrapper on mobile */
@media (max-width:640px){
	.kjm-hero__jackpot{border-radius:10px;}
}

/* =====================================================
   SECTIONS
   ===================================================== */
.kjm-section{padding:3rem 0 1.5rem;}
.kjm-section__title{
	font-family:'Cinzel',Georgia,serif;color:var(--kjm-primary);
	text-align:center;font-size:clamp(1.55rem,3.2vw,2.1rem);
	margin:0 0 2rem;font-weight:800;
}
.kjm-load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem;}
.kjm-load-status{font-size:.92rem;color:#6b7280;}

/* =====================================================
   TIME TABLE
   ===================================================== */
.kjm-time-table{
	background:#fff;border:2px solid var(--kjm-primary);
	border-radius:8px;overflow:hidden;
	box-shadow:0 8px 24px -12px rgba(13,92,58,.15);
}
.kjm-time-table table{width:100%;}
.kjm-time-table thead th{
	background:var(--kjm-primary);color:#fff;
	padding:.95rem;text-align:center;font-weight:700;font-size:1.05rem;
}
.kjm-time-table tbody td{
	padding:.9rem 1.25rem;border-bottom:1px solid #dde8e2;font-size:1rem;
}
.kjm-time-table tbody td:first-child{font-weight:600;}
.kjm-time-table tbody td:last-child{text-align:right;font-weight:700;color:var(--kjm-primary);}
.kjm-time-table tbody tr:nth-child(odd) td{background:#f0f8f4;}
.kjm-time-table sup{font-size:.65em;}

/* =====================================================
   SPECIAL TIPS SECTION
   ===================================================== */
.kjm-tips-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
	gap:1.25rem;
}
.kjm-tip-card{
	background:#fff;
	border-radius:14px;
	border:1px solid rgba(13,92,58,.1);
	padding:1.5rem;
	box-shadow:0 6px 20px -8px rgba(13,92,58,.15);
	position:relative;
	overflow:hidden;
	transition:transform .2s ease,box-shadow .2s ease;
}
.kjm-tip-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px -8px rgba(13,92,58,.2);}
.kjm-tip-card::before{
	content:"";
	position:absolute;top:0;left:0;right:0;height:4px;
	background:linear-gradient(90deg,var(--kjm-primary),var(--kjm-accent));
}
.kjm-tip-card__date{
	font-size:.82rem;font-weight:700;text-transform:uppercase;
	letter-spacing:.08em;color:var(--kjm-accent);margin-bottom:.55rem;
}
.kjm-tip-card__title{
	font-family:'Cinzel',Georgia,serif;color:var(--kjm-primary);
	font-size:1.05rem;font-weight:700;margin:0 0 .6rem;
}
.kjm-tip-card__content{color:#334a3c;font-size:.97rem;line-height:1.65;}
.kjm-tip-card--featured{
	border-color:var(--kjm-accent);
	box-shadow:0 6px 20px -8px rgba(212,164,55,.3);
}
.kjm-tip-card--featured::before{
	background:linear-gradient(90deg,var(--kjm-accent),var(--kjm-primary));
}
.kjm-tips-empty{
	text-align:center;padding:3rem;color:#5a7a68;
	background:#fff;border-radius:14px;border:1px dashed rgba(13,92,58,.2);
}
.kjm-tips-empty p{margin:0;font-size:1.05rem;}

/* =====================================================
   CONTACT  (full-width)
   ===================================================== */
.kjm-contact-wrap{max-width:760px;margin:0 auto;}
.kjm-contact-form{
	background:#fff;border-radius:14px;padding:1.75rem;
	border:1px solid rgba(13,92,58,.08);
	box-shadow:0 8px 24px -12px rgba(13,92,58,.12);
}
.kjm-contact-title{
	font-family:'Cinzel',Georgia,serif;margin:0 0 1.25rem;
	color:var(--kjm-primary);font-size:1.55rem;font-weight:800;text-align:center;
}
.kjm-field{margin-bottom:.85rem;}
.kjm-field-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem;}
@media (max-width:520px){.kjm-field-row{grid-template-columns:1fr;}}
.kjm-contact-form input,
.kjm-contact-form textarea{
	width:100%;padding:.85rem 1rem;
	border:1.5px solid #c8d8ce;border-radius:10px;
	background:#fff;font-family:inherit;font-size:1rem;color:#1a1f2e;
	transition:border-color .2s ease,box-shadow .2s ease;
}
.kjm-contact-form input:focus,
.kjm-contact-form textarea:focus{
	outline:none;border-color:var(--kjm-primary);
	box-shadow:0 0 0 4px rgba(13,92,58,.08);
}
.kjm-contact-form textarea{resize:vertical;min-height:130px;}
.kjm-hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden;}

.kjm-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
	padding:.85rem 1.5rem;border-radius:999px;
	font-weight:700;font-size:.98rem;font-family:inherit;
	transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;
	cursor:pointer;border:0;background:var(--kjm-primary);color:#fff;
}
.kjm-btn--primary{background:var(--kjm-primary);color:#fff;box-shadow:0 8px 20px -6px rgba(13,92,58,.4);}
.kjm-btn--primary:hover{transform:translateY(-1px);background:#073d28;color:#fff;}
.kjm-btn--primary:active{transform:translateY(0);}
.kjm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;}

.kjm-form-message{margin-top:.85rem;font-weight:500;}
.kjm-form-message.is-success{color:var(--kjm-open);}
.kjm-form-message.is-error{color:var(--kjm-closed);}

/* Load More */
.kjm-load-more{
	padding:.85rem 2rem;border-radius:999px;
	background:var(--kjm-primary);color:#fff;
	font-weight:700;font-size:1rem;cursor:pointer;
	transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;
	box-shadow:0 8px 20px -6px rgba(13,92,58,.4);
}
.kjm-load-more:hover{transform:translateY(-1px);background:#073d28;}
.kjm-load-more:disabled{opacity:.5;cursor:not-allowed;transform:none;}

/* =====================================================
   FOOTER
   ===================================================== */
.kjm-footer{
	background:linear-gradient(135deg,#031509 0%,#0d5c3a 100%);
	color:#b8d9c6;padding:1.5rem 0 1.1rem;margin-top:1.25rem;
}
.kjm-footer__inner{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;}
.kjm-footer__social{
	list-style:none;display:flex;gap:.85rem;padding:0;margin:0;
	flex-wrap:wrap;justify-content:center;
}
.kjm-footer__social a{
	display:inline-flex;align-items:center;justify-content:center;
	width:40px;height:40px;border-radius:50%;
	background:rgba(255,255,255,.1);color:#fff;
	transition:background-color .2s ease,transform .2s ease;
}
.kjm-footer__social a:hover{background:var(--kjm-accent);color:#031509;transform:translateY(-2px);}
.kjm-footer__copy{font-size:.92rem;line-height:1.6;opacity:.85;max-width:760px;}
.kjm-footer__copy p{margin:.25rem 0;}
.kjm-footer__copy a{color:var(--kjm-accent);}

/* Generic page */
.kjm-page{padding:2rem 1.25rem;}
.kjm-article{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 8px 24px -12px rgba(13,92,58,.12);}
.kjm-article__title{font-family:'Cinzel',Georgia,serif;color:var(--kjm-primary);}
.kjm-empty-state{
	text-align:center;padding:3rem 1.5rem;background:#fff;border-radius:14px;
	box-shadow:0 8px 24px -12px rgba(13,92,58,.12);margin:2rem auto;max-width:520px;
}
.kjm-empty-state h1{font-family:'Cinzel',Georgia,serif;font-size:3rem;color:var(--kjm-primary);margin:0 0 .5rem;}
@media print{
	.kjm-header,.kjm-footer,.kjm-refresh,.kjm-nav-toggle,.kjm-load-more-wrap,.kjm-contact-wrap{display:none!important;}
	body{background:#fff;}
}