/**
 * jit-style.css
 *
 * Professional Editorial Stylesheet for keralastatelotteryresults.in (Theme: gen25)
 * Direction: Clean, editorial, trustworthy, lots of whitespace.
 * Theme: Deep Green accent (#164e3b), neutral greys, crisp whites, 4-6px border radius.
 * WCAG AA contrast, zero layout shifts, full mobile responsiveness (down to 320px).
 */

/* ==========================================================================
   1. DESIGN TOKENS & RESET
   ========================================================================== */
:root {
	--jit-primary: #164e3b;          /* Deep Forest Green */
	--jit-primary-hover: #10382b;    /* Darker Green for Hover */
	--jit-primary-light: #2d6a4f;    /* Mid Green */
	--jit-accent-bg: #f2f7f4;        /* Very Soft Green Tint */
	--jit-accent-border: #cde0d5;    /* Subtle Green Border */
	--jit-gold-subtle: #fefce8;      /* Subtle Gold for 1st Prize */
	--jit-gold-border: #fef08a;      /* Soft Gold Border */
	--jit-text: #0f172a;             /* Slate 900 */
	--jit-text-muted: #334155;       /* Slate 700 */
	--jit-text-light: #64748b;       /* Slate 500 */
	--jit-border: #e2e8f0;           /* Slate 200 */
	--jit-border-dark: #cbd5e1;      /* Slate 300 */
	--jit-bg: #ffffff;               /* Pure White */
	--jit-bg-alt: #f8fafc;           /* Slate 50 Neutral Grey */
	--jit-radius: 4px;
	--jit-radius-lg: 6px;
	--jit-max-width: 960px;
	--jit-prose-width: 720px;
	--jit-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

*, *::before, *::after {
	box-sizing: border-box;
}

html {
	font-size: 16px;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	font-family: var(--jit-font);
	color: var(--jit-text);
	background-color: var(--jit-bg);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

a {
	color: var(--jit-primary);
	text-decoration: underline;
	transition: color 0.15s ease;
}

a:hover, a:focus {
	color: var(--jit-primary-hover);
}

:focus-visible {
	outline: 2px solid var(--jit-primary);
	outline-offset: 2px;
}

/* ==========================================================================
   2. HEADER & CENTERED NAVIGATION (SECTION A)
   ========================================================================== */
.site-header {
	position: static !important;
	background: #ffffff !important;
	border-bottom: none !important;
	box-shadow: none !important;
	padding: 24px 16px 12px !important;
	text-align: center;
}

.site-header .inside-header {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	max-width: var(--jit-max-width);
	margin: 0 auto;
	padding: 0 !important;
}

.site-logo, .site-branding {
	margin: 0 auto !important;
	text-align: center;
}

.site-logo img, .header-image {
	max-height: 56px;
	width: auto;
	display: block;
	margin: 0 auto;
}

.main-title {
	margin: 0;
	text-align: center;
}

.main-title a {
	color: var(--jit-primary);
	font-size: 1.45rem;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: -0.01em;
}

/* Navigation Bar */
.main-navigation {
	position: static !important;
	background: #ffffff !important;
	border-bottom: 1px solid var(--jit-border);
	box-shadow: none !important;
	text-align: center;
}

.main-navigation .inside-navigation {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: var(--jit-max-width);
	margin: 0 auto;
	padding: 0 16px;
}

.main-navigation .main-nav {
	margin: 0 auto;
}

.main-navigation .main-nav ul {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 12px;
}

.main-navigation .main-nav ul li {
	margin: 0;
}

.main-navigation .main-nav ul li a {
	position: relative;
	display: inline-block;
	color: var(--jit-text);
	font-weight: 600;
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 12px 14px;
	text-decoration: none;
	background: transparent !important;
	transition: color 0.2s ease;
}

/* Animated underline growing from centre (CSS only, 2px, accent colour) */
.main-navigation .main-nav ul li a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background-color: var(--jit-primary);
	transition: width 0.25s ease, left 0.25s ease;
}

.main-navigation .main-nav ul li:hover > a::after,
.main-navigation .main-nav ul li a:focus::after,
.main-navigation .main-nav ul li.current-menu-item > a::after {
	width: 100%;
	left: 0;
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li a:focus,
.main-navigation .main-nav ul li.current-menu-item > a {
	color: var(--jit-primary);
}

/* Mobile Nav Collapse */
.menu-toggle {
	display: none;
}

@media (max-width: 768px) {
	.menu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: #ffffff !important;
		color: var(--jit-text) !important;
		border: 1px solid var(--jit-border);
		border-radius: var(--jit-radius);
		padding: 8px 16px;
		font-size: 0.85rem;
		font-weight: 600;
		text-transform: uppercase;
		cursor: pointer;
		margin: 8px auto;
		min-height: 44px;
	}

	.main-navigation:not(.toggled) .main-nav {
		display: none;
	}

	.main-navigation.toggled .main-nav {
		display: block;
		width: 100%;
	}

	.main-navigation .main-nav ul {
		flex-direction: column;
		gap: 0;
		padding: 8px 0;
		background: #ffffff;
		border-top: 1px solid var(--jit-border);
	}

	.main-navigation .main-nav ul li a {
		display: block;
		padding: 12px 16px;
	}

	.main-navigation .main-nav ul li a::after {
		display: none;
	}

	.main-navigation .main-nav ul li.current-menu-item > a {
		background-color: var(--jit-bg-alt) !important;
		border-left: 3px solid var(--jit-primary);
	}
}

/* ==========================================================================
   3. SECTIONS, RHYTHM & 8PX SPACING SCALE
   ========================================================================== */
.jit-homepage-wrap {
	width: 100%;
	margin: 0;
	padding: 0;
}

.jit-section {
	width: 100%;
	padding: 48px 16px;
	background-color: var(--jit-bg);
}

.jit-section-alt {
	background-color: var(--jit-bg-alt);
	border-top: 1px solid var(--jit-border);
	border-bottom: 1px solid var(--jit-border);
}

.jit-section-inner {
	max-width: var(--jit-max-width);
	margin: 0 auto;
	text-align: center;
}

.jit-prose-column {
	max-width: var(--jit-prose-width);
	margin: 0 auto;
	text-align: left;
	color: var(--jit-text);
	font-size: 1rem;
	line-height: 1.7;
}

.jit-page-title {
	font-size: 1.85rem;
	font-weight: 800;
	color: var(--jit-primary);
	margin: 0 0 8px 0;
	line-height: 1.25;
	text-align: center;
}

.jit-page-intro {
	font-size: 1.05rem;
	color: var(--jit-text-muted);
	margin: 0 auto 32px auto;
	max-width: var(--jit-prose-width);
	text-align: center;
}

.jit-section-title {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--jit-primary);
	margin: 0 0 8px 0;
	text-align: center;
	line-height: 1.3;
}

