/* phenix GUIDE adapter — host tokens only. No GUIDE font.
   Load last: host CSS → guide.css → this file.
*/
.guide_content_wrap,
.page_list {
	--guide-text: #fff;
	--guide-muted: #7e7c7b;
	--guide-heading: #ff9c00;
	--guide-on-header: #ff9c00;
	--guide-link: #ff9c00;
	--guide-link-hover: #ffe26e;
	--guide-active: #ff9c00;
	--guide-accent: #ffcc00;
	--guide-border: #251f1f;
	--guide-surface: transparent;
	--guide-surface-alt: #251f1f;
	--guide-table-head: #251f1f;
	--guide-warning: #ffaf04;
	--guide-danger: #e22024;
}

.guide_content_wrap {
	width: 100%;
	max-width: 100%;
	background: transparent;
}

/* SQL read / card sit in .widgets_news without .dmn-content.
   Match host .dmn-content / .news-block chrome. Library already has that wrapper. */
.widgets_news > .guide_content_wrap,
.widgets_news > .page_list {
	width: 800px;
	min-width: 0;
	padding: 0 40px 40px 40px;
	margin-left: 10px;
	z-index: 1;
	background: url(../images/bg-news-top.jpg) top center no-repeat, url(../images/bg-news-repeat.jpg) repeat;
	box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 0.4);
	position: relative;
	overflow-x: auto;
	box-sizing: border-box;
}

@media (max-width: 1200px) {
	.widgets_news > .guide_content_wrap,
	.widgets_news > .page_list {
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
	}
	.dmn-content:has(.guide_content_wrap) {
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
	}
}

@media (max-width: 992px) {
	.widgets_news > .guide_content_wrap,
	.widgets_news > .page_list {
		padding: 0 30px 40px 30px;
	}
}

@media (max-width: 700px) {
	.widgets_news > .guide_content_wrap,
	.widgets_news > .page_list {
		padding: 0 20px 40px 20px;
	}
}

/* Host .dmn-content { overflow: hidden } would clip local table scrollports. */
.dmn-content:has(.guide_content_wrap) {
	min-width: 0;
	overflow-x: auto;
}

.guide_content_wrap h1,
.guide_content_wrap h2,
.guide_content_wrap h3 {
	color: var(--guide-heading);
}

.guide_content_wrap img {
	max-width: 100%;
	height: auto;
}

/* T2-core-gap: hardcoded leftovers, token-mapped only. */
.guide_content_wrap .dict_item_list .title_set {
	background: var(--guide-surface-alt);
	color: var(--guide-heading);
}
.guide_content_wrap .tb_item_list td.name span,
.guide_content_wrap .dict_item_list td.name span {
	color: var(--guide-muted);
}
.guide_content_wrap .marketexe {
	color: var(--guide-muted);
	text-shadow: none;
}