.cat-tooltip,
.tooltip_borderclass {
	padding: 0 1px;
	border-radius: 2px;
	transition: background-color .15s ease, border-color .15s ease;
	display: inline;
}
.cat-tooltip:hover,
.tooltip_borderclass:hover {
	background: transparent;
}

.cat-front-tooltip{
	position:absolute;
	display:none;
	z-index: 999999;
	width: min(520px, calc(100vw - 32px));
	color: #0f172a;
	padding: 16px 18px;
	border-radius: 16px;
	box-shadow: 0 16px 42px rgba(2,6,23,.22);
	border: 1px solid #cbd5e1;
	background: #ffffff;
}
.cat-front-tooltip::after{
	content:'';
	position:absolute;
	width: 12px;
	height: 12px;
	background: #ffffff;
	border: 1px solid #cbd5e1;
	top: -7px;
	left: var(--cat-arrow-left, 50%);
	transform: translateX(-50%) rotate(45deg);
}
.cat-front-tooltip__section{margin-bottom:5px}
.cat-front-tooltip__section:last-child{margin-bottom:0}
.cat-front-tooltip__label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:14px;font-weight:700;display:flex;align-items:center;gap:8px;}
.cat-front-tooltip__label::after{content:'';flex:1;height:1px;background:#e2e8f0;}
.cat-front-tooltip__title{font-weight: 600;
    font-size: 18px;
    color: #101828;
    letter-spacing: .2px;
    text-transform: capitalize;}
.cat-front-tooltip__desc{    color: #4A5565;
    margin-bottom: 12px;
    line-height: 1.6;
    font-size: 15px;}
.cat-claim-list{margin:0;padding-left:18px;color:#0f172a}
.cat-claim-list li{margin-bottom:4px}
.cat-claim-list li:last-child{margin-bottom:0}
.cat-claim-link{
	color:#0f172a;
	font-weight:700;
	text-decoration:underline;
	text-underline-offset:2px;
}

.cat-claim-link__meta{
	margin-top:2px;
	color:#1f2937;
	font-weight:400;
}
.cat-supported-empty{
	font-size: 12px;
	opacity: .8;
}

.cat-mobile-overlay{
	position:fixed;
	inset:0;
	background: rgba(17,24,39,.55);
	z-index: 999990;
}
.cat-mobile-modal{
	position:fixed;
	left:50%;
	bottom: 12px;
	top: auto;
	transform: translateX(-50%);
	width: min(560px, calc(100vw - 20px));
	background: #fff;
	border-radius: 18px 18px 14px 14px;
	box-shadow: 0 20px 60px rgba(0,0,0,.28);
	z-index: 999991;
	padding: 14px 14px 16px;
	max-height: calc(100vh - 24px);
	overflow: auto;
}
.cat-mobile-close{
	position:absolute;
	right: 10px;
	top: 8px;
	border:none;
	background: transparent;
	font-size: 22px;
	cursor:pointer;
	color: #6b7280;
}
.cat-mobile-section{margin-bottom:6px}
.cat-mobile-section:last-child{margin-bottom:0}
.cat-mobile-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:8px;font-weight:700;padding-bottom:8px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:8px;}
.cat-mobile-label::after{content:'';flex:1;height:1px;background:#e2e8f0;}
.cat-mobile-title{font-size:16px;font-weight:800;color:#111827;padding-right:28px}
.cat-mobile-desc{color:#334155;line-height:1.5}
/* background is now controlled entirely by the global settings inline CSS */
@media (max-width: 767px){
	.cat-front-tooltip{
		width: calc(100vw - 16px);
		padding: 12px;
		border-radius: 12px;
	}
	.cat-front-tooltip__title{
		font-size:15px;
	}
	.cat-front-tooltip{
		padding: 14px;
	}
	.cat-mobile-modal{
		left: 50%;
		width: calc(100vw - 12px);
		bottom: 6px;
		border-radius: 14px 14px 12px 12px;
		padding: 12px 12px 14px;
	}
	.cat-mobile-title{
		font-size:15px;
	}
}