/* Short 40px accent line under H2 headings */
.jit-section-line {
	width: 40px;
	height: 2px;
	background-color: var(--jit-primary);
	margin: 8px auto 28px auto;
}

.jit-subheading {
	font-size: 1.15rem;
	font-weight: 600;
	color: var(--jit-text);
	margin: 24px 0 12px 0;
}

/* ==========================================================================
   4. LATEST RESULT CARD (HERO)
   ========================================================================== */
.jit-result-card {
	background: #ffffff;
	border: 1px solid var(--jit-border);
	border-radius: var(--jit-radius-lg);
	overflow: hidden;
	margin: 0 auto;
	max-width: var(--jit-max-width);
	text-align: center;
}

.jit-card-header {
	padding: 24px 20px 16px;
	border-bottom: 1px solid var(--jit-border);
	background: #ffffff;
}

.jit-result-title {
	font-size: 1.35rem;
	font-weight: 700;
	margin: 0 0 6px 0;
}

.jit-result-title a {
	color: var(--jit-text);
	text-decoration: none;
}

.jit-result-title a:hover {
	color: var(--jit-primary);
	text-decoration: underline;
}

.jit-draw-date-line {
	font-size: 0.95rem;
	color: var(--jit-primary);
	font-weight: 600;
	margin-bottom: 4px;
}

.jit-meta-subline {
	font-size: 0.85rem;
	color: var(--jit-text-light);
}

.jit-card-body {
	padding: 16px;
	background: #ffffff;
}

@media (min-width: 640px) {
	.jit-card-body {
		padding: 24px;
	}
}

.jit-card-footer {
	padding: 16px 20px;
	background: var(--jit-bg-alt);
	border-top: 1px solid var(--jit-border);
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: center;
	justify-content: space-between;
}

@media (min-width: 640px) {
	.jit-card-footer {
		flex-direction: row;
	}
}

.jit-source-note {
	font-size: 0.85rem;
	color: var(--jit-text-light);
}

.jit-source-note a {
	color: var(--jit-primary);
	text-decoration: underline;
}

.jit-fallback-box {
	padding: 24px;
	text-align: center;
	color: var(--jit-text-muted);
}

/* ==========================================================================
   5. RESULT TABLE & ALL SCROLL WRAPPERS
   ========================================================================== */
.jit-table-wrapper {
	width: 100%;
	max-width: 100%;
	border: 1px solid var(--jit-border);
	border-radius: var(--jit-radius);
	overflow: hidden;
	background: #ffffff;
	margin: 0 auto;
}

.jit-table-scroll-hint {
	display: block;
	font-size: 0.75rem;
	color: var(--jit-text-light);
	background-color: var(--jit-bg-alt);
	padding: 6px 12px;
	border-bottom: 1px solid var(--jit-border);
	text-align: right;
}

@media (min-width: 768px) {
	.jit-table-scroll-hint {
		display: none;
	}
}

.jit-table-inner {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* Shared Table Typography & Padding */
.jit-table,
.tbl_result {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	text-align: center;
	font-size: 1rem; /* 16px minimum on mobile */
}

.jit-table th,
.tbl_result th,
.tbl_result thead th {
	background-color: var(--jit-primary);
	color: #ffffff;
	font-weight: 700;
	padding: 14px 16px;
	text-align: center;
	border: none;
	white-space: nowrap;
}

.jit-table td,
.tbl_result td {
	padding: 14px 16px;
	border-bottom: 1px solid var(--jit-border);
	vertical-align: middle;
	text-align: center;
	font-size: 1rem; /* 16px minimum on mobile */
}

/* Zebra Rows */
.jit-table tbody tr:nth-child(even),
.tbl_result tbody tr:nth-child(even) {
	background-color: var(--jit-bg-alt);
}

/* .tbl_result styling specifics */
.tbl_result tr {
	border-bottom: 1px solid var(--jit-border);
}

.tbl_result .prize_cap {
	background-color: var(--jit-accent-bg);
	color: var(--jit-primary);
	font-weight: 700;
	font-size: 1rem;
	padding: 12px 16px;
	text-align: center;
}

/* Subtle 1st Prize highlight */
.tbl_result tr:first-child .prize_cap,
.tbl_result .prize_cap:first-of-type {
	background-color: var(--jit-gold-subtle) !important;
	color: #854d0e !important;
	border-bottom: 1px solid var(--jit-gold-border) !important;
	font-weight: 700 !important;
}

.tbl_result tr:first-child + tr td,
.tbl_result tr:nth-child(2) td {
	font-size: 1.15rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: var(--jit-text);
	background-color: #fffef2;
	padding: 16px;
}

.tbl_result .level-title {
	background-color: var(--jit-bg-alt);
	color: var(--jit-text-light);
	font-weight: 600;
	font-size: 0.85rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 10px 16px;
	text-align: center;
}

/* Today's row subtle highlight (no badge) */
.jit-row-today {
	background-color: var(--jit-accent-bg) !important;
	font-weight: 600;
}

.jit-code-tag {
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--jit-text-muted);
	background: var(--jit-bg-alt);
	padding: 2px 6px;
	border-radius: var(--jit-radius);
	border: 1px solid var(--jit-border);
}

