/* CTX-98 Official Channels */
.ctx98-oc{
	--ctx98-oc-purple:#6f108e;
	--ctx98-oc-purple-dark:#45105b;
	--ctx98-oc-green:#16845f;
	--ctx98-oc-ink:#24172e;
	--ctx98-oc-soft:#6d6475;
	--ctx98-oc-line:#e5d8ec;
	--ctx98-oc-bg:#faf6fe;
	font-family:inherit;
}
.ctx98-oc__hero{
	margin:0 0 24px;
	padding:28px;
	border:1px solid var(--ctx98-oc-line);
	border-radius:22px;
	background:linear-gradient(125deg,#fcfbff 0%,#f8f2ff 56%,#eee3fb 100%);
}
.ctx98-oc__kicker{
	margin:0 0 8px!important;
	color:var(--ctx98-oc-purple);
	font-size:12px!important;
	font-weight:700;
	letter-spacing:normal;
	text-transform:uppercase;
}
.ctx98-oc__hero h2{
	margin:0 0 10px!important;
	color:var(--ctx98-oc-ink);
	font-size:clamp(30px,3.4vw,46px)!important;
	font-weight:700!important;
	line-height:1.08!important;
	letter-spacing:normal!important;
}
.ctx98-oc__hero p{
	max-width:760px;
	margin:0!important;
	color:var(--ctx98-oc-soft);
	font-size:16px!important;
	line-height:1.65!important;
}
.ctx98-oc-checker{
	margin:0 0 24px;
	padding:22px;
	border:1px solid #d8c4e5;
	border-radius:20px;
	background:#fff;
	box-shadow:0 12px 26px rgba(53,20,75,.08);
}
.ctx98-oc-checker__form label{
	display:block;
	margin:0 0 9px;
	color:var(--ctx98-oc-ink);
	font-size:14px;
	font-weight:700;
}
.ctx98-oc-checker__row{
	display:flex;
	gap:10px;
}
.ctx98-oc-checker input{
	width:100%;
	min-height:46px;
	padding:10px 14px;
	border:1px solid #d8c4e5;
	border-radius:12px;
	background:#fff;
	color:#2f2538;
	font:inherit;
}
.ctx98-oc-checker button{
	min-height:46px;
	padding:10px 20px;
	border:0;
	border-radius:999px;
	background:var(--ctx98-oc-purple);
	color:#fff;
	font:inherit;
	font-weight:700;
	cursor:pointer;
}
.ctx98-oc-checker button:hover{background:var(--ctx98-oc-purple-dark)}
.ctx98-oc-result{
	margin-top:16px;
	padding:16px;
	border-radius:15px;
}
.ctx98-oc-result--verified{
	border:1px solid #b9e2cf;
	background:#effaf5;
	color:#174d3e;
}
.ctx98-oc-result--unverified{
	border:1px solid #efc6c6;
	background:#fff4f4;
	color:#7d2323;
}
.ctx98-oc-result--empty{
	border:1px solid #eadab5;
	background:#fffaf0;
	color:#6d4d14;
}
.ctx98-oc-result__match{margin-top:14px}
.ctx98-oc__warning{
	margin:0 0 24px;
	padding:16px 18px;
	border:1px solid #cde9dc;
	border-radius:16px;
	background:#effaf5;
	color:#275b4d;
	font-size:14px;
	line-height:1.6;
}
.ctx98-oc-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:16px;
}
.ctx98-oc-card{
	display:flex;
	flex-direction:column;
	min-height:166px;
	padding:18px;
	border:1px solid var(--ctx98-oc-line);
	border-radius:18px;
	background:#fff;
	box-shadow:0 10px 22px rgba(53,20,75,.06);
	transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.ctx98-oc-card:hover{
	border-color:#d8bfe8;
	box-shadow:0 16px 30px rgba(53,20,75,.1);
	transform:translateY(-2px);
}
.ctx98-oc-card__top{
	display:grid;
	grid-template-columns:auto auto 1fr;
	align-items:center;
	gap:8px;
	margin-bottom:14px;
}
.ctx98-oc-card__iconwrap{
	display:inline-grid;
	width:34px;
	height:34px;
	place-items:center;
	border-radius:11px;
	background:#f1e5f8;
	color:var(--ctx98-oc-purple);
}
.ctx98-oc-icon{
	display:block;
	width:19px;
	height:19px;
	fill:currentColor;
}
.ctx98-oc-card__badge{
	display:inline-flex;
	width:fit-content;
	padding:5px 9px;
	border-radius:999px;
	background:#f1e5f8;
	color:var(--ctx98-oc-purple);
	font-size:11px;
	font-weight:700;
	line-height:1;
}
.ctx98-oc-card__verified{
	justify-self:end;
	display:inline-flex;
	width:fit-content;
	padding:5px 9px;
	border-radius:999px;
	background:#e9f8f0;
	color:var(--ctx98-oc-green);
	font-size:11px;
	font-weight:700;
	line-height:1;
}
.ctx98-oc-card h3{
	margin:0 0 8px!important;
	color:var(--ctx98-oc-ink);
	font-size:20px!important;
	font-weight:700!important;
	line-height:1.22!important;
	letter-spacing:normal!important;
}
.ctx98-oc-card h3 a{
	color:inherit!important;
	text-decoration:none!important;
}
.ctx98-oc-card h3 a:hover{color:var(--ctx98-oc-purple)!important}
.ctx98-oc-card__handle{
	margin:0 0 8px!important;
	color:var(--ctx98-oc-purple);
	font-size:13px!important;
	font-weight:700;
	word-break:break-word;
}
.ctx98-oc-card__link{
	display:inline-flex;
	align-items:center;
	gap:6px;
	width:fit-content;
	max-width:100%;
	margin:0 0 9px;
	padding:8px 11px;
	border:1px solid #e5d8ec;
	border-radius:999px;
	background:#faf6fe;
	color:var(--ctx98-oc-purple)!important;
	font-size:12px;
	font-weight:700;
	line-height:1.2;
	text-decoration:none!important;
	word-break:normal;
}
.ctx98-oc-card__link span{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.ctx98-oc-card__link svg{
	width:13px;
	height:13px;
	flex:0 0 auto;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.ctx98-oc-card__link:hover{
	border-color:#d7bbe6;
	background:#f4eafa;
	color:var(--ctx98-oc-purple-dark)!important;
}
.ctx98-oc-card__meta{
	margin:0 0 8px!important;
	color:#82768b;
	font-size:12px!important;
	font-weight:700;
}
.ctx98-oc-card__note{
	margin:4px 0 0!important;
	padding:10px 11px;
	border-radius:11px;
	background:#faf6fe;
	color:#5f5367;
	font-size:12px!important;
	line-height:1.5!important;
}
.ctx98-oc-empty{
	padding:22px;
	border:1px dashed #d8c4e5;
	border-radius:16px;
	background:#fff;
	color:var(--ctx98-oc-soft);
}
@media(max-width:960px){
	.ctx98-oc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
	.ctx98-oc__hero{padding:22px}
	.ctx98-oc-checker__row{flex-direction:column}
	.ctx98-oc-checker button{width:100%}
	.ctx98-oc-grid{grid-template-columns:1fr}
	.ctx98-oc-card__top{grid-template-columns:auto auto 1fr}
}


/* v1.0.4 — no naked URLs on public cards. */
.ctx98-oc-card__link{
	white-space:nowrap;
}