.jit-table-link {
	color: var(--jit-primary);
	font-weight: 600;
	text-decoration: underline;
}

.jit-schedule-note {
	font-size: 0.85rem;
	color: var(--jit-text-light);
	margin-top: 14px;
	text-align: center;
}

/* ==========================================================================
   6. TICKET CHECKER TOOL (SECTION G)
   ========================================================================== */
#ticket-checker,
#schedule,
#weekly-schedule {
	scroll-margin-top: 48px;
}

.jit-checker-card {
	background: #ffffff;
	border: 1px solid var(--jit-border);
	border-radius: var(--jit-radius-lg);
	padding: 32px 20px;
	max-width: var(--jit-max-width);
	margin: 0 auto;
	text-align: center;
}

@media (min-width: 640px) {
	.jit-checker-card {
		padding: 40px 32px;
	}
}

.jit-checker-intro {
	font-size: 0.95rem;
	color: var(--jit-text-muted);
	margin: 0 auto 28px auto;
	max-width: 600px;
}

.jit-checker-form {
	max-width: 720px;
	margin: 0 auto;
}

.jit-form-row {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: stretch;
}

@media (min-width: 768px) {
	.jit-form-row {
		flex-direction: row;
		align-items: flex-end;
	}

	.jit-form-group-select {
		flex: 1.4;
	}

	.jit-form-group-input {
		flex: 1;
	}

	.jit-form-group-btn {
		flex: 0 0 auto;
	}
}

.jit-form-group {
	display: flex;
	flex-direction: column;
	text-align: left;
}

.jit-form-label {
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--jit-text);
	margin-bottom: 6px;
}

.jit-form-select,
.jit-form-input {
	height: 48px;
	padding: 0 14px;
	border: 1px solid var(--jit-border-dark);
	border-radius: var(--jit-radius);
	font-family: var(--jit-font);
	font-size: 1rem; /* 16px prevents mobile safari zoom */
	color: var(--jit-text);
	background-color: #ffffff;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
	width: 100%;
}

.jit-form-select:focus,
.jit-form-input:focus {
	border-color: var(--jit-primary);
	outline: none;
	box-shadow: 0 0 0 2px rgba(22, 78, 59, 0.15);
}

.jit-form-input {
	letter-spacing: 0.05em;
	font-weight: 600;
}

/* Result Box */
.jit-checker-result {
	display: none;
	margin-top: 24px;
	padding: 20px;
	border-radius: var(--jit-radius);
	text-align: left;
	font-size: 0.95rem;
	line-height: 1.6;
}

.jit-result-loading {
	background-color: var(--jit-bg-alt);
	border: 1px solid var(--jit-border);
	color: var(--jit-text-muted);
	text-align: center;
}

.jit-loading-text {
	margin: 0;
	font-weight: 500;
}

.jit-result-win {
	background-color: var(--jit-accent-bg);
	border: 1px solid var(--jit-accent-border);
	border-left: 4px solid var(--jit-primary);
	color: var(--jit-primary);
}

.jit-result-nowin {
	background-color: var(--jit-bg-alt);
	border: 1px solid var(--jit-border);
	border-left: 4px solid var(--jit-text-light);
	color: var(--jit-text);
}

.jit-result-error {
	background-color: #fff1f2;
	border: 1px solid #fecdd3;
	border-left: 4px solid #e11d48;
	color: #9f1239;
}

.jit-result-msg {
	font-weight: 700;
	margin: 0 0 8px 0;
	font-size: 1rem;
	white-space: pre-line;
}

.jit-result-verify {
	font-size: 0.85rem;
	color: var(--jit-text-muted);
	margin: 0;
	font-style: italic;
}

/* ==========================================================================
   7. BUTTONS & ACTIONS (SECTION C)
   ========================================================================== */
.jit-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px; /* >44px touch target */
	padding: 0 24px;
	border-radius: var(--jit-radius);
	font-family: var(--jit-font);
	font-size: 0.95rem;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid transparent;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.jit-btn-primary {
	background-color: var(--jit-primary);
	color: #ffffff !important;
}

.jit-btn-primary:hover,
.jit-btn-primary:focus {
	background-color: var(--jit-primary-hover);
}

.jit-btn-primary:disabled {
	opacity: 0.65;
	cursor: not-allowed;
}

.jit-action-centered {
	margin-top: 24px;
	text-align: center;
}

.jit-link-archive {
	display: inline-block;
	color: var(--jit-primary);
	font-weight: 600;
	font-size: 0.95rem;
	text-decoration: underline;
}

/* ==========================================================================
   8. PROSE, CLAIM RULES & STEPS
   ========================================================================== */
.jit-steps-list {
	padding-left: 20px;
	margin: 0 0 24px 0;
}

.jit-steps-list li {
	margin-bottom: 14px;
}

.jit-claim-box {
	background-color: #ffffff;
	border: 1px solid var(--jit-border);
	border-radius: var(--jit-radius);
	padding: 20px;
	margin: 20px 0;
}

.jit-claim-box .jit-subheading {
	margin-top: 0;
	color: var(--jit-primary);
}

.jit-claim-list {
	padding-left: 20px;
	margin: 0;
}

.jit-claim-list li {
	margin-bottom: 10px;
}

.jit-verify-note {
	font-size: 0.85rem;
	color: var(--jit-text-light);
	font-style: italic;
	margin-top: 14px;
}

/* ==========================================================================
   9. FAQ ACCORDION (SECTION C)
   ========================================================================== */
.jit-faq-container {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.jit-faq-item {
	background: #ffffff;
	border: 1px solid var(--jit-border);
	border-radius: var(--jit-radius);
	overflow: hidden;
}

.jit-faq-question {
	padding: 16px 20px;
	font-weight: 600;
	font-size: 1rem;
	color: var(--jit-text);
	cursor: pointer;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	user-select: none;
}

.jit-faq-question::-webkit-details-marker {
	display: none;
}

.jit-faq-question:hover,
.jit-faq-question:focus {
	background-color: var(--jit-bg-alt);
}

.jit-faq-toggle {
	font-size: 1.25rem;
	font-weight: 400;
	color: var(--jit-primary);
	transition: transform 0.2s ease;
	margin-left: 12px;
	line-height: 1;
}

.jit-faq-item[open] .jit-faq-toggle {
	transform: rotate(45deg);
}

.jit-faq-answer {
	padding: 0 20px 16px 20px;
	font-size: 0.95rem;
	color: var(--jit-text-muted);
	border-top: 1px solid var(--jit-border);
}

.jit-faq-answer p {
	margin: 12px 0 0 0;
}

/* ==========================================================================
   10. DISCLAIMER (SECTION F)
   ========================================================================== */
.jit-disclaimer-box {
	background: #ffffff;
	border: 1px solid var(--jit-border);
	border-radius: var(--jit-radius);
	padding: 28px 24px;
	max-width: var(--jit-prose-width);
	margin: 0 auto;
	text-align: left;
}

.jit-disclaimer-box .jit-section-title {
	text-align: center;
	margin-bottom: 4px;
}

.jit-disclaimer-box .jit-section-line {
	margin-bottom: 20px;
}

.jit-disclaimer-box p {
	font-size: 0.9rem;
	color: var(--jit-text-muted);
	line-height: 1.65;
	margin: 0 0 12px 0;
}

.jit-disclaimer-official {
	font-size: 0.85rem !important;
	color: var(--jit-text-light) !important;
	border-top: 1px solid var(--jit-border);
	padding-top: 12px;
	margin-top: 12px !important;
}

/* ==========================================================================
   11. AD SLOTS (ZERO CLS, HIDDEN BORDER)
   ========================================================================== */
.jit-ad-container {
	margin: 24px auto;
	width: 100%;
	display: flex;
	justify-content: center;
}

.jit-ad-inner {
	width: 100%;
	max-width: 728px;
	min-height: var(--ad-h-mob, 250px);
	background: transparent;
	border: none; /* Hide border when empty */
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (min-width: 768px) {
	.jit-ad-inner {
		min-height: var(--ad-h-desk, 280px);
	}
}

.jit-ad-placeholder {
	width: 100%;
	height: 100%;
}

/* ==========================================================================
   12. FOOTER
   ========================================================================== */
.site-footer {
	background: #ffffff !important;
	border-top: 1px solid var(--jit-border);
	color: var(--jit-text-light) !important;
	padding: 24px 16px !important;
	text-align: center;
}

.jit-footer-wrap {
	max-width: var(--jit-max-width);
	margin: 0 auto;
	text-align: center;
}

.jit-footer-legal-links {
	margin: 12px 0 8px 0;
	font-size: 0.85rem;
}

.jit-footer-legal-links a {
	color: var(--jit-text-muted);
	text-decoration: none;
	margin: 0 6px;
}

.jit-footer-legal-links a:hover {
	color: var(--jit-primary);
	text-decoration: underline;
}

.jit-footer-note {
	font-size: 0.8rem;
	color: var(--jit-text-light);
	max-width: 640px;
	margin: 8px auto 0 auto;
	line-height: 1.5;
}

/* ==========================================================================
   13. ACCESSIBILITY HELPER
   ========================================================================== */
.screen-reader-text,
caption.screen-reader-text,
.jit-table caption {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
	display: block !important;
}


/* ==========================================================================
   14. CUSTOM FOOTER  (Task 3)
   ========================================================================== */

/* Override GeneratePress footer bar defaults */
.site-footer,
.footer-bar {
	background: #ffffff !important;
	color: var(--jit-text-muted) !important;
	padding: 0 !important;
	border-top: 1px solid var(--jit-border) !important;
}

/* Inner wrapper — centred, constrained, padded */
.jit-footer-inner {
	max-width: var(--jit-max-width);
	margin: 0 auto;
	padding: 40px 20px 28px;
	text-align: center;
}

/* Tagline */
.jit-footer-tagline {
	font-size: 0.95rem;
	color: var(--jit-text-muted);
	margin: 0 0 32px;
	line-height: 1.5;
}
.jit-footer-tagline strong {
	color: var(--jit-text);
}

/* 4-column link grid — 2 col at ≤768 px, 1 col at ≤480 px */
.jit-footer-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px 24px;
	text-align: left;
	margin-bottom: 32px;
}

@media (max-width: 768px) {
	.jit-footer-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px 20px;
	}
}

@media (max-width: 480px) {
	.jit-footer-grid {
		grid-template-columns: 1fr;
		gap: 20px;
		text-align: center;
	}
}

/* Group headings */
.jit-footer-group-heading {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--jit-text-muted);
	margin: 0 0 12px;
	padding: 0;
}

/* Link list reset */
.jit-footer-link-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jit-footer-link-list li {
	margin: 0;
	padding: 0;
}

/* Footer links — 44 px tap target via min-height + flex */
.jit-footer-link-list a {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 2px 0;
	font-size: 0.9375rem;  /* 15px */
	color: var(--jit-text);
	text-decoration: none;
	position: relative;
	line-height: 1.4;
}

/* Animated underline — same technique as header nav */
.jit-footer-link-list a::after {
	content: '';
	position: absolute;
	bottom: 6px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 2px;
	background: var(--jit-primary);
	transition: width 0.25s ease;
}

.jit-footer-link-list a:hover,
.jit-footer-link-list a:focus-visible {
	color: var(--jit-primary);
	outline: none;
}

.jit-footer-link-list a:hover::after,
.jit-footer-link-list a:focus-visible::after {
	width: 100%;
}

/* Keyboard focus ring for accessibility */
.jit-footer-link-list a:focus-visible {
	outline: 2px solid var(--jit-primary);
	outline-offset: 2px;
	border-radius: 2px;
}

/* Mobile: underline grows from centre correctly with centred text */
@media (max-width: 480px) {
	.jit-footer-link-list a {
		justify-content: center;
	}
}

/* Divider */
.jit-footer-divider {
	border: none;
	border-top: 1px solid var(--jit-border);
	margin: 0 0 20px;
}

/* Disclaimer paragraph */
.jit-footer-disclaimer {
	font-size: 0.8125rem;  /* 13px */
	color: var(--jit-text-muted);
	max-width: 680px;
	margin: 0 auto 10px;
	line-height: 1.6;
}

.jit-footer-disclaimer a {
	color: var(--jit-primary);
	text-decoration: underline;
}

.jit-footer-disclaimer a:hover {
	color: var(--jit-primary-dark, #065f46);
}

/* Copyright line */
.jit-footer-copy {
	font-size: 0.8rem;
	color: var(--jit-text-light);
	margin: 0;
}

/* ==========================================================================
   15. INTERNAL LINK BLOCKS  (Task 3-C)
   ========================================================================== */

/* Block appended to Kerala lottery result posts */
.jit-post-footer-links {
	border-top: 1px solid var(--jit-border);
	margin-top: 32px;
	padding-top: 16px;
}

.jit-post-footer-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
}

.jit-post-footer-links li {
	margin: 0;
	padding: 0;
}

.jit-post-footer-links a {
	font-size: 0.9rem;
	color: var(--jit-primary);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color 0.2s;
}

.jit-post-footer-links a:hover,
.jit-post-footer-links a:focus-visible {
	border-bottom-color: var(--jit-primary);
}

/* "Related pages" block on static pages */
.jit-related-pages {
	border-top: 1px solid var(--jit-border);
	margin-top: 24px;
	padding-top: 14px;
	font-size: 0.9rem;
	color: var(--jit-text-muted);
}

.jit-related-pages a {
	color: var(--jit-primary);
	text-decoration: none;
}

.jit-related-pages a:hover,
.jit-related-pages a:focus-visible {
	text-decoration: underline;
}

/* Section CTA link in how-to / claim sections */
.jit-section-cta {
	margin-top: 16px;
	font-size: 0.95rem;
}

.jit-section-cta a {
	color: var(--jit-primary);
	text-decoration: underline;
}

/* No overflow at 320 px */
@media (max-width: 320px) {
	.jit-footer-inner {
		padding: 28px 12px 20px;
	}
	.jit-post-footer-links ul {
		flex-direction: column;
		gap: 6px;
	}
}



/* ==========================================================================
   16. TASK 5: HERO LAYOUT, INTRO & CENTERING
   ========================================================================== */

/* Hero intro paragraph: centered 720px column with left-aligned text */
.jit-hero-intro {
	max-width: 720px;
	margin: 0 auto 20px;
	text-align: left;
	line-height: 1.6;
	color: var(--jit-text);
	font-size: 0.95rem;
}

.jit-hero-intro p {
	margin: 0;
	padding: 0;
}

/* Centered result table: equal space on both sides, cells centered */
.jit-hero-section .jit-table-wrapper {
	text-align: center;
	width: 100%;
}

.jit-hero-section .jit-table-inner {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.jit-hero-section .tbl_result,
.jit-hero-section .jit-table {
	margin: 0 auto !important;
	width: 100% !important;
	max-width: 680px;
}

.jit-hero-section .tbl_result th,
.jit-hero-section .tbl_result td,
.jit-hero-section .jit-table th,
.jit-hero-section .jit-table td {
	text-align: center !important;
}

/* Hero empty notice when no draw has published today */
.jit-hero-empty-notice {
	border: 1px solid var(--jit-border);
	padding: 20px 24px;
	text-align: center;
	border-radius: 4px;
	max-width: 720px;
	margin: 24px auto;
	background: #ffffff;
	color: var(--jit-text);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
}

/* ==========================================================================
   17. TASK 5: WEEKLY SCHEDULE TODAY HIGHLIGHT
   ========================================================================== */
.jit-schedule-table tr.jit-row-today td {
	background: #ecfdf5 !important;
	font-weight: 700 !important;
	color: var(--jit-primary-dark) !important;
}

.jit-schedule-table tr.jit-row-today td:first-child {
	border-left: 3px solid var(--jit-primary) !important;
}

/* ==========================================================================
   18. TASK 5: BUMPER LOTTERY CARDS
   ========================================================================== */
.jit-bumper-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin: 24px 0 16px;
}

@media (max-width: 768px) {
	.jit-bumper-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}
}

@media (max-width: 480px) {
	.jit-bumper-grid {
		grid-template-columns: 1fr;
	}
}

.jit-bumper-card {
	border: 1px solid var(--jit-border);
	border-radius: 6px;
	padding: 20px;
	background: #ffffff;
	box-shadow: none;
	text-align: left;
	display: flex;
	flex-direction: column;
}

.jit-bumper-card h3,
.jit-bumper-title {
	font-size: 1.15rem;
	margin: 0 0 10px;
	color: var(--jit-text);
	font-weight: 700;
}

.jit-bumper-date {
	font-size: 0.9rem;
	color: var(--jit-text-muted);
	margin-bottom: 10px;
}

.jit-bumper-date strong {
	color: var(--jit-text);
}

.jit-bumper-meta {
	font-size: 0.875rem;
	color: var(--jit-text-muted);
	margin: 4px 0;
}

.jit-bumper-link {
	margin-top: auto;
	padding-top: 12px;
	font-size: 0.875rem;
	color: var(--jit-primary);
	text-decoration: underline;
	display: inline-block;
}

.jit-bumper-link:hover {
	color: var(--jit-primary-dark);
}

.jit-bumper-past-line {
	margin: 16px 0 8px;
	font-size: 0.9rem;
	color: var(--jit-text-muted);
	text-align: center;
}

.jit-bumper-past-line a {
	color: var(--jit-primary);
	text-decoration: underline;
}

.jit-bumper-note {
	font-size: 0.85rem;
	color: var(--jit-text-muted);
	text-align: center;
	margin: 12px auto 0;
	max-width: 640px;
	line-height: 1.5;
}

/* ==========================================================================
   19. TASK 5: LOTTERY ANALYSIS (HOMEPAGE TEASER & SHORTCODE PAGE)
   ========================================================================== */

/* Teaser card on homepage */
.jit-teaser-card {
	border: 1px solid var(--jit-border);
	border-radius: 6px;
	background: #ffffff;
	padding: 20px 24px;
	max-width: 680px;
	margin: 0 auto;
	text-align: center;
}

.jit-teaser-meta {
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--jit-text);
	margin-bottom: 16px;
}

.jit-teaser-tokens {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}

.jit-teaser-token {
	border: 1px solid var(--jit-border);
	background: var(--jit-bg-alt);
	padding: 8px 14px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.jit-token-num {
	font-family: monospace;
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--jit-primary-dark);
}

.jit-token-cnt {
	font-size: 0.85rem;
	color: var(--jit-text-muted);
}

/* Full analysis shortcode container */
.jit-analysis-container {
	max-width: var(--jit-max-width);
	margin: 24px auto;
	padding: 0 16px;
}

.jit-analysis-disclaimer {
	border-left: 3px solid var(--jit-primary);
	background: #f0fdf4;
	padding: 14px 18px;
	border-radius: 4px;
	font-size: 0.9rem;
	color: var(--jit-text);
	line-height: 1.5;
	margin-bottom: 24px;
}

.jit-analysis-disclaimer p {
	margin: 0;
	padding: 0;
}

/* Per-lottery view button group */
.jit-analysis-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 24px;
	border-bottom: 1px solid var(--jit-border);
	padding-bottom: 12px;
}

.jit-analysis-btn {
	background: #ffffff;
	border: 1px solid var(--jit-border);
	color: var(--jit-text);
	padding: 8px 14px;
	border-radius: 4px;
	font-size: 0.9rem;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.jit-analysis-btn:hover {
	border-color: var(--jit-primary);
	color: var(--jit-primary);
}

.jit-analysis-btn.jit-active {
	background: var(--jit-primary);
	border-color: var(--jit-primary);
	color: #ffffff;
	font-weight: 600;
}

.jit-analysis-summary {
	font-size: 0.95rem;
	color: var(--jit-text-muted);
	margin-bottom: 20px;
}

.jit-analysis-notice {
	border: 1px solid var(--jit-border);
	padding: 24px;
	border-radius: 6px;
	background: #ffffff;
	color: var(--jit-text-muted);
	text-align: center;
	font-size: 0.95rem;
}

/* 2-column grid for analysis tables */
.jit-analysis-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

@media (max-width: 768px) {
	.jit-analysis-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

.jit-analysis-box {
	border: 1px solid var(--jit-border);
	border-radius: 6px;
	background: #ffffff;
	padding: 20px;
}

.jit-analysis-heading {
	font-size: 1.05rem;
	margin: 0 0 14px;
	color: var(--jit-text);
	font-weight: 700;
}

.jit-table-sub {
	font-size: 0.85rem;
	color: var(--jit-text-muted);
	margin: 0 0 12px;
}

.jit-analysis-table {
	width: 100%;
	border-collapse: collapse;
}

.jit-analysis-table th,
.jit-analysis-table td {
	padding: 8px 12px;
	border-bottom: 1px solid var(--jit-border);
	font-size: 0.9rem;
	text-align: left;
}

.jit-analysis-table th {
	background: var(--jit-bg-alt);
	font-weight: 600;
	color: var(--jit-text-muted);
	font-size: 0.8rem;
	text-transform: uppercase;
}

/* CSS Percentage Bar inside count cells */
.jit-bar-cell {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 130px;
}

.jit-bar-wrap {
	flex: 1;
	height: 10px;
	background: #e2e8f0;
	border-radius: 4px;
	overflow: hidden;
}

.jit-bar-fill {
	display: block;
	height: 100%;
	background: var(--jit-primary);
	border-radius: 4px;
	transition: width 0.3s ease;
}

.jit-bar-val {
	font-size: 0.85rem;
	font-weight: 600;
	min-width: 28px;
	text-align: right;
	color: var(--jit-text);
}


/* --------------------------------------------------------------------------
 * TASK 6: HOMEPAGE INTRO, SEO, SINGLE POST & PAGE LAYOUTS
 * -------------------------------------------------------------------------- */

/* Homepage Hero Intro Paragraph (Rule A) */
.jit-hero-intro {
	max-width: 720px;
	margin: 0 auto 20px auto;
	text-align: left;
	font-size: 17px;
	line-height: 1.7;
	color: #334155;
}

.jit-hero-intro-after {
	margin: 20px auto 0 auto;
}

.jit-hero-intro p {
	margin: 0 0 12px 0;
}

.jit-hero-intro p:last-child {
	margin-bottom: 0;
}

/* Key Facts Card (Rule B6) */
.jit-key-facts-wrapper {
	max-width: 720px;
	margin: 0 auto 24px auto;
}

.jit-key-facts-card {
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	background: #fff;
	padding: 18px 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.jit-key-facts-title {
	font-size: 15px;
	font-weight: 700;
	color: #047857;
	margin: 0 0 12px 0;
	border-bottom: 2px solid #a7f3d0;
	padding-bottom: 4px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.jit-key-facts-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 24px;
	margin: 0 0 12px 0;
}

@media (max-width: 640px) {
	.jit-key-facts-grid {
		grid-template-columns: 1fr;
		gap: 8px;
	}
}

.jit-key-facts-row {
	display: flex;
	flex-direction: column;
}

.jit-key-facts-dt {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color: #64748b;
	margin: 0;
}

.jit-key-facts-dd {
	font-size: 15px;
	color: #0f172a;
	margin: 2px 0 0 0;
}

.jit-key-facts-summary {
	margin: 12px 0 0 0;
	padding-top: 10px;
	border-top: 1px solid #f1f5f9;
	font-size: 14px;
	color: #475569;
	font-style: italic;
	line-height: 1.5;
}

/* Single Post & Static Page Wrappers (Rule C) */
.jit-single-wrap,
.jit-page-wrap {
	max-width: 100%;
	margin: 0 auto;
	padding: 16px 12px 40px 12px;
}

.jit-single-header,
.jit-page-header {
	max-width: 760px;
	margin: 0 auto 20px auto;
	text-align: center;
}

.jit-meta-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px 12px;
	font-size: 13px;
	color: #64748b;
	margin-top: 10px;
	margin-bottom: 20px;
}

.jit-meta-div {
	color: #cbd5e1;
}

/* Reading Column (Rule C) */
.jit-reading-column {
	max-width: 720px;
	margin: 24px auto;
	font-size: 17px;
	line-height: 1.7;
	color: #1e293b;
}

.jit-reading-column h2 {
	font-size: 22px;
	font-weight: 700;
	color: #0f172a;
	margin-top: 36px;
	margin-bottom: 16px;
	position: relative;
	padding-bottom: 8px;
	scroll-margin-top: 80px;
}

.jit-reading-column h2::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 3px;
	background: #047857;
	border-radius: 2px;
}

.jit-reading-column h3 {
	font-size: 18px;
	font-weight: 600;
	color: #0f172a;
	margin-top: 24px;
	margin-bottom: 10px;
	scroll-margin-top: 80px;
}

.jit-reading-column p {
	margin-bottom: 18px;
}

.jit-reading-column ul,
.jit-reading-column ol {
	margin-left: 24px;
	margin-bottom: 18px;
	line-height: 1.7;
}

.jit-reading-column li {
	margin-bottom: 8px;
}

.jit-reading-column blockquote {
	border-left: 4px solid #047857;
	margin: 24px 0;
	padding: 12px 20px;
	background: #f8fafc;
	font-style: italic;
	color: #334155;
	border-radius: 0 4px 4px 0;
}

.jit-reading-column a {
	color: #047857;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.jit-reading-column a:hover {
	color: #065f46;
	text-decoration-thickness: 2px;
}

/* Breadcrumbs (Rule B7, C) */
.jit-breadcrumbs {
	max-width: 720px;
	margin: 0 auto 16px auto;
	font-size: 13px;
	color: #64748b;
}

.jit-breadcrumbs-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.jit-breadcrumb-item {
	display: inline-flex;
	align-items: center;
}

.jit-breadcrumb-sep {
	margin: 0 8px;
	color: #94a3b8;
}

.jit-breadcrumbs a {
	color: #047857;
	text-decoration: none;
}

.jit-breadcrumbs a:hover {
	text-decoration: underline;
}

.jit-breadcrumb-current {
	color: #475569;
}

/* Auto Table of Contents (Rule C) */
.jit-toc {
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	background: #f8fafc;
	padding: 16px 20px;
	margin: 20px 0 32px 0;
}

.jit-toc-heading {
	font-size: 14px;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.jit-toc-list {
	margin: 0 0 0 20px;
	padding: 0;
	line-height: 1.6;
	font-size: 15px;
}

.jit-toc-list li {
	margin-bottom: 6px;
}

.jit-toc-list a {
	color: #047857;
	text-decoration: none;
}

.jit-toc-list a:hover {
	text-decoration: underline;
}

/* Source Box on Result Posts (Rule C8) */
.jit-source-box {
	max-width: 720px;
	margin: 24px auto;
	padding: 16px 20px;
	border: 1px solid #e2e8f0;
	border-left: 4px solid #047857;
	border-radius: 4px;
	background: #f8fafc;
	font-size: 14px;
	color: #334155;
}

.jit-source-box p {
	margin: 0 0 6px 0;
}

.jit-source-box p:last-child {
	margin-bottom: 0;
}

.jit-source-warning {
	font-size: 13px;
	color: #64748b;
}

/* Previous / Next Draw Navigation (Rule C9) */
.jit-prev-next-draws {
	max-width: 720px;
	margin: 28px auto;
}

.jit-prev-next-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

@media (max-width: 580px) {
	.jit-prev-next-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
}

.jit-prev-next-card {
	display: flex;
	flex-direction: column;
	padding: 14px 16px;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	background: #fff;
	text-decoration: none;
	color: inherit;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.jit-prev-next-card:hover {
	border-color: #047857;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.jit-prev-next-sub {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color: #047857;
	margin-bottom: 4px;
}

.jit-prev-next-title {
	font-size: 15px;
	font-weight: 700;
	color: #0f172a;
	line-height: 1.3;
}

.jit-prev-next-date {
	font-size: 13px;
	color: #64748b;
	margin-top: 4px;
}

/* More Lottery Results & Recent Draws (Rule C9) */
.jit-more-lottery-results,
.jit-recent-other-draws {
	max-width: 720px;
	margin: 32px auto;
}

.jit-more-results-list {
	list-style: none;
	padding: 0;
	margin: 12px 0 0 0;
}

.jit-more-result-item {
	border-bottom: 1px solid #f1f5f9;
	padding: 8px 0;
	font-size: 15px;
}

.jit-more-result-item:last-child {
	border-bottom: none;
}

.jit-more-result-item a {
	color: #047857;
	text-decoration: none;
}

.jit-more-result-item a:hover {
	text-decoration: underline;
}

/* FAQ Details/Summary (Rule C6) */
.jit-faq-details {
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	margin-bottom: 12px;
	background: #fff;
	overflow: hidden;
}

.jit-faq-summary {
	padding: 14px 18px;
	font-weight: 600;
	font-size: 16px;
	color: #0f172a;
	cursor: pointer;
	background: #f8fafc;
	user-select: none;
}

.jit-faq-summary:hover {
	background: #f1f5f9;
	color: #047857;
}

.jit-faq-answer {
	padding: 16px 18px;
	border-top: 1px solid #e2e8f0;
	font-size: 15px;
	line-height: 1.6;
	color: #334155;
}

/* Single Checker Panel (Rule C7) */
.jit-single-checker-panel {
	max-width: 720px;
	margin: 32px auto;
	padding: 24px 20px;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	background: #f8fafc;
}

/* Task 3 Related Pages Block Styling (Rule C4) */
.jit-related-pages {
	max-width: 720px;
	margin: 32px auto 0 auto;
	padding-top: 24px;
	border-top: 1px solid #e2e8f0;
}

/* Accessible Form Controls for Contact Page (Rule C5) */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea,
select {
	min-height: 44px;
	border: 1px solid #cbd5e1;
	border-radius: 4px;
	padding: 10px 14px;
	font-size: 15px;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	color: #0f172a;
}

input:focus,
textarea:focus,
select:focus {
	outline: 2px solid #047857;
	outline-offset: 1px;
	border-color: #047857;
}

/* Print Stylesheet (Rule C) */
@media print {
	body * {
		visibility: hidden !important;
	}
	.jit-single-wrap,
	.jit-single-wrap .jit-single-header,
	.jit-single-wrap .jit-single-header *,
	.jit-single-wrap .jit-table-wrapper,
	.jit-single-wrap .jit-table-wrapper *,
	.jit-single-wrap .jit-source-box,
	.jit-single-wrap .jit-source-box * {
		visibility: visible !important;
	}
	.jit-single-wrap {
		position: absolute !important;
		left: 0 !important;
		top: 0 !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	header,
	footer,
	nav,
	.jit-breadcrumbs,
	.jit-key-facts-wrapper,
	.jit-single-checker-panel,
	.jit-prev-next-draws,
	.jit-more-lottery-results,
	.jit-recent-other-draws,
	.jit-related-pages,
	.jit-footer-links-wrap,
	.jit-ad-slot,
	#ticket-checker,
	.jit-reading-column {
		display: none !important;
	}
	table {
		border-collapse: collapse !important;
		width: 100% !important;
	}
	th,
	td {
		border: 1px solid #000 !important;
		color: #000 !important;
		font-size: 11pt !important;
		background: transparent !important;
	}
}

/* ==========================================================================
   Full Site Fix Additions (Section A & Section B)
   ========================================================================== */

/* Section A: Pasted Content Typography & Layout */
.entry-content {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	font-size: 17px;
	line-height: 1.7;
	color: #222222;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.entry-content p {
	margin-bottom: 1.5em;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin-top: 1.8em;
	margin-bottom: 0.8em;
	line-height: 1.3;
	color: #0f172a;
}

.entry-content ul,
.entry-content ol {
	margin-bottom: 1.5em;
	padding-left: 1.5em;
}

.entry-content li {
	margin-bottom: 0.5em;
}

.entry-content a {
	text-decoration: underline;
	text-underline-offset: 3px;
	color: #0d6efd;
}

.entry-content a:hover,
.entry-content a:focus {
	color: #0a58ca;
	text-decoration-thickness: 2px;
}

/* Horizontal scrolling for wide tables inside pasted content (Section A.2) */
.entry-content table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 1.5em auto;
	border-collapse: collapse;
	width: auto;
}

.entry-content table th,
.entry-content table td {
	padding: 10px 14px;
	border: 1px solid #cbd5e1;
	text-align: left;
}

.entry-content table th {
	background-color: #f8fafc;
	font-weight: 600;
}

/* Section B: Result Post Header & Draw Summary Card */
.jit-single-header,
.jit-page-header {
	max-width: 760px;
	margin: 0 auto 16px;
	text-align: center;
}

.jit-single-header .jit-page-title,
.jit-page-header .jit-page-title {
	font-size: 1.85rem;
	font-weight: 800;
	line-height: 1.25;
	margin-bottom: 10px;
	color: #0f172a;
}

.jit-section-line {
	width: 48px;
	height: 3px;
	background-color: #0d6efd;
	margin: 10px auto 14px;
	border-radius: 2px;
}

.jit-meta-row {
	font-size: 0.95rem;
	color: #475569;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin-bottom: 16px;
}

.jit-meta-div {
	color: #cbd5e1;
}

.jit-draw-summary-card {
	max-width: 460px;
	margin: 16px auto 24px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background-color: #ffffff;
	padding: 16px 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.jit-draw-summary-card .jit-summary-card-title,
.jit-draw-summary-card .jit-draw-summary-title {
	font-size: 1.15rem;
	font-weight: 700;
	margin: 0 0 12px;
	text-align: center;
	color: #0f172a;
}

.jit-summary-card-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.925rem;
	margin: 0;
}

.jit-summary-card-table tr {
	border-bottom: 1px solid #f1f5f9;
}

.jit-summary-card-table tr:last-child {
	border-bottom: none;
}

.jit-summary-card-table th {
	text-align: left;
	padding: 8px 10px 8px 0;
	font-weight: 600;
	color: #475569;
	width: 42%;
	border: none;
	background: transparent;
}

.jit-summary-card-table td {
	text-align: right;
	padding: 8px 0 8px 10px;
	color: #0f172a;
	font-weight: 600;
	border: none;
}

.jit-featured-image-wrap {
	max-width: 760px;
	margin: 16px auto 24px;
	text-align: center;
}

.jit-single-featured-img {
	max-width: 100%;
	height: auto;
	border-radius: 6px;
	display: inline-block;
}

@media (max-width: 576px) {
	.jit-single-header .jit-page-title,
	.jit-page-header .jit-page-title {
		font-size: 1.45rem;
	}
	.jit-draw-summary-card {
		padding: 12px 14px;
		margin: 14px 12px 20px;
	}
	.entry-content {
		font-size: 16px;
	}
}