.display_format { --format: 0; }

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

	div, li, p {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
	}

	body { padding: 0; margin: 0 0 25 0; }
	
	.minimum_height {
		height: auto; /* Chrome */
		height: fit-content; /* Safari */
	}

	.hide_div { display: none !important; }

	.freeze { will-change: transform, opacity; }
	
	a { text-decoration: none; color: inherit; } 
	a:hover { text-decoration: none; color: inherit; }
	p { margin-block-start: 0px; margin-block-end: 0px; }
 	/* p:hover { text-decoration: none; color: inherit; } */
	h1 { color: rgb(35,35,35); display: inline; font-family: PT Sans, sans-serif; font-size: 36px; font-weight: 800; letter-spacing: -0.025em; line-height: 1.1; margin: 0 0 0 0; }
	h2 { color: rgb(35,35,35); display: inline; font-family: PT Sans, sans-serif; font-size: 20px; font-weight: 300; margin: 5 0 0 0; }
	.body_copy { margin: 0 0 4 0; font-family: PT Sans, sans-serif; font-size: 13px;
				/*  letter-spacing: 0.2; */ font-weight: 300; color: rgb(80,80,80); line-height: 140%;
				/* width: -webkit-fill-available */ /* Added on 4.8.2025 */;
				}
	.body_copy_secondary { }
	.body_copy_secondary:hover { text-decoration: none; color: inherit; }
	.body_copy_bolder { font-weight: 800; }
	.body_copy_surplus { display: none !important; opacity: 0.5; }
	.horizontal_slider_item_surplus { display: none !important; opacity: 0.5; }
	.main_title { padding: 0; }
	.info_text { margin: 0 0 4 0; font-family: PT Sans, sans-serif; font-size: 8px; font-weight: 300; color: rgb(200, 200, 200); line-height: 1.4; }
	.info_text_image { width: 100%; padding: 0 0 2 10; position: absolute; bottom: 0; z-index: 100;
						font-family: PT Sans, sans-serif; font-size: 7px; font-weight: 300; line-height: 1.4;
						color: rgb(255, 255, 255, 0.3); }

	header, footer { width: 990px; margin: 0 auto; }
	.header_top_part { background-color: #fff; }
	.header { display: flex; height: 110px; position: relative; /* margin: 0 3%; */ padding: 0 0 15 0; /* border-bottom: 1px solid rgb(80, 80, 80); */ }
	.header_top_part { display: contents; }
	.header_logo { order: 1; grid-area: header_logo; position: relative; height: 40px; margin: 0 0 -4 0; align-self: flex-end; }
	.header_menu { 	order: 2; grid-area: header_menu; align-self: flex-end; overflow: hidden; padding-left: 30px;
					width: -webkit-fill-available; }
	.header_menu_whole {
							display: flex; margin: 5 0 0 0;

							display: flex;
							flex-wrap: nowrap;
							overflow-x: auto;
							overflow-y: hidden;
							-webkit-overflow-scrolling: touch;
							scroll-snap-type: x proximity;
							touch-action: pan-x;
							scrollbar-width: none;	
						}
	.header_menu_whole_greyed a .header_menu_item { color: rgb(180, 180, 180); }
	.header_menu_item_active { font-weight: 600; }
	.header_menu .header_menu_item_active { font-size: 18px; line-height: 0.8 !important; }
	.header_version_badge { position: absolute; margin: 0; padding: 4; top: -7; right: -12; color: white;
							background-color: red; background-color: #CC0066;}
	.header_menu_info_time { margin: 0 10 0 20; padding: 3 0 3 0; align-self: end; font-size: 13px; color: rgb(180, 180, 180); white-space: nowrap; }
	.header_menu_info_path { margin: 0 10 0 0; font-size: 13px; color: rgb(180, 180, 180); }
	#header_menu_whole { }

	.header_menu_search { order: 3; grid-area: header_search; flex-shrink: 0; position: relative; align-items: center; padding: 0 0 0 20; }
	.search_input { width: 200px; width: 100%; height: 40px; padding: 5px 35px 5px 12px; border: 1px solid #ccc; /* border-radius: 4px; */ font-size: 16px; /* >=16px: iOS Safari auto-zooms on focus below this (visible since user-scalable=0 was removed) */ }
	.search_input:focus { outline: none; border-color: #aaa; }
	.search_button { 	position: absolute; right: 0px; top: 0px;
						width: 40px; height: 40px; background-color: transparent;
						border: none; padding-left: 6px; cursor: pointer;
					}
	.search_icon { width: 20px; height: 20px; pointer-events: none; }

	.footer { padding: 0; margin: 20 0 30 0; border-top: 1px solid rgb(200,200,200); padding-top: 30px; }
	.footer .footer_menu { justify-content: flex-start; }
	.footer .header_logo { margin-bottom: 15px; align-self: flex-start; }
	.footer_menu { margin: 0 0 15; padding: 0; display: flex; justify-content: center; }
	.footer_menu_item { height: 16px; width: fit-content; margin: 0 16 0 0;}
	.footer_menu > div:last-of-type { margin: 0; }
	.footer_menu a:first-of-type > div:first-of-type{ padding: 3px 10px 3px 0px; }

	.footer_menu:has(#themeSwitchWrap) { overflow: visible; }

	/* Email + social icons row: vertical separators between items, like the top menu */
	.footer_socnet_menu .footer_menu_item { display: flex; align-items: center; border-right: 1px solid rgb(226, 226, 226); padding-right: 10px; margin-right: 10px; }
	.footer_socnet_menu .footer_menu_item:last-of-type { border-right: none; padding-right: 0; margin-right: 0; }

	.wordcloud_block { display: block; justify-content: initial; margin: 0 0 18 0; overflow: visible; }
	.wordcloud_item { display: inline-block; height: fit-content; width: fit-content; position: relative;
						/* padding: 5 8; */ margin: 0 5 5 0;
						cursor: pointer;
						user-select: none; /* Prevent text selection */
						-webkit-user-select: none; /* For Safari */
						-ms-user-select: none; /* For IE10+ */
						-moz-user-select: none; /* For older Firefox */}

	.wordcloud_paragraph { height: 30px; width: fit-content; line-height: 30px;
							background-color: black; color: white; }
	.wordcloud_paragraph_text { font-weight: 200; padding: 5 8; }
	.wordcloud_paragraph_dots { display: inline-block;
								position: relative; left: -2; top: -3;
								font-size: 21px; line-height: 85%; font-weight: 800; letter-spacing: 1px;
								padding: 3 8 13 8; /* margin-left: 5; border-left: 1px solid white; */ }
	.wordcloud_paragraph_text_tagged { font-weight: 800; padding: 5 8 5 8; }

	/* --- Source-articles popup (desktop hover only) ----------------------- */
	.wordcloud_sources_popup {
		display: none;
		position: absolute;
		top: calc(100% + 4px);
		left: 0;
		z-index: 100;
		width: 360px;
		max-width: calc(100vw - 24px);
		max-height: 60vh;
		overflow-y: auto;
		background: #ffffff;
		color: #111;
		border: 1px solid #e0e0e0;
		border-radius: 6px;
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
		padding: 8px 4px;
		text-align: left;
		cursor: default;
	}
	.wordcloud_sources_popup .wordcloud_source_link {
		display: block;
		text-decoration: none;
		color: inherit;
		padding: 0 8px;
		margin: 0 0 8px 0;
		border-radius: 4px;
	}
	.wordcloud_sources_popup .wordcloud_source_link:last-child {
		margin-bottom: 0;
	}
	.wordcloud_sources_popup .wordcloud_source_link:hover {
		background: #f5f5f5;
	}
	.wordcloud_sources_popup .wordcloud_source_row { margin: 0; position: relative; }
	.wordcloud_sources_popup .body_copy_time { font-size: 12px; line-height: 1.6; opacity: 0.6; }
	/* Neutralise the global 10px margin-bottom / -3px margin-top from the
	   timeline so per-row heights are predictable and gaps stay uniform. */
	.wordcloud_sources_popup .body_copy_timeline_content {
		margin: 0; padding: 0 0 0 5px; list-style: none;
	}
	.wordcloud_sources_popup .body_copy_source { font-size: 14px; line-height: 18px; }
	.wordcloud_sources_popup .body_copy_timeline_single .body_copy_source .source_article_body { line-height: 1.2; }
	/* Connecting line bridges the inter-row gap (link margin-bottom = 8px). */
	.wordcloud_sources_popup .connecting_line_longer {
		top: 16px;
		height: calc(100% - 16px + 8px);
	}
	/* Last article has nothing below it — no dangling line. */
	.wordcloud_sources_popup .wordcloud_source_link:last-child .connecting_line_longer {
		display: none;
	}
	@media (hover: hover) and (pointer: fine) {
		.wordcloud_item:hover .wordcloud_sources_popup,
		.wordcloud_item.wordcloud_sources_popup_open .wordcloud_sources_popup { display: block; }
	}

	.long-press-active { background-color: rgba(0, 0, 0, 0.1); }

	.hover_window {
		pointer-events: auto; position: absolute; z-index: 1000; padding: 10px;
		overflow-y: auto; overflow-x: hidden; box-sizing: border-box;
		bottom: 100%; max-width: 350px; max-height: 500px;
		background-color: #fff; border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 		transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; transform: scale(0.95);
	}

	.hover_window img { margin: 0 0 10 0;
						max-height: 200px; object-fit: cover; object-position: 50% 40%; overflow: hidden; width: 100%;
						--mask: linear-gradient( to bottom, rgba(0,0,0, 1) 0,   rgba(0,0,0, 1) 70%, rgba(0,0,0, 0) 95%, rgba(0,0,0, 0) 0 ) 100% 50% / 100% 100% repeat-x;
						-webkit-mask: var(--mask); mask: var(--mask);
					}
	.hover_window .subtitles_1 { margin: 0 0 8 0; }
	.hover_window[style*="display: block"] { opacity: 1; transform: scale(1); }
	.hover_window iframe { width: 100%; height: 100%; border: none; overflow: hidden; }

	.horizontal_slider_frame { display: flex; flex-direction: row; height: unset; overflow-x: scroll; overflow-y: hidden;
								scroll-snap-type: x mandatory; margin: 0 0 0 0; padding: 0 0 0 0;
								--mask: linear-gradient(to bottom, rgba(0,0,0, 1) 0,   rgba(0,0,0, 1) 50%, rgba(0,0,0, 0) 100%, rgba(0,0,0, 0) 0 ) 100% 50% / 100% 100% repeat-x;
								/* -webkit-mask: var(--mask); mask: var(--mask); */ }
	.horizontal_slider_item { width: 23.4%; margin-right: 20px; }
	.horizontal_slider_frame .horizontal_slider_item a { /* border-right: 1px solid white; */ }
	.horizontal_slider_frame .horizontal_slider_item:last-of-type > a { margin-right: 0; }

	.horizontal_slider_frame.header_menu_slider { display: none; margin: 0; padding: 0; }
	.header_menu_whole .header_menu_item,
	.horizontal_slider_frame.header_menu_slider .horizontal_slider_item { 	width: fit-content; margin: 0 0 0 0; padding: 3 10 3 10;
																			line-height: 1.3; background-color: unset;
																			border-right: 1px solid rgb(226, 226, 226);
																			scroll-snap-align: start; align-items: flex-end; }
	.header_menu_whole .header_menu_item { white-space: nowrap; }
	.header_menu_whole a:last-of-type > div:last-of-type,
	.horizontal_slider_frame.header_menu_slider .horizontal_slider_item:last-of-type a { border-right: none; margin-right: 0; }
	.horizontal_slider_frame.header_menu_slider .horizontal_slider_item > a { border-right: none; padding: 0; }
	.horizontal_slider_frame.header_menu_slider .horizontal_slider_item:before { content: none; }
	#header_menu_last_updated_info { margin: 0 0 0 0; }
	#header_period_selection_top { margin-top: 0; }
	.horizontal_slider_frame .header_menu_item {
													margin: 0; padding: 0;
													padding: 0 10 0 10;
													line-height: 1.3;
													display: flex;
													align-items: center;
													justify-content: center;
													height: 100%;
													box-sizing: border-box;
												}
	.top_keywords .horizontal_slider_item .header_menu_item { padding: 0 0 0 10; }

	.scroll-container-wrapper { position: relative; width: 100%; overflow: hidden; } 
	.horizontal_slider_frame { overflow-x: auto; width: 100%; scroll-behavior: smooth; /* white-space: nowrap; */ }
	.horizontal_slider_frame::-webkit-scrollbar { display: none; }
	.horizontal_slider_item { display: inline-block; padding: 10px; }
	.arrow { 	display: none; position: absolute; top: 14px; width: 0px; height: 100%; z-index: 1;
				font-size: 25px; line-height: 28px; color: rgba(0,0,0,0.25); 
				transform: translateY(-50%); pointer-events: none; cursor: pointer; }
	.header_menu .left-arrow { text-align: start; left: 0; width: 30px; background: linear-gradient(to right, white 0%, white 50%, rgba(255, 255, 255, 0.9) 80%, transparent 100%); }
	.header_menu .right-arrow { text-align: end; right: 0; width: 60px; padding-right: 24px; background: linear-gradient(to left, white 0%, white 50%, rgba(255, 255, 255, 0.9) 80%, transparent 100%); }

	.top_keywords { padding: 15; margin: 15; }
	.top_keywords .wordcloud_block { margin: 0; }

	.socnet_menu { margin: 12 0 10 0; padding: 0px 24px 0px 24px; justify-content: initial; }

	.article_wrapper { width: 990px; margin: 0px auto; padding: 0 0 0 0; }
	.titles_wrapper { margin: 20px 0% 0 0%; /* margin: 50 0 0 0; */ }
	.upper_wrapper { margin: 0px 3% 0 3%; display: grid; grid-template-columns: 24.85% 75.15%; grid-template-rows: 100%; grid-template-areas: "TopImages TopText"; }
	.lower_wrapper { margin: 10px 3% 0 3%; display: flex; align-items: flex-start; }
	.lower_wrapper_grid { margin: 10px 3% 0 3%; display: grid; grid-template-columns: 25% 50% 25%; grid-template-rows: 100%; grid-template-areas: "SideDish MainDish RightDish"; }

	.unified_wrapper_grid { margin: 25 0% 0 0%; display: grid; overflow: hidden;
							grid-template-columns: 25% 45% 30%;
							grid-template-rows: 206px 100px 100px 100px 100px 100%;
							grid-template-areas:"ImageBlock1 TopText TopText"
												"Timeline TopText TopText"
												"Timeline ImageBlock2 Social"
												"Timeline Geo Social"
												"Timeline AllText Social"
												"Timeline RemainingTitles Social"
												"Timeline Ners Social"
												"Timeline AllRemainingArticles Social";
							}

	.image_wrapper_100 { display: none; }
	.image_wrapper_101 { display: none; }
	.image_wrapper_1 { 				grid-area: ImageBlock1; height: 100%; width: unset; overflow: hidden; padding: 0 0 20 0; }
	.image_wrapper_2 { 				grid-area: ImageBlock2; /* height: 100%; */ height: unset; width: unset; overflow: hidden; margin: 0 25 24 24; padding: 0 0 0 0; }

	.geo { 							grid-area: Geo; height: 100%; width: unset; margin: 0 25 24 24; padding: 0 0 0 0; }
	.map { height: 200px; width: 100%; }
	.geo .wordcloud_block { margin-top: 9px; }

	.map_pin_label{
		background: rgba(0,0,0,0.75);
		color: #fff;
		border: 0;
		border-radius: 6px;
		padding: 2px 6px;
		font-size: 12px;
		line-height: 1.2;
		white-space: nowrap;
		box-shadow: 0 2px 6px rgba(0,0,0,0.25);
	}
	.map_pin_label:before{ display:none; } /* hides default tooltip pointer */

	.body_copy_main { 				grid-area: TopText; 	height: fit-content; margin: 0 0 0 25; /* padding: 0 0 20 0; */ }
	.nav_tab_mobile_grid { 			grid-area: NavBar; 		display: block; height: fit-content; margin-top: 5px; }
	.body_copy_timeline_grid { 		grid-area: Timeline; 	margin: 0 0 0 0; padding: 15 20 15 15; background-color: rgb(240,240,240); --inline-bg: rgb(240,240,240); }
	.social_content_wrapper_grid { 	grid-area: Social; 		margin: 0 0 0 0; padding: 15 20 15 20; background-color: rgb(240,240,240); }

	#timeline_slider { display: none; }
	.scroll-container-wrapper { /* display: none; */ }

	#images_slider { display: none; }
	#social_slider { display: none; }
	#social_slider_social_among_top_content { display: none; }
	.body_copy_all_grid { 			grid-area: AllText; 	margin: 0 25 0 25; }
	.mix_all_grid { 				grid-area: MixAll; 		display: none; }
	.body_remaining_titles_grid { 	grid-area: RemainingTitles; order: 6; margin: 25px 25px 0px 25px;	}
	.body_all_remaining_articles_in_cluster_grid { grid-area: AllRemainingArticles; order: 8; }
	.body_all_remaining_articles_in_cluster_grid h2 { font-weight: 200; color: rgb(100,100,100); }
	.ners_block { 					grid-area: Ners; order: 7; margin: 40px 25px 0px 25px;	}

	.composite_block_title { padding: 0; margin: 0 0 24 0; }
	.composite_block_title h1 { color: rgb(100,100,100); }
	
	.news_block_text_1,
	.news_block_text_2,
	.news_block_text_3,
	.news_block_text_4,
	.news_block_text_5,
	.news_block_text_6,
	.news_block_text_11,
	.news_block_text_12,
	.news_block_text_13,
	.news_block_text_14 { width: unset; display: contents; }

	.related_articles_block .horizontal_slider_item .news_block { flex-flow: row wrap; align-content: start; }
	/* Equalize related-article block heights on desktop too (mobile already does
	   this under @media max-width:560): the slider frame flex-stretches items to
	   the tallest, so height:100% makes every block fill its item. */
	.related_articles_block .horizontal_slider_item .news_block { height: 100%; }
	#RelatedArticles .horizontal_slider_item:last-of-type > a { border-right: none; }
	.related_articles_block .horizontal_slider_item:nth-of-type(1) { 	/* width: 80%; */
																		width: 22.4%;
																		margin: 0 0 0 24;
																		margin: 0 0 0 0;
																		padding-left: 0;
																		}
	/* margin-bottom:0 — the base .horizontal_slider_item carries margin:0 0 20 0
	   for the vertical index slider; in this horizontal, height:100%-equalized
	   row that 20px is eaten by the flex stretch (align-items stretches the
	   MARGIN-box to the tallest), so items with the margin end up 20px shorter
	   in border-box than the first item (which zeroes its margin), breaking the
	   equal-height + bottom-pinned Преглед. REQUEST (2026-07-31). */
	.related_articles_block .horizontal_slider_item { margin-right: 0; margin-bottom: 0; }

	.image_subtitle_wrapper_1 { display: flex; flex-wrap: wrap; }
	.image_subtitle_wrapper_2 { display: flex; flex-wrap: wrap; }
	.image_subtitle_wrapper_3 { display: flex; flex-wrap: wrap; }
	.image_subtitle_wrapper_4 { display: flex; flex-wrap: wrap; }
	.image_subtitle_wrapper_5 { display: flex; flex-wrap: wrap; }
	.image_subtitle_wrapper_6 { display: flex; flex-wrap: wrap; }
	.image_subtitle_wrapper_11 { display: flex; flex-wrap: wrap; }
	.image_subtitle_wrapper_12 { display: flex; flex-wrap: wrap; }
	.image_subtitle_wrapper_13 { display: flex; flex-wrap: wrap; }
	.image_subtitle_wrapper_14 { display: flex; flex-wrap: wrap; }

	.fill { /* display: flex; justify-content: center; align-items: center; */ overflow: auto; overflow: hidden; }
	.fill img { /* flex-shrink: 0; min-width: 100%; min-height: 100%; */ object-fit: cover; width: 100%; height: 100%; }

	.top_images_wrapper { grid-area: TopImages; display: grid; grid-template-rows: 75% 25%; grid-template-areas: "ImageBlock1" "ImageBlock2"; }

	.golden_ratio_image_container_single { grid-template-areas: "A A A A" "A A A A" "A A A A" "A A A A" !important; }

	.golden_ratio_image_container { height: 100%; display: grid; grid-template-columns: 23.6% 5.58% 9.02% 61.8%; grid-template-rows: 61.8% 9.02% 5.58% 23.6%; grid-template-areas: "A A A A" "C C C B" "C C C B" "C C C B"; }
	.golden_ratio_image_container_landscape { height: 100%; display: grid; grid-template-columns: 61.8% 9.02% 5.58% 23.6%; grid-template-rows: 61.8% 9.02% 5.58% 23.6%; grid-template-areas: "A B B B" "A D D C" "A D D C" "A D D C"; }

	/* Changed on 29.11.2024 */
	/* .golden_ratio_image_container { height: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; } */
	/* .golden_ratio_image_container_landscape { height: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; } */

	.golden_ratio_image_item { position: relative; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; font-size: 13px; font-weight: 100; box-sizing: border-box; border: 2px solid white; overflow: hidden; }
	.golden_ratio_image_item_1 { grid-area: A; }
	.golden_ratio_image_item_2 { grid-area: B; }
	.golden_ratio_image_item_3 { grid-area: C; }
	.golden_ratio_image_item_4 { grid-area: D; }
	.golden_ratio_image_item_5 { grid-area: E; }
	.golden_ratio_image_item_6 { grid-area: F; }
	.golden_ratio_image_item_7 { grid-area: G; }
	.golden_ratio_image_item_8 { grid-area: H; }

	.composite_image_link { display: flex; }

	.image_link_box { position: absolute; width: 7px; height: 7px; background-color: white; bottom: 4px; right: 4px; opacity: 0.4; z-index: 100; }
	.image_link_box_black { position: absolute; width: 6px; height: 6px; background-color: black; bottom: 4px; right: 4px; opacity: 0.12; z-index: 100; }
	.text_link_box { opacity: 0.12; font-size: 13px; }
	.image_link_box_text { width: 90%; bottom: 8px; right: 5px; padding: 0 0 0 2; font-size: 8px; font-weight: 200; text-align: right; color: white; background-color: transparent; }

	.vertical_line_1 { margin: 24px 0px 25px 0px; width: 7px; background-color: rgb(160,160,160); }
	.vertical_line_2 { margin: 16px 0px 18px 0px; width: 15px; background-color: rgb(200,200,200); }
	.vertical_line_3 { margin: 16px 0px 18px 0px; width: 15px; background-color: rgb(200,200,200); }
	.vertical_line_4 { margin: 18px -5px 13px 0px; width: 2px; background-color: rgb(200,200,200); }
	.vertical_line_5 { margin: 13px -5px 7px 0px; width: 1px; background-color: rgb(200,200,200); }
	.vertical_line_6 { display: none; margin: 13 -5 7 0; width: 1px; background-color: rgb(200,200,200); }
	.vertical_line_11 { margin: 13px 0px 13px 0px; width: 7px; background-color: rgb(160,160,160); }
	.vertical_line_12 { margin: 18px 0px 13px 0px; width: 8px; background-color: rgb(200,200,200); }
	.vertical_line_13 { margin: 18px 0px 13px 0px; width: 8px; background-color: rgb(200,200,200); }
	.vertical_line_14 { margin: 18px -5px 13px 0px; width: 8px; background-color: rgb(200,200,200); }
	
	.lined_subtitles_1 { }
	.lined_subtitles_2 { }
	.lined_subtitles_3 { }
	.lined_subtitles_4 { }
	.lined_subtitles_5 { }
	.lined_subtitles_6 { }
	.lined_subtitles_7 { }
	.lined_subtitles_8 { }
	.lined_subtitles_9 { }
	.lined_subtitles_10 { }
	.lined_subtitles_11 { }
	.lined_subtitles_12 { }
	.lined_subtitles_13 { }
	.lined_subtitles_14 { }

	.subtitles { margin: 25 0 0 -19; padding: revert; list-style-type: none; }

	.subtitle_single:before { content: ""; margin: 0 5 1 0; display: inline-block; border-style: solid; border-width: 5px; }
	.subtitle_single { margin: 6 0 0 0; text-indent: -19; display: -webkit-box; }
	.subtitle_single h2 { margin: -5 0 5 0 !important; }
	.v2_composite_grid .subtitle_single h2 { font-size: 18px; }   /* v2/v3 composite subtitles -> 18px (v1 uses unified_wrapper_grid, left unchanged) */
	ul.subtitles > a:last-child li.subtitle_single h2 { margin: -5 0 0 0 !important; }

	.subtitle { /* letter-spacing: 0.2; */ }
	.subtitle_1 { font-size: 18px; line-height: 1.2; margin: 8 0 0 0; }
	.subtitle_2 { font-size: 13px; line-height: 1.2; margin: 6 0 0 0; }
	.subtitle_3 { font-size: 13px; line-height: 1.2; margin: 6 0 0 0; }
	.subtitle_4 { font-size: 13px; }
	.subtitle_5 { font-size: 13px; font-weight: 200; }
	.subtitle_6 { font-size: 13px; font-weight: 200; }
	.subtitle_11 { font-size: 13px; line-height: 1.2; margin: 1 0 0 0; }
	.subtitle_12 { font-size: 13px; line-height: 1.2; margin: 1 0 0 0; }
	.subtitle_13 { font-size: 13px; line-height: 1.2; margin: 1 0 0 0; }
	.subtitle_14 { font-size: 13px; line-height: 1.2; margin: 1 0 0 0; }

	.news_box_body_copy_1 { /* margin-top: -12px; */ font-size: 13px; /* color: rgb(160,160,160); */ color: rgb(80,80,80); color: rgb(35,35,35); }
	.news_box_body_copy_2 { /* margin-top: -12px; */ font-size: 13px; /* color: rgb(160,160,160); */ color: rgb(80,80,80); color: rgb(35,35,35); }
	.news_box_body_copy_3 { /* margin-top: -12px; */ font-size: 13px; /* color: rgb(160,160,160); */ color: rgb(80,80,80); color: rgb(35,35,35); }
	.news_box_body_copy_4 { margin-top: -12px; font-size: 13px; /* color: rgb(160,160,160); */ color: rgb(80,80,80); color: rgb(35,35,35); letter-spacing: 0.4; font-weight: 200 !important; }
	.news_box_body_copy_5 { margin-top: -12px; font-size: 13px; /* color: rgb(160,160,160); */ color: rgb(80,80,80); color: rgb(35,35,35); }
	.news_box_body_copy_6 { margin-top: -12px; font-size: 13px; /* color: rgb(160,160,160); */ color: rgb(80,80,80); color: rgb(35,35,35); }
	.news_box_body_copy_11 { /* margin-top: -12px; */ font-size: 13px; line-height: 1.2; /* color: rgb(160,160,160); */ color: rgb(80,80,80); color: rgb(35,35,35); }
	.news_box_body_copy_12 { /* margin-top: -12px; */ font-size: 13px; /* color: rgb(160,160,160); */ color: rgb(80,80,80); color: rgb(35,35,35); }
	.news_box_body_copy_13 { /* margin-top: -12px; */ font-size: 13px; /* color: rgb(160,160,160); */ color: rgb(80,80,80); color: rgb(35,35,35); }
	.news_box_body_copy_14 { /* margin-top: -12px; */ font-size: 13px; /* color: rgb(160,160,160); */ color: rgb(80,80,80); color: rgb(35,35,35); /* letter-spacing: 0.4; */ font-weight: 200 !important; }

	.news_box_body_copy_greyed { color: rgb(196,196,196); }

	.tab-pane:not(.active) { display: none; } /* Commented out on 8.12.2024, uncommented on 5.1.2025 */
	.nav-link.active { background-color: rgb(240,240,240) !important; border-color: #dee2e6 #dee2e6 #f0f0f0 !important; font-weight: 600; }
	.nav_tab_mobile { display: none; order: 0; }
	.nav_item_mobile { display: inline-block; }
	#mix-tab, #top-tab, #latest-tab, #social-tab { display: none; }

	.body_copy_timeline { margin: 7 0 0 0; padding: 15 20 15 15; width: 28%; vertical-align: top; background-color: rgb(240,240,240); --inline-bg: rgb(240,240,240); }
	.body_copy_timeline_single { 	display: flex; position: relative; margin-bottom: 10px; margin-bottom: 0px;
									align-items: flex-start; width: 100%; overflow: visible; /* Added on 22.11.2023 */
								}
	.body_copy_time { float: left; flex-basis: 40px; flex-grow: 0; flex-shrink: 0; margin: 0; }
	.body_copy_timeline_content { float: right; flex-grow: 1; margin: 0; margin-bottom: 10px; margin-top: -3px; padding: 0; padding-left: 5px; list-style-type: none; }
	.body_copy_timeline_content_text { margin-bottom: 10px; font-size: 10.5px; color: rgb(127,127,127); line-height: 1.4;}
	.body_copy_timeline_content_text:hover { text-decoration: none; color: inherit; }
	.body_copy_timeline_greyed { color: rgb(160,160,160); font-size: 10.5px; }
	.body_copy_timeline_date_sep { min-height: 10px; margin-top: 6px; margin-bottom: 2px; }
	.body_copy_timeline_date_sep .body_copy_time { flex-basis: auto; white-space: nowrap; }
	.body_copy_timeline_date_sep .body_copy_timeline_content { display: flex; align-items: center; color: rgb(160,160,160); font-size: 10px; padding-left: 5px; margin-bottom: 0; }
	.body_copy_source { line-height: 1.4; /* font-style: italic; line-height: 1; */ }

	.body_copy_timeline_content .body_copy { -webkit-line-clamp: 3; }
	.body_copy_timeline_content .subtitle_14 { -webkit-line-clamp: 2; }
	.body_copy_timeline_content .body_copy_source { -webkit-line-clamp: 2; }

	.body_copy_timeline_grid a:first-of-type .body_copy_time { 	color: red;
																color: #CC0066;
															}

	.connecting_line_longer { width: 1px; height: 66%; top: 18px; left: 11px; display: block; position: absolute; background-color: rgb(180, 180, 180); }
	.connecting_line_shorter { width: 1px; height: 85%; top: 32px; left: 11px; display: block; position: absolute; background-color: rgb(180, 180, 180); }
	.connecting_line_preceding { width: 5%; height: 1px; top: 24px; left: 0; display: none; position: absolute; background-color: rgb(180, 180, 180); }
	#timeline_all_div > :last-child .connecting_line_longer,
	#timeline_all_div > :last-child .connecting_line_shorter { display: none; }

	#latest #timeline_all_div a:first-of-type ul>li:last-of-type { font-size: 14px; font-weight: 600; color: rgb(35,35,35); }
	#latest #timeline_slider .horizontal_slider_item:first-of-type ul > li:last-of-type { font-size: 14px; font-weight: 600; font-style: normal; color: rgb(35,35,35); }

	.body_copy_all { margin-left: 30px; width: 50%; vertical-align: top; }

	.mix_all { display: none; }

	.body_copy_main .body_copy_secondary { overflow: hidden; text-overflow: ellipsis; display: inline-flex; -webkit-box-orient: vertical; }
	.body_copy_main .body_copy_greyed { display: none /* Added on 8.2.2026 */; margin-left: 20; align-self: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
	/* .body_copy_main > a:last-child > div { margin: 0; } */
	.body_copy_main > a:last-child > div > div:last-child { margin: 0; }

	.body_copy_primary_article { display: -webkit-box; }

	.title_greyed { color: rgb(180,180,180); }

	.body_copy_main_greyed { color: rgb(180,180,180); font-size: 13px;}
	.body_copy_greyed { color: rgb(180,180,180); /* font-size: 10.5px; */ font-size: 13px; margin-bottom: 4px;}
	.body_copy_all .body_copy_greyed { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }

	.body_copy_all_grid .body_copy_greyed { margin-left: 20; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
	.body_copy_all_grid .body_copy_secondary { overflow: hidden; text-overflow: ellipsis; display: inline-flex; -webkit-box-orient: vertical; }

	.body_copy_main .body_copy_main_greyed { display: -webkit-box; /* -webkit-line-clamp: 1; */ }
	.body_copy_main .body_copy_greyed { /* -webkit-line-clamp: 1; */ }
	.body_copy_all .body_copy_greyed { /* -webkit-line-clamp: 1; */ }
	.body_copy_all_grid .body_copy_greyed { /* -webkit-line-clamp: 1; */ }

	.body_copy_main_single { margin: 0 0 18 0; padding: 0; }
	.body_copy_main_single .body_copy { /* color: rgb(200,200,200); */ }

	.body_copy_all_single { margin: 0 0 18 0; }
	.body_copy_main .body_copy_all_single:last-of-type { /* margin: 0; */ }
	/* .body_copy_all_single:before { opacity: 0.5; content: ""; margin: 0 5 1 0; display: inline-block; border-style: solid; border-width: 5px; } */

	.body_copy_all_grid .body_copy_all_single:first-of-type { /* margin-top: 18; */ }

	.body_copy_all_bullet { display: inline-block; min-width: 10; min-height: 10; width: 10; height: 10; margin: 3 9 0 0; background-color: black; opacity: 0.4; }
	.body_copy_all_bullet_inline { display: none; min-width: 10; min-height: 10; width: 10; height: 10; margin: 3 9 0 0; background-color: black; opacity: 0.4; }
	
	.source_article { 	font-size: 13;
						font-weight: 200;
						letter-spacing: -0.2;
						/* opacity: 0.30; */
						margin: 0 0 0 4;
						/* color: white; */
						/* background: rgb(200,200,200); */
						/* color: rgb(140,140,140); */
						color: rgb(0, 124, 187);
						/* color: #0066CC; */
						padding: 3 5;
						line-height: 2;
						font-style: normal;
						}
	.source_article_title { line-height: 2; }
	.source_article_body { line-height: 1; }
	:root { --inline-bg: #fff; }
	.inline_bg { background: var(--inline-bg); }

	.source_article_body_before { display: none;
								min-width: 40px;
								font-size: 8;
								color: white;
								background-color: black;
								opacity: 0.3;
								margin: 0 9 5 0;
								padding: 0 5 0 5;
								line-height: 2.1;
								}
	.source_article_body_after { font-size: 10px;
								letter-spacing: 0.2;
								/* opacity: 0.30; */
								margin: 0 1 0 1;
								/* color: white; */
								/* background: rgb(200,200,200); */
								/* color: rgb(140,140,140); */
								color: rgb(0, 124, 187);
								color: #0066CC;
								padding: 0 5;
								line-height: 2;
								display: inline-table;
								font-style: normal;
								}

	.source_article.body_copy_source { line-height: 1; }
	.contact_link { font-weight: 800; }

	.dot {
		margin: 0 5;
		font-size: 20;
		line-height: 1;
		vertical-align: -2px;
		}

	.dot_live { display:none; }
	.dot_live.on { display:inline-block; }
	.dot_live svg { margin: 1 6 -4 1; }
	.level_1 .dot_live svg { margin: 0 6 -1 1; top: 0; position: relative; }
	.level_2 .dot_live svg { margin: 1 6 -4 1; margin: 1 6 -1 1; }
	.level_3 .dot_live svg { margin: 0 6 -2 1; margin: 1 6 -1 1; }
	.level_11 .dot_live svg { margin: 1 6 -2 1; }
	.level_12 .dot_live svg { margin: 1 5 -1 1;
							margin: 1 5 -5 0; }
	.level_13 .dot_live svg { margin: 1 6 -2 1; }
	.title_14 .dot_live svg { margin: 1 6 -2 1; }
	
	#RelatedArticles .dot_live svg { margin: -4 6 0 1; }

	.quote { 	display: inline-block;
				display: none;
				font-size: 32px;
				height: 10;
				width: 19;
				transform: translateY(-7px);
			}
							  
	.punish_badge{ 	display: inline-flex; align-items: center; justify-content: center;
					margin: 0 5 0 0; padding: 3;
					font-family: PT Sans, sans-serif; font-size: 10px; line-height: 1; font-weight: 100; color: #fff;
					vertical-align: middle;
					white-space: nowrap;
				}
	.punish_badge_main { font-weight: 800; }
	.punish_badge_square { 	display: inline-block;
							min-width: 14px; min-height: 14px;
							padding: 0; vertical-align: middle;
							display: none !important;
						}
	.cluster_click_ratings_stack{
					display: flex; /* flex-direction: column; */
					display: table;
					align-items: flex-start; gap: 2px; min-width: 0;
				}

	/* Reference to suspected copy of sentence */
	a:has(.body_copy_all_single_duplicate_1) { display: none !important; color: #790001; }
	a:has(.body_copy_all_single_duplicate_2) { display: none !important; color: #BB0000; }
	a:has(.body_copy_all_single_duplicate_3) { display: none !important; color: #FF0000; }
	a:has(.body_copy_all_single_duplicate_4) { display: none !important; color: #FF6666; }

	/* Suspected copies */
	a:has(.top_titles_sentences_duplicate_1) { /* display: none; color: #790001; */ }
	a:has(.top_titles_sentences_duplicate_2) { display: none !important; color: #BB0000; }
	a:has(.top_titles_sentences_duplicate_3) { display: none !important; color: #FF0000; }
	a:has(.top_titles_sentences_duplicate_4) { display: none !important; color: #FF6666; }
	a:has(.top_titles_sentences_duplicate_5) { display: block; }
	a:has(.top_titles_sentences_duplicate_6) { display: block; }
	a:has(.top_titles_sentences_duplicate_7) { display: block; }
	a:has(.top_titles_sentences_duplicate_8) { display: block; }
	a:has(.top_titles_sentences_duplicate_9) { display: block; }
	a:has(.top_titles_sentences_duplicate_10) { display: block; }

	/* Sentence-clusters deemed not good enough to publish */
	.top_content_eliminate { /* opacity: 0.7; */ /* background: rgb(250,230,230); */ }

	.clustering_parameters_cell { font-size: 8.7px; color: black; width: 135px; margin: 3px; padding: 10px; }

	.horizontal_divider { height: 1px; width: -webkit-fill-available; margin: 24px 24px 24px 24px; background: rgb(200, 200, 200); }
	.horizontal_divider_hard { height: 2px; width: -webkit-fill-available; margin: 24px 24px 24px 24px; background: rgb(18, 18, 18); }

	/*  .expand_divider { display: none; position: relative; top: 10px; font-family: ' + font_family + ' font-size: 14px; height: 1px; background-color: rgb(200,200,200); text-align: center; color: rgb(200,200,200); font-weight: 800; vertical-align: middle; } */
	/*  .expand_divider_content { position: relative; top: -2px; } */
	/*  #expand_divider_timeline { top: 15px; width: 115%; left: -15px; } */
 	#expand_divider_body_copy { display: none; }
 	#expand_divider_timeline { display: none; }
 	#expand_divider_social { display: none; }
	
	.article_body_copy_wrapper { display: flex; /* overflow: hidden; */ margin-top: 25px; }
	.corporate_content_wrapper { width: 100%; /* width: 70%; float: left; flex-grow: 0; flex-shrink: 0; */ }
	.social_content_wrapper { width: 27%; vertical-align: top; flex-grow: 0; flex-shrink: 0; margin: 7 0 0 20; padding: 10 10 10 10; background-color: rgb(240,240,240); }

	.social_content_wrapper_grid:last-child { margin: 0; }
	.social_content:last-of-type { margin-bottom: 0; }

	.social_content { overflow: hidden; width: 100%; max-height: 200px; /* opacity: 0.25; padding: 10 20 0 20; */ margin: 0 0 5 0; }
	.social_content { --mask: linear-gradient(to bottom, rgba(0,0,0, 1) 0,   rgba(0,0,0, 1) 70%, rgba(0,0,0, 0) 95%, rgba(0,0,0, 0) 0 ) 100% 50% / 100% 100% repeat-x;
					font: 2em/1.6em Arial; -webkit-mask: var(--mask); mask: var(--mask); }
	.social_content:hover { /* opacity: 1; */ }
	.social_content:empty { margin: 0; padding: 0; }

	.top_videos .social_content { margin: 0; border: none; }

	.twitter-tweet { margin: 0 !important; padding: 0 !important; }
	.twitter-tweet p { font-size: 13px; padding: 0 16px 16px 16px; }
	.twitter-tweet span { font-size: 13px; font-weight: 300; line-height: 20px; }
	.twitter-tweet iframe { }
	.twitter-tweet article { }

	blockquote.twitter-tweet { display: inline-block;
	  					font-family: PT Sans, sans-serif; font-size: 11px; font-weight: 200;
	  					border-color: #eee #ddd #bbb; border-radius: 5px; border-style: solid; border-width: 1px;
	  					margin: 10px 5px; padding: 0 16px 16px 16px;
	  					max-width: 468px; }
	blockquote.twitter-tweet p { font-size: 13px; font-weight: normal; line-height: 20px; }
	blockquote.twitter-tweet a { font-size: 13px; color: inherit; font-weight: normal; text-decoration: none; outline: 0 none; }
	blockquote.twitter-tweet a:hover,
	blockquote.twitter-tweet a:focus { text-decoration: underline; }

	blockquote.youtube-video { margin: 0; }

	.tweet { /* max-width: 600px; */ padding: 12 12 30 12; background: #fff; border: 1px solid #e1e8ed; border-radius: 14px;
			font-size: 13px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 140%;
			box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
	.tweet-header { display: flex; align-items: center; margin-bottom: 10px; }
	.tweet-avatar { width: 48px; height: 48px; border-radius: 50%; margin-right: 10px; }
	.tweet-user-info { display: flex; flex-direction: column; }
	.tweet-user-name { font-weight: bold; color: #14171a; }
	.tweet-user-screenname { color: #657786; font-size: 0.9em; }
	.tweet-created-at { color: #657786; font-size: 0.8em; }
	.tweet-content { margin-bottom: 10px; }
	.tweet-text { font-size: 1.1em; color: #14171a; line-height: 1.4; }
	.tweet-media { margin-top: 10px; }
	.tweet-media-item { max-width: 100%; border-radius: 14px; margin-bottom: 10px; }
	.tweet-quoted { background: #f5f8fa; border: 1px solid #e1e8ed; border-radius: 14px; padding: 8px; margin-top: 10px; }
	.tweet-quoted-text { font-size: 0.95em; color: #14171a; }
	.tweet-stats { display: flex; justify-content: space-around; border-top: 1px solid #e1e8ed; margin-top: 10px; padding-top: 10px; font-size: 0.9em; color: #657786; }
	.tweet-stats span { margin: 0 5; }
	.tweet-footer { margin-top: 10px; text-align: right; }
	.tweet-footer a { text-decoration: none; color: #1da1f2; font-size: 0.9em; }

	.video-card { 	width: 100%;
					padding: 6 10 0 10; padding: 0;
					margin: 0;
					background: #fff;
					border: 1px solid #e1e8ed;
					border-radius: 10px;
					border: none;
					/* font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
					line-height: 140%;
					/* box-shadow:0 1px 3px rgba(0,0,0,0.1) */
					overflow: hidden;
				}
	.video-header { display:flex; align-items:center; margin-bottom: 5px; }
	.video-avatar { width:36px; height:36px; border-radius:50%; margin-right: 10px;
					position: absolute; top: 5; left: 5; z-index: 100;
				}
	.video-channel-info { display:flex; flex-direction: row; flex: 1; }
	.video-channel-name { font-weight:bold; color:#14171a; font-size:0.95em; }
	.video-date { 	color:#657786; font-size:0.75em; letter-spacing: 0.2;
					margin-left: auto; margin-right: 5px; white-space: nowrap;
					position: absolute; top: 5; right: 0; z-index: 100; color: white;
					background: rgba(0,0,0,0.50);
					padding: 5px 8px;
					border-radius: 0;
				}
	.video-stats { display: none; color:#657786; font-size:0.8em; padding: 0 10 8 10; }
	.video-thumb-wrapper { position: relative; margin-bottom: 7px; width: 100%; padding-top: 50%; }
	.video-thumb { display:block; position:absolute; width:100%; height:100%;
					border-radius: 0; top:0; left:0; object-fit:cover; }
	.video-length { position:absolute; bottom:6px; right:6px;
					background:rgba(0,0,0,0.75); color:#fff;
					font-size: 0.75em; padding: 2px 5px; border-radius: 0; }
	.video-title { margin-top:4px; }
	.video-title-link { font-size: 12px; }

	.related_articles_block {
								margin: 25 3% 25 3%;
								margin: 25 0 25 0;
							}

	.ad > img { width: 100%; }
	.ad_article_top_content_top { margin: 0 0 18 0; }
	.ad_article_top_content_middle { margin: 0 0 18 0; }
	.ad_article_top_content_lower { margin: 0 0 18 0; }
	.ad_header_top { margin: 10 0 0 0; }

	.ad_article_top_content_top { display: none; }
	.ad_article_top_content_middle { display: flex; }
	.ad_header_top { display: flex; }

	.clustering_details { margin: 0 0 0 0; display: flex; flex-wrap: wrap; font-size: 10px; }
	#clustering_details_div_1, #clustering_details_div_2, #clustering_details_div_3 { display: none; }

	.debug_header { display: none; flex-wrap: wrap; background: rgb(200,200,200); padding: 5 10 5 10; font-family: PT Sans, sans-serif; font-size: 12px; font-weight: 400; text-align: right; } 

	#body_copy_all_div { max-height: none; overflow: hidden; }
	#timeline_all_div { max-height: none; overflow: hidden; }
	#social { max-height: none; overflow: hidden; }
	#social1 { max-height: none; overflow: hidden; }

	.clamp_lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
	.clamp_lines_1 { -webkit-line-clamp: 1; }
	.clamp_lines_2 { -webkit-line-clamp: 2; }
	.clamp_lines_3 { -webkit-line-clamp: 3; }
	.clamp_lines_4 { -webkit-line-clamp: 4; }
	.clamp_lines_5 { -webkit-line-clamp: 5; }
	.clamp_lines_6 { -webkit-line-clamp: 6; }
	.clamp_lines_7 { -webkit-line-clamp: 7; }

	.expanded { -webkit-line-clamp: unset !important; }
	.expanded_div_parent_background {
		background-color: rgb(240, 240, 240);
		border-radius: 5px;
		padding: 15 0 10 0;
		/* box-shadow: 0 0 20px rgba(240, 240, 240, 0.3); */
		/* Optional: To make sure the content doesn't overflow the rounded corners */
		overflow: hidden;
	}

	.loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%;
		background: rgba(255, 255, 255, 0.8); z-index: 9999; display: flex;
		justify-content: center; align-items: center; }
	.map-loading-overlay { position: absolute; inset: 0; background: rgba(255, 255, 255, 0.75);
		z-index: 1000; display: flex; justify-content: center; align-items: center;
		pointer-events: none; }
	.spinner { position: relative; width: 48px; height: 48px; }
	.spinner::before, .spinner::after, .spinner .line {
		content: ''; position: absolute; top: 50%; left: 50%;
		width: 6px; height: 18px; background: #4f4f4f; opacity: 0.3;
		transform-origin: center -16px; }
	.spinner .line { animation: fade 1.2s linear infinite; }
	.spinner .line:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; }
	.spinner .line:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }
	.spinner .line:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }
	.spinner .line:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; }
	.spinner .line:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; }
	.spinner .line:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; }
	.spinner .line:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; }
	.spinner .line:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; }
	.spinner .line:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; }
	.spinner .line:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; }
	.spinner .line:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; }
	.spinner .line:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }
	@keyframes fade { 0%, 100% { opacity: 0.3; } 50% { opacity: 1; } }

	.intro-popup { display: none; /* display: flex; */ position: fixed; top: 0; left: 0; width: 100%; height: 100%;
					background: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center; z-index: 9999; }
	.intro-popup-page { position: relative; background: #fff; border-radius: 8px; padding: 20px; max-width: 400px; width: 90%;
						text-align: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); }
	.close-modal { position: absolute; top: 10px; right: 10px; background: none; border: none; cursor: pointer; display: flex;
					align-items: center; justify-content: center; }
	.publication-logo { display: block; max-width: 100px; margin: 20px auto; }
	.publication-name { display: block; font-size: 24px; line-height: 1.1; margin-bottom: 10px; }
	.publication-tagline { display: block; font-size: 14px; line-height: 140%; color: #666; margin-bottom: 20px; }
	.input-wrapper { display: flex; justify-content: center; }
	.input-wrapper input { flex: 1; width: 100%; padding: 10px; border: 1px solid #007BFF; border-radius: 8px 0 0 8px; font-size: 16px; /* >=16px: avoid iOS focus auto-zoom (subscribe email field) */ }
	.subscribe-btn { flex: 1; background: #007BFF; color: white; padding: 10px 10px; border: none; border-radius: 0 8px 8px 0;
						cursor: pointer; line-height: 1.2; white-space: nowrap; }
	.subscribe-btn:hover { background: #0056b3; }
	.no-thanks-btn { margin-top: 15px; background: none; border: none; color: #007BFF; text-decoration: underline; cursor: pointer; }
	.no-thanks-btn:hover { color: #0056b3; }
	.error-container { color: red; margin-top: 10px; font-size: 0.9em; text-align: left; }
	.inline-subscribe-box { display: none; margin: 0 0 20 0; background: #fff; border-radius: 8px;
							padding: 20px; text-align: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

	input[type="email"] { -webkit-text-autocorrect: none; }

	.emphasized_menu_item { color: white !important;
							background-color: #F40009 !important;
							padding: 2 10 1 10 !important;
							top: 0 !important;
							position: relative;
							overflow: visible;
						}

	.titles_wrapper h1,
	.titles_wrapper h2,
	.body_remaining_titles_grid h2,
	.news_block .show_source h1,
	.news_block .show_source h2,
	.body_copy_timeline_single .body_copy_source,
	.body_copy_main_single .body_copy:not(.body_copy_main_greyed):not(.body_copy_greyed) p,
	.body_copy_all_single .body_copy:not(.body_copy_main_greyed):not(.body_copy_greyed) p,
	.body_copy_all_single h2 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		position: relative;
		text-indent: 0;
		width: -webkit-fill-available;
	}

	.titles_wrapper .source_article_body,
	.body_remaining_titles_grid .source_article_body,
	.news_block .show_source .source_article_body,
	.body_copy_timeline_single .body_copy_source .source_article_body,
	.body_copy_main_single .body_copy:not(.body_copy_main_greyed):not(.body_copy_greyed) .source_article_body,
	.body_copy_all_single .body_copy:not(.body_copy_main_greyed):not(.body_copy_greyed) .source_article_body,
	.body_copy_all_single .subtitle .source_article_body {
		position: absolute;
		bottom: 0;
		right: 0;
		background: var(--inline-bg);
		/* padding: 3px 0px 0px 10px; */ padding: 0;
		/* font-size: 10px; */ font-size: 13px;
		line-height: 1.3;
		z-index: 2;
		white-space: nowrap;
		min-width: 0px;
		text-align: right;
	}

	.body_copy_all_single .subtitle .source_article_body { bottom: -1; }

	.titles_wrapper .source_article::before,
	.body_remaining_titles_grid .source_article::before,
	.news_block .show_source .source_article::before,
	.body_copy_timeline_single .source_article::before,
	.body_copy_main_single .body_copy:not(.body_copy_main_greyed):not(.body_copy_greyed) .source_article::before,
	.body_copy_all_single .body_copy:not(.body_copy_main_greyed):not(.body_copy_greyed) .source_article::before,
	.body_copy_all_single .subtitle .source_article::before {
		content: '';
		position: absolute;
		left: -40px;
		bottom: 0;
		width: 40px;
		height: 100%;
		background: linear-gradient(to right, transparent, var(--inline-bg) 90%);
		pointer-events: none;
		z-index: 1;
	}
	#latest #timeline_all_div, #timeline_slider { --inline-bg: rgb(240,240,240); }
	.body_copy_timeline_single .source_article::before { left: -70px; width: 70px; background: linear-gradient(to right, transparent, var(--inline-bg) 90%); }

	.titles_wrapper .main_title .source_article { padding: 12px 0px 6px 10px; }
	.titles_wrapper .main_title h1::after { height: 39px; }

	.body_copy_timeline_single .body_copy_source::after { height: 16px; background: linear-gradient(to right, transparent, var(--inline-bg) 90%); }
	#latest #timeline_all_div .body_copy_timeline_single .body_copy_source .source_article_body,
	#timeline_slider .body_copy_timeline_single .body_copy_source .source_article_body { font-size: 10.5px; padding: 0px 10px 0px 10px; background: var(--inline-bg); }

	.news_block .show_source h1 .source_article_body { padding: 2px 0px 0px 10px; bottom: 0px; }

	.news_block .show_source h1.title_1 .source_article_body { padding: 2px 0px 1px 10px; bottom: 0px; }
	.news_block .show_source h1.title_1::after { height: 30px; }
	.news_block .show_source h1.title_2 .source_article_body { padding: 2px 0px 0px 10px; bottom: 0px; }
	.news_block .show_source h1.title_2::after { height: 22px; }
	.news_block .show_source h1.title_3 .source_article_body { padding: 2px 0px 0px 10px; bottom: 0px; }
	.news_block .show_source h1.title_3::after { height: 22px; }
	.news_block .show_source h1.title_11 .source_article_body { padding: 2px 0px 0px 10px; bottom: 0px; }
	.news_block .show_source h1.title_11::after { height: 22px; }

	.related_articles_block .news_block .show_source h1.title_11 .source_article_body { padding: 2px 0px 0px 10px; bottom: -3px; }


	.title_14 { display: none; }
	
	.news_block .show_source h2 .source_article_body { padding: 0px 0px 0px 10px; bottom: -2px; bottom: 0px; }
	.news_block .show_source h2::after { height: 15px; }
	.news_block .show_source h2.subtitle_1 .source_article_body { padding: 4px 0px 0px 10px; bottom: 0px; }
	.news_block .show_source h2.subtitle_1::after { height: 20px; }

	/* REQUEST (2026-07-30): sources_bar aligns to its top with the divider line
	   on its top side (was: bottom line + align end). Top margins go to zero
	   everywhere — the line can no longer be pulled upwards, it sits directly
	   under the elements above. The Преглед button mirrors accordingly (its
	   bottom-edge anchor becomes a top-edge anchor). */
	.sources_bar {
		width: 100%;
		/* REQUEST (2026-08-05): drop sources bar min-height 30px -> 25px. */
		min-height: 25px;
		display: flex;
		align-items: center;
		margin: 0;
		position: relative;
		grid-area: sources;
		overflow: hidden;
		border-top: 1px solid #0066CC;
		align-items: start;
	}

	/* REQUEST (2026-08-12, Bojan): day-label — a symmetry of the sources bar on
	   the OPPOSITE edge. The sources bar is a bottom row with its divider line on
	   top (border-top) and the blue "Преглед" chip pinned right; this is a TOP row
	   (grid-area: day) with its divider line on the bottom (border-bottom) and a
	   single unclickable "Преглед-style" chip pinned left, pastel-coloured to
	   communicate the days-ago. Placement into the prepended top "day" grid row is
	   done by the :has(.day_label_bar) template overrides in html_styles_index().
	   Colours come from the .day_label_<bucket> class on the bar. */
	.day_label_bar {
		width: 100%;
		min-height: 25px;
		display: flex;
		align-items: flex-end;
		justify-content: flex-start;   /* chip LEFT — mirror of Преглед (right) */
		/* REQUEST (2026-08-13, Bojan): a метео cluster that refers to several days
		   renders several day-badges next to each other — a few-px gap stacks them
		   toward the right of the first. Single-badge blocks are unaffected (gap
		   only applies between siblings). */
		column-gap: 4px;
		margin: 0;
		position: relative;
		grid-area: day;
		overflow: visible;
		/* REQUEST (2026-08-12, Bojan): the divider line is the SAME colour as the
		   chip background of its bucket (var --day-bg, set on the bar per bucket),
		   in both themes. So today = the blue line, tomorrow/future = the red line,
		   days-ago = the matching fading-blue line. */
		border-bottom: 1px solid var(--day-bg, #0066CC);
	}
	/* The chip reuses the Преглед chip's font (.body_copy = PT Sans, in the emit
	   markup) and replicates its button shape (weight 800 + the more_information
	   padding). It is NOT given the .more_information class itself: that class also
	   carries the blue fill, absolute right/top positioning and a dark-mode
	   `color:black !important`, all of which fight this pastel, left-pinned,
	   in-flow chip. Colours are set at (0,2,0) below so they beat .body_copy in
	   BOTH themes (dark .body_copy is (0,1,0)). */
	.day_label_chip {
		display: inline-flex;
		align-items: center;
		white-space: nowrap;
		font-weight: 800;
		margin: 0;                     /* override .body_copy's bottom margin */
		padding: 3px 10px 4px 10px;    /* == the Преглед chip (more_information) */
		position: relative;
		bottom: -1px;                  /* sit ON the divider line, like Преглед does */
		z-index: 2;
	}
	/* Vars live on the BAR (bucket class) so both the chip fill AND the bar's
	   divider read them; the chip's colour is set here at (0,2,0) so it beats
	   .body_copy in both themes (dark twin re-asserts at (0,3,1)). */
	.day_label_bar .day_label_chip {
		background-color: var(--day-bg, #0066CC);
		color: var(--day-fg, #ffffff);
	}
	/* Desktop/tablet gets the same 5px top pad as the Преглед chip. */
	@media screen and (min-width: 561px) {
		.day_label_chip { padding: 5px 10px 5px 10px; }
	}
	/* REQUEST (2026-08-12/13, Bojan): blue = now/past, red = future.
	   Today = the strong blue (== Преглед / sources-bar blue), white ink.
	   Tomorrow + "in N days" = the red, white ink (light #CC0066; dark
	   rgb(255,75,75) — the dark badge red, matched below + on the account/staging
	   badges). "N days ago" = the blue pastelising lighter with age, down to a
	   floor that keeps the dark-blue ink readable. Light-mode ramp: */
	.day_label_today  { --day-bg: #0066CC; --day-fg: #ffffff; }
	.day_label_ago1   { --day-bg: #9ecbef; --day-fg: #0d3a63; }
	.day_label_ago2   { --day-bg: #b4d7f3; --day-fg: #0d3a63; }
	.day_label_ago3   { --day-bg: #c9e2f6; --day-fg: #0e4272; }
	.day_label_ago4   { --day-bg: #dbecf9; --day-fg: #0e4272; }
	.day_label_ago5   { --day-bg: #eaf3fb; --day-fg: #0f4573; }
	.day_label_future { --day-bg: #CC0066; --day-fg: #ffffff; }
	/* REQUEST (2026-08-14, Bojan): GRADE-2 (unemphasized) badge tier — the next
	   index_day_labels_count_unemphasized items after the emphasized ones carry a
	   quiet chip: bare coloured text, no background fill. Ink per bucket: aged =
	   the dark-blue chip ink (readable on white), today = the strong blue, future
	   = the red. (0,3,0) beats the (0,2,0) filled-chip rule.
	   REQUEST (2026-08-14, Bojan): the soft bar KEEPS the bottom divider line of
	   the emphasized version (base .day_label_bar border-bottom, bucket-coloured
	   via --day-bg) — only the chip fill is dropped. */
	/* REQUEST (2026-08-15, Bojan): the grade-2 (background-less) badges get the
	   same treatment as the sources line — a bottom divider line under the bar
	   (inherited from .day_label_bar's border-bottom, bucket-coloured via --day-bg)
	   AND a vertical divider between adjacent badges (the sources_bar rule, 13101).
	   And their INK is the emphasized badge's FILL colour for that bucket (today =
	   strong blue, future = red, aged = the bucket's blue) so the quiet tier reads
	   as the same colour family as the filled tier. */
	.day_label_bar_soft {
		min-height: 20px; column-gap: 0;
		--day-line-blue: rgba(0, 124, 187, 0.6);
		/* REQUEST (2026-08-15b, Bojan): red twin of the line colour — the future
		   bucket fill (#CC0066) at the same .6 alpha as the blue token. */
		--day-line-red: rgba(204, 0, 102, 0.6);
		/* The resolved line/separator colour for a MULTI-badge span. Blue by
		   default; flipped to red just below when EVERY badge is a future day. */
		--day-line: var(--day-line-blue);
	}
	/* REQUEST (2026-08-15, Bojan): with MULTIPLE badges (a multi-day span) the
	   bottom-border underline AND the between-badge separators follow the badge
	   COLOUR FAMILY, not the leading bucket's own colour (a future-leading span
	   must not paint the whole line red just because it starts red).
	   REQUEST (2026-08-15b, Bojan): the family is decided by ALL the badges — the
	   line is RED only when every soft chip is a future day; if even one blue
	   (today/aged) chip is present the line stays blue. So: default --day-line
	   blue, and override to red only when the bar has NO non-future soft chip.
	   Single-badge soft bars keep the bucket-coloured line (base .day_label_bar
	   border-bottom via --day-bg), so a lone future badge still reads red. */
	.day_label_bar_soft:has(.day_label_chip_soft + .day_label_chip_soft):not(:has(.day_label_chip_soft:not(.day_label_future))) {
		--day-line: var(--day-line-red);
	}
	.day_label_bar_soft:has(.day_label_chip_soft + .day_label_chip_soft) {
		border-bottom-color: var(--day-line, #0066CC);
	}
	/* REQUEST (2026-08-15b, Bojan): the soft ink FADES with age but is FLOORED so
	   the oldest badges (10/20/30 days -> the ago5 bucket) stay readable on white.
	   The pale emphasized-fill ramp (--day-bg: #9ecbef..#eaf3fb) is unreadable as
	   INK, so the quiet tier gets its own --day-soft ramp of readable medium blues
	   that stops fading at a floor (ago5). today = strong blue, future = the red.
	   Mirrors the dark-mode --day-soft ramp below. */
	.day_label_bar .day_label_chip.day_label_chip_soft {
		background-color: transparent;
		color: var(--day-soft, #0d3a63);   /* floored soft ink, per bucket below */
		font-weight: 700;
		padding-left: 0;
		padding-right: 0;
		bottom: 0;
	}
	.day_label_chip_soft.day_label_today  { --day-soft: #0066CC; }
	.day_label_chip_soft.day_label_ago1   { --day-soft: #2f74bf; }
	.day_label_chip_soft.day_label_ago2   { --day-soft: #3f7fc0; }
	.day_label_chip_soft.day_label_ago3   { --day-soft: #4d88c1; }
	.day_label_chip_soft.day_label_ago4   { --day-soft: #568ec1; }
	.day_label_chip_soft.day_label_ago5   { --day-soft: #5c90c1; }   /* fade floor */
	.day_label_chip_soft.day_label_future { --day-soft: #CC0066; }
	/* Vertical division between adjacent soft badges — identical to the divider the
	   sources bar draws between sources (.sources_bar_item + .sources_bar_item). The
	   compound selector keeps specificity (0,4,0) above the padding:0 rule above. */
	.day_label_bar .day_label_chip.day_label_chip_soft + .day_label_chip_soft {
		margin-left: 8px;
		padding-left: 10px;
	}
	.day_label_bar .day_label_chip.day_label_chip_soft + .day_label_chip_soft::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		height: 16px;
		/* Separators only exist in a MULTI-badge bar, so they follow the same
		   resolved family line as the underline (red iff every chip is future). */
		border-left: 1px solid var(--day-line, rgba(0, 124, 187, 0.6));
	}
	/* Single-article blocks drop the sources row; keep the day row usable there. */
	.news_block.single_article_cluster .day_label_bar { align-items: flex-end; }

	.sources_bar .more_information {
		position: relative;
	}
	.sources_bar:not(.scroll_x_at_end) .more_information::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 100%;
		width: 50px;
		pointer-events: none;
		background: linear-gradient(to right, rgba(255,255,255,0) 0%, white 60%);
		z-index: 1;
	}

	.sources_scroll_inner { display: contents; }

	.sources_bar_item {
		width: fit-content;
		padding: 5px 0px 4px 10px;
		white-space: nowrap;
		display: inline-flex;
		align-items: center;
		text-decoration: none;
	}

	.sources_bar_item + .sources_bar_item {
		position: relative;
		margin-left: 8px;
		padding-left: 10px;
	}

	.sources_bar_item + .sources_bar_item::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		height: 16px;
		border-left: 1px solid rgba(0, 124, 187, 0.5);
	}

	.sources_bar_item:first-child {
		margin-left: 0;
	}

	.sources_bar_item:first-child:not(.more_information) {
		padding-left: 0;
	}

	.sources_bar_item:last-child {
		margin-right: 0;
	}

	.sources_bar_item.more_information {
		margin-left: auto;
		background-color: rgb(77, 163, 207);
		background-color: #0066CC;
		color: #fff;
		font-weight: 800;

		white-space: nowrap;
		position: absolute;
		right: 0;
		/* bottom: 50%; */
		transform: translateY(50%);
		padding: 3px 10px 5px 10px;
		margin-left: 0;
		z-index: 2; /* above gradient */
		top: -15px;
	}
	/* REQUEST (2026-07-31): desktop/tablet get 5px top padding on the Преглед
	   (more_information) button; mobile keeps the base 3px top. */
	@media screen and (min-width: 561px) {
		.sources_bar_item.more_information { padding: 5px 10px 5px 10px; }
	}

	/* Scroll.mk modifications START */
	/* ==============================*/


	.article_wrapper .scroll-container-wrapper:has(#timeline_slider)::before,
	.article_wrapper .body_copy_main::before,
	.article_wrapper .body_copy_all_grid::before {
								content: '';
								position: absolute;
								left: 0; top: 24;
								height: 100%;
								width: 4px;
								background: rgb(100,100,100);
							}

	.body_copy_main,
	.body_copy_all_grid,
	.scroll-container-wrapper { position: relative; overflow: hidden; }

	.body_copy_main .body_copy_main_single,
	.body_copy_main .body_copy_all_single,
	.body_copy_all_grid .body_copy_main_single,
	.body_copy_all_grid .body_copy_all_single { padding: 0 24px 0 16px; }

		.body_copy_main .body_copy_all_single:not(.body_copy_surplus):not(:has(~ .body_copy_all_single:not(.body_copy_surplus))),
	.body_copy_all_grid .body_copy_all_single:not(.body_copy_surplus):not(:has(~ .body_copy_all_single:not(.body_copy_surplus))) { margin: 0; }
	
	.header_top_part .header_menu_info_time { display: none; }

	.titles_wrapper h1 {
							color: rgb(0, 124, 187);
	 						color: #0066CC;
							color: rgb(35,35,35);
						}
	.body_copy_main_single > .body_copy {
							color: rgb(0, 124, 187);
							color: #0066CC;
							color: rgb(35,35,35);
						}

	.body_copy_main_single > .body_copy_main_greyed { color: rgb(180,180,180); }

	.body_copy_all_bullet { display: none; }
	.body_copy_all_bullet_inline { display: inline-block; }
	.body_copy_main .body_copy_greyed { margin-left: 0; }
	.body_copy_all_grid .body_copy_greyed { margin-left: 0; }

	.related_articles_block .body_copy_wrapper .body_copy_all_bullet_inline { display: none; }
	.related_articles_block .sources_bar_item { padding-bottom: 0px; }
	.related_articles_block .sources_bar_item.more_information { padding: 0px 10px 0px 10px; }

	.header_menu_search .search_input {
											width:220px; opacity:1;
											padding:6px 10px; margin-left:8px; border:1px solid #ccc;
											transition:width .3s ease,opacity .3s ease;
										}


	/* -------------------------------------- */
	/* Keep search bar hidden on desktop too */
	/* ------------------------------------- */
	.header .header_menu.header_menu_search { 
										order: 3;
										display: flex; justify-self: end; justify-content: flex-end;
										padding: 0; margin: 0 0 0 10;
										border: none;
										flex: initial;

										position: absolute;
										right: 0;
										bottom: 10;
										transition: width .25s ease;
										width: 60px;
										width: unset;
										z-index: 9999;
										background-color: white;
										overflow: hidden;
										overflow: visible;
									}
	.header .header_menu.header_menu_search::before{
										content: "";
										position: absolute;
										top: 50%;
										transform: translateY(-50%);
										background: linear-gradient(to right, transparent, #fff 90%);
										height: 50;
										width: 30;
										left: -30;
									}
	.horizontal_slider_item .header_menu.header_menu_search {
										width: 175px;
										top: 0;
										padding: 0; margin: 0;
										transform: translateY(-50%);
									}
	.search_input { width: 100%; }
	.search_button { position: static; }

	.header_menu_search .search_input {
						width:0; opacity:0; padding:0; margin-left:0; border-width:0; pointer-events:none;
						transition:width .3s ease,opacity .3s ease,padding .3s ease,margin .3s ease,border-width .0s;
									}
	.header_menu_search .search_box { display: flex; align-items: center; }
	.header_menu_search.is-open .search_input,
	.header_menu_search .search_box:focus-within .search_input {
						width: 200px; flex: 0 0 auto; opacity:1; padding: 6px 10px; margin-left: 8px;
						border: 1px solid #ccc;
						border: 0;
						pointer-events:auto;
													}
	.header_menu_search.is-open { width: auto !important; }
	/* The opened rectangle (outline; background stays transparent so it inherits
	   the themed .header_menu_search bg — white in light, #1E1E1E in dark) wraps
	   only .search_box (input + magnifier); the account icon is a sibling outside it. */
	.header_menu_search.is-open .search_box,
	.header_menu_search .search_box:focus-within { 	/* border: 1px solid rgb(80,80,80); */
									outline: 1px solid rgb(80,80,80);
									outline-offset: -1px;
									background: transparent;
								}
	.header_menu_search .search_button{ flex:0 0 auto; padding-right: 5px; }
	/* -------------------- */


	/* ==============================*/
	/* Scroll.mk modifications END */


	.arrow_more {
		display: inline-block;
		width: 8px;
		height: 8px;
		border-top: 3px solid currentColor;
		border-right: 3px solid currentColor;
		transform: rotate(45deg);
		vertical-align: middle;
		margin-left: 4px;
		opacity: 0.72;
	}

	.position_relative { position: relative; }

	.none { display: none; }
	.phone { display: none; }
	.tablet { display: none; }
	.desktop { display: flex; }
	.all_screens { display: flex; }

	.is-fresh {
				/* color: rgb(161,14,75) !important; */
				color: #CC0066  !important;
				border-bottom-color: #CC0066 !important;
			}

	.background-emphasized {
								background: #CC0066  !important;
								color: white !important;
							}
	.background-emphasized-blue {
								background: #0066CC  !important;
								color: white !important;
							}
	.background-emphasized-green {
								background: #1a7a3c  !important;
								color: white !important;
							}
	.background-emphasized-orange {
								background: #d4601a  !important;
								color: white !important;
							}

	#header_carousel_trigger > div { padding: 5 6 4 8; }
	#header_carousel_gsap_v2_trigger > div { padding: 5 6 4 8; }
	#header_carousel_gsap_v3_trigger > div { padding: 5 6 4 8; }
	.header_carousel_gsap_v4_trigger > div { margin-top: -5; padding: 5 6 4 8; }

	.is-fresh .title_style_1,
	.is-fresh .title_style_2 {
								/* color: rgb(161,14,75) !important; */
								/* color: #CC0066  !important; */
							}
	.sources_bar .sources_bar_item span.is-fresh { /* color: rgb(161,14,75) !important; */ color: #CC0066  !important; }

	.footer_theme_switch{display:inline-flex;align-items:center;}
	.theme_switch{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;padding:0;margin:0;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;}
	.theme_switch_label{ margin: 0; white-space: nowrap; }
	.theme_switch_track{width:36px;height:20px;border-radius:999px;position:relative;border:1px solid rgba(0,0,0,.20);background:rgba(0,0,0,.06);box-sizing:border-box;flex:0 0 auto;}
	.theme_switch_knob{width:16px;height:16px;border-radius:999px;position:absolute;top:50%;left:2px;transform:translateY(-50%);background:#fff;border:1px solid rgba(0,0,0,.18);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .18s ease;}
	.theme_switch[aria-checked="true"] .theme_switch_knob{left:18px;}
	.theme_switch .theme_switch_label_left{font-weight:600;opacity:.95;}
	.theme_switch[aria-checked="true"] .theme_switch_label_left{font-weight:400;opacity:.75;}
	.theme_switch[aria-checked="true"] .theme_switch_label_right{font-weight:600;opacity:.95;}

	html[data-theme="dark"] .theme_switch_track{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.10);}
	html[data-theme="dark"] .theme_switch_knob{background:#e8e8e8;border-color:rgba(0,0,0,.25);}

	#v_compare_tabs.nav-tabs{display:flex;gap:4px;padding:8px 16px 0;border-bottom:2px solid #ccc;}
	#v_compare_tabs .nav-link{padding:6px 18px;border:1px solid #ccc;border-bottom:none;border-radius:4px 4px 0 0;cursor:pointer;background:#f0f0f0;font-weight:600;}
	#v_compare_tabs .nav-link.active{background:#fff;border-bottom:2px solid #fff;margin-bottom:-2px;}
	#v_compare_panes .tab-pane-v{display:none;}
	#v_compare_panes .tab-pane-v.active{display:block;}
	
	@media screen and (max-width: 1050px) {
	
			header, footer { width: auto; margin: 0 3%; }
			.header { margin: 0; }
			.display_format { --format: 1; }
			.titles_wrapper { margin: 20 3% 0 3%; }
			.article_wrapper { width: 100%; }
			.body_copy_timeline { padding-top: 20; margin-top: 0; order: 1; width: 32%; display: inline-block; }
			.body_copy_timeline_single { display: flex; flex-direction: column; }
			.body_copy_time { flex-basis: unset; height: 24px; margin-left: 5px; }
			.main_title { padding: 0; }

			#header_menu_whole {
									width: 100%;
									inline-size: calc(100% - 40px);
								}

			.horizontal_slider_frame { --mask: linear-gradient(to right, rgba(0,0,0, 1) 0,   rgba(0,0,0, 1) 80%, rgba(0,0,0, 0) 100%, rgba(0,0,0, 0) 0 ) 100% 50% / 100% 100% repeat-x;
										/* -webkit-mask: var(--mask); mask: var(--mask); */ }
			.horizontal_slider_frame.header_menu_slider .horizontal_slider_item:before { content: none; }
			.horizontal_slider_item { width: 42%; margin-right: 15px; }
			.related_articles_block .horizontal_slider_item:nth-of-type(1) { width: 40.4%; margin: 0 0 0 0; padding-left: 0; }
			
			.unified_wrapper_grid { margin: 25 3% 0 3%; display: grid;
									grid-template-columns: 37% 63%;
									grid-template-rows: 206px 47px 100px 100px 100px 100px 100px 100%;
									grid-template-areas:"ImageBlock1 TopText"
														"NavBar TopText"
														"TimelineSocial TopText"
														"TimelineSocial ImageBlock2"
														"TimelineSocial Geo"
														"TimelineSocial AllText"
														"TimelineSocial RemainingTitles"
														"TimelineSocial Ners"
														"TimelineSocial AllRemainingArticles";
									}

			.image_wrapper_1 { padding: 0 0 15 0; }
			.image_wrapper_2 { margin: 0 0 24 24; padding: 0 0 0 0; }

			.geo { margin: 0 0 24 24; padding: 0 0 0 0; }
			.body_copy_all_grid { margin: 0 0 0 24; }
			.nav_tab_mobile_grid { display: block; }
			.body_copy_main { 				grid-area: TopText; 		height: fit-content; margin: 0 0 0 24; }
			.body_copy_timeline_grid { 		grid-area: TimelineSocial; 	display: block; padding-top: 20; margin-top: 0; }
			.social_content_wrapper_grid { 	grid-area: TimelineSocial; 	margin-top: 0; }
			#timeline_slider { display: none; }
			.scroll-container-wrapper:has(#timeline_slider) { display: none; }
			#images_slider { display: none; }
			#social_slider { display: none; }
			#social_slider_social_among_top_content { display: none; }
			#social1 { display: none; }
			.social_content iframe { height: initial; }

			.body_copy_main_single .clamp_lines.clamp_lines_2 { -webkit-line-clamp: 3; /* Added on 8.2.2026 */ }
			.body_copy_primary_article.clamp_lines.clamp_lines_2 { -webkit-line-clamp: 3; /* Added on 8.2.2026 */ }

			.body_copy_timeline_grid .composite_block_title { display: none; }

			.body_copy_timeline_content .body_copy { -webkit-line-clamp: 3; }
			.body_copy_timeline_content .subtitle_14 { -webkit-line-clamp: 2; }
			.body_copy_timeline_content .body_copy_source { -webkit-line-clamp: 1; }

			/* .body_copy_timeline_grid a:nth-of-type(1) .body_copy_time { color: red; } */

			.connecting_line_longer { height: 66%; }
			.connecting_line_shorter { height: 92%; top: 18px; }
			.body_copy_timeline_content { padding-left: 25px; }

			.nav_tab_mobile { order: 0; width: 32%; display: initial; margin-top: 10px; }
			#mix-tab, #top-tab { display: none; }
			#latest-tab, #social-tab { display: block; }

			.upper_wrapper { grid-template-columns: 32.15% 67.85%; }
			.lower_wrapper { display: flex; flex-direction: column; flex-wrap: wrap; height: 100%; }
			.lower_wrapper_grid { grid-template-columns: 30% 70%; grid-template-rows: 100%; grid-template-areas: "SideDish MainDish"; }

			.mix_all { display: none; }
			.body_copy_all { order: 3; width: 65%; display: inline-block; margin-left: 0px; align-self: flex-end; }
			.social_content_wrapper { order: 2; width: 32%; display: block; margin: 0; padding: 10 10 10 10; }
			.lower_wrapper_grid > .social_content_wrapper_grid { display: none; }

			.body_remaining_titles_grid { margin: 15px 0px 0px 25px; }

			.title_14 { display: -webkit-box; }

			.related_articles_block { margin: 25 3% 25 3%; }

			.ad_article_top_content_top { display: none; }
			.ad_article_top_content_middle { display: flex; }
			.ad_header_top { display: flex; }

			.header_menu_search { overflow: visible; }

			.none { display: none; }
			.phone { display: none; }
			.desktop { display: none; }
			.tablet { display: flex; }
			.all_screens { display: flex; }

	}

	@media screen and (max-width: 685px) {
			.nav-tabs .nav-item { font-size: 13px; font-weight: 700; }
	}

	@media (pointer: coarse) {
			.wordcloud_paragraph_dots { display: inline-block; }
			.wordcloud_paragraph_text_tagged { padding: 5 0 5 8; }
	}

	@media screen and (max-width: 560px) {

			h1 { font-size: 24px; }
			h2 { font-size: 17px; line-height: 1.3; }
			.body_copy { font-size: 14px; }
			.body_copy_timeline_content_text { font-size: 12px; }
			.body_copy_timeline_single .body_copy_source .source_article_body { font-size: 12px; }

			.body_copy_main_single .clamp_lines.clamp_lines_2 { -webkit-line-clamp: 3; /* Added on 8.2.2026 */ }
			.body_copy_primary_article.clamp_lines.clamp_lines_2 { -webkit-line-clamp: 3; /* Added on 8.2.2026 */ }

			header, footer { width: 100%; margin: 0 auto; }
			.header {
						display: flex; /* flex-wrap: wrap; */
						/* height: 65px; */ height: 85px;
						margin: 0 0 0 0; padding: 15 0 13 0;
						overflow: hidden;
						grid-template-areas: 	"header_logo header_search"
												"header_menu header_menu"
					}
			.header_logo { 	height: 30px;
							margin: 0 0 -2 0;
							margin: 0 0 -2 24;
							flex: 0 0 auto; /* Keep the logo at its original size */
						}
			.header_menu { 	border-bottom: 0.1px solid rgb(200,200,200);
							padding-left: 24px; flex: 1 1 0;
							width: unset; min-width: 0;
							overflow: hidden;
						}
			.header_menu .header_menu_whole { display: none; }
			.header_menu_info_time { margin: 0 0 0 0 !important; font-size: 8px; }
   			.header_version_badge { font-size: 8; }
			.horizontal_slider_frame.header_menu_slider { display: -webkit-box; /* width: -webkit-fit-content; */ align-items: flex-end; margin: 0 0 0 0; }
			.horizontal_slider_frame.header_menu_slider { height: 40px; border-top: 0.1px solid rgb(200,200,200); }
			.horizontal_slider_frame.header_menu_slider:last-child { /* padding-left: 15px; */ }
			.horizontal_slider_frame.header_menu_slider .horizontal_slider_item { height: 100%; margin: 0; padding: 0; border: none; align-items: center; }
			.horizontal_slider_frame.header_menu_slider .horizontal_slider_item:nth-of-type(1) { padding: 0 0 0 24; }
			.horizontal_slider_frame.header_menu_slider .horizontal_slider_item a { display: flex; align-items: flex-end; height: 100%;
																					margin: 0;
																					padding: 0 10 0 10;
																					padding: 0;
																					}
			.horizontal_slider_frame.header_menu_slider .horizontal_slider_item:before { content: ""; height: 16px; border-right: 1px solid rgb(226, 226, 226); }

			.horizontal_slider_frame.header_menu_slider .horizontal_slider_item:nth-of-type(1) a { content: none; padding: 0 0 0 0; }
			.horizontal_slider_frame.header_menu_slider .horizontal_slider_item:nth-of-type(1):before { content: none; }
			.horizontal_slider_frame.header_menu_slider .horizontal_slider_item:nth-of-type(1) .header_menu_item { padding: 0 10 0 0; }

			.horizontal_slider_frame.header_menu_slider.header_menu_period { /* overflow: visible; */ }

			.header_menu.footer_menu { border-bottom: 0; }

			.header_menu_lastupdated { border: none !important; }

			.horizontal_slider_item:has(.header_menu_info_time)::before { content: none !important; }
			.horizontal_slider_item .header_menu_info_time { /* padding: 0 0 0 24px !important; */ padding: 0 0 2 0; line-height: 140%; }

			.header_menu_search {
									padding: 0;
									display:flex; align-items:center;
								}
			.search_input { height: 30px; top: 25px; width: 140px; }
			.search_button { height: 30px; right: 0px; top: 0px; }
			.horizontal_slider_frame.top_keywords .header_menu_search { cursor: initial; }

			.footer_menu { padding: 0; }
			.footer .footer_menu { padding: 0 0 0 24px; } /* match the 24px left offset of .header_logo above */
			.socnet_menu { margin: 12 0 10 0; padding: 0px 24px 0px 24px; justify-content: initial; }

			#header_carousel_trigger > div { padding: 5 13 4 16; }
			#header_carousel_gsap_v2_trigger > div { padding: 5 13 4 16; }
			#header_carousel_gsap_v3_trigger > div { padding: 5 13 4 16; }
			.header_carousel_gsap_v4_trigger > div { margin-top: 0; padding: 5px 7px 4px 9px; }
			
			.wordcloud_block { padding: 0px 24px 0px 24px; overflow: visible; }

			.hover_window { max-width: 90vw; max-height: 50vh; }

			.debug_header_cell { width: 60px; font-size: 8px; }

			.display_format { --format: 2; }
			.article_wrapper { width: 100%; }
			.article_wrapper { /* padding-top: 180px; */ }


			.titles_wrapper { margin: 10 0 0 0; }

			.level_1 .dot_live svg { top: 0; }
			
			.main_title { padding: 0px 24px 0px /* 74px */ 24px; }
			.subtitles { margin: 15 0 0 19; padding: 0px 24px 0px /* 74px */ /* 40px */ 24px; line-height: 1.2; }

			.unified_wrapper_grid { height: unset; margin: 0; display: flex; flex-direction: column; overflow: hidden; }

			.image_wrapper_11 { height: 150px; }
			.image_wrapper_100 { display: none; height: 130px; margin: 15 0 15 0; }
			.image_wrapper_101 { display: none; height: 130px; margin: 15 0 15 0; }
			.image_wrapper_1 .golden_ratio_image_container {
											grid-template-columns: 61.8% 9.02% 5.58% 23.6%;
											grid-template-rows: 61.8% 9.02% 5.58% 23.6%;
											grid-template-areas: "A B B B" "A D D C" "A D D C" "A D D C"; }
			.image_wrapper_1 { display: none; height: 130px; margin: 15 0 15 0; padding: 0px 24px 0px 24px; }
			.image_wrapper_2 { display: none; order: 4; padding: 0px 24px 0px 24px; margin: 0; height: 130px; margin: 15px 0 15 0; }

			.geo { order: 4; margin: 9 0 24 0; padding: 0px 24px 0px 24px; }
			.map > div:first-child > div:first-child { padding-bottom: 46% !important; }
			.geo .wordcloud_block { margin-bottom: 0; }
			.geo .wordcloud_block { padding: 0; }

			.body_copy_main { 				order: 1; padding: 0 0 0 0; margin: 0 0 18 0; }
			.nav_tab_mobile_grid { 			order: 3; margin: 0px 24px 0px 24px; }
			.body_copy_timeline_grid { 		order: 7; margin: 0px 24px 0px 24px; }
			.social_content_wrapper_grid { 	order: 6; margin: 0px 24px 0px 24px; padding: 15 10 10 10; }
			.social_content { max-height: 300px; margin: 0 0 0 10; border-right: 1px solid white; }
			.social_content:nth-of-type(1) { margin: 0; }
			.social_content iframe { height: 100% !important; }
			.social_content .twitter-tweet { height: 100%; }

			.article_wrapper .scroll-container-wrapper:has(#timeline_slider)::before,
			.article_wrapper .body_copy_main::before,
			.article_wrapper .body_copy_all_grid::before,
			.article_wrapper .body_remaining_titles_grid::before {
										content: '';
										position: absolute;
										left: 24; top: 24;
										height: 100%;
										width: 4px;
										background: rgb(100,100,100);
									}

			.body_copy_main,
			.body_copy_all_grid,
			.scroll-container-wrapper,
			.body_remaining_titles_grid { position: relative; overflow: hidden; }

			.body_copy_main .body_copy_main_single,
			.body_copy_main .body_copy_all_single,
			.body_copy_all_grid .body_copy_main_single,
			.body_copy_all_grid .body_copy_all_single { padding: 0 24px 0 40px; }

			.body_copy_all_grid { 			order: 5; padding: 0; margin: 0 0 24 0; }
			.mix_all_grid { 				order: 8; margin: 0px 24px 0px 24px; }
			.related_articles_block {		order: 9; margin: 0px 0px 24px 0px; /* background-color: rgb(240,240,240); */ }

			#timeline_slider { margin: 0; height: fit-content; display: flex; order: 0; position: relative; }
			.scroll-container-wrapper:has(#timeline_slider) { display: block; margin: 24 0 24 0; }
			.scroll-container-wrapper { display: block; position: relative; overflow: hidden; }

			#images_slider { height: fit-content; display: flex; order: 3; margin: 15 0 24 0; }
			#images_slider .horizontal_slider_item a { /* width: 100%; */ }
			#social_slider_social1 { margin: 0 0 15 0; height: fit-content; display: flex; order: 2; }
			#social_slider_social_among_top_content { display: flex; height: fit-content; max-height: 510px; }
			#nav_tab_mobile_grid { display: none; }
			#latest { display: none; }
			#social { display: none; } /* Added on 9.1.2025 */
			#social1 { display: none; }

			.composite_block_title { padding: 0 24; margin: 0 0 24 0; }

			.body_copy_all_single .body_copy { margin: 0; margin-bottom: 2px; }

			.body_copy_all_bullet { display: none; }
			.body_copy_all_bullet_inline { display: inline-block; }
			.body_copy_greyed { margin-left: 0; }
			.body_copy_main .body_copy_greyed { margin: 0 0 4 0; /* margin-left: 0; */ }
			.body_copy_all_grid .body_copy_greyed { margin: 0 0 4 0; /* margin-left: 0; */ }
			.body_copy_primary_article { /* display: inline-block; */ }

			.body_copy_main a:nth-of-type(4) { /* display: none; */ }

			.body_copy_time { flex-basis: unset; height: 24px; margin-left: 5px; }
			.body_copy_timeline_single { display: flex; flex-direction: column; margin: 0px;}
			.body_copy_timeline_content { margin: 0; }
			.body_copy_timeline_content li:nth-of-type(1) { -webkit-line-clamp: 3; }
			.body_copy_timeline_content li:nth-of-type(2) { -webkit-line-clamp: 1; }
			.body_copy_timeline_content li:nth-of-type(3) { -webkit-line-clamp: 1; }
			.body_copy_timeline_content li:nth-of-type(3) { -webkit-line-clamp: 1; }
			.body_copy_timeline_content .body_copy_source { -webkit-line-clamp: 2 !important; margin: 0; }
			.body_copy_timeline_single .v2_top_title_emphasis.mobile_scroll_title {
				display: block !important;
				position: relative;
				-webkit-line-clamp: unset !important;
				-webkit-box-orient: initial;
				overflow: visible !important;
				white-space: normal;
			}
			.body_copy_timeline_single .v2_top_title_emphasis.mobile_scroll_title .mobile_scroll_title_text {
				display: block;
				overflow-x: auto;
				overflow-y: hidden;
				white-space: nowrap;
				text-overflow: clip;
				padding-right: calc(var(--source-badge-width, 0px) + 5px);
				scrollbar-width: none;
				-webkit-overflow-scrolling: touch;
				touch-action: pan-x pan-y;
			}
			.body_copy_timeline_single .v2_top_title_emphasis.mobile_scroll_title .mobile_scroll_title_text::-webkit-scrollbar {
				display: none;
			}
			.body_copy_timeline_single .v2_top_title_emphasis.mobile_scroll_title .source_article_body {
				float: none !important;
				margin-left: 0 !important;
				position: absolute;
				right: 0;
				z-index: 5;
			}
			.body_copy_timeline_single .v2_top_title_emphasis.mobile_scroll_title.can_scroll_x.scroll_x_at_end .source_article::before {
				content: none;
			}
			.body_copy_timeline_single .v2_top_title_emphasis.mobile_scroll_title.can_scroll_x:not(.scroll_x_at_end)::after {
				content: '';
				position: absolute;
				top: 0;
				right: 0;
				width: calc(var(--source-badge-width, 0px) + 38px);
				height: 100%;
				background: linear-gradient(to left, var(--inline-bg) 20%, transparent 100%);
				pointer-events: none;
				z-index: 3;
			}
			.body_copy_timeline_single .v2_top_title_emphasis.mobile_scroll_title.can_scroll_x:not(.scroll_x_at_end)::before {
				content: '';
				position: absolute;
				top: 55%;
				right: calc(var(--source-badge-width, 0px) + 11px);
				width: 8px;
				height: 8px;
				border-top: 2px solid currentColor;
				border-right: 2px solid currentColor;
				transform: translateY(-50%) rotate(45deg);
				opacity: 0.72;
				pointer-events: none;
				z-index: 10;
			}
			.mst_left_ind { display: none; }
			.body_copy_timeline_single .v2_top_title_emphasis.mobile_scroll_title.can_scroll_x:not(.scroll_x_at_start) .mst_left_ind {
				display: block;
				position: absolute;
				left: -1px;
				top: 1px;
				width: 38px;
				height: 100%;
				background: linear-gradient(to right, var(--inline-bg) 20%, transparent 100%);
				pointer-events: none;
				z-index: 3;
			}
			.body_copy_timeline_single .v2_top_title_emphasis.mobile_scroll_title .mst_left_ind::before {
				content: '';
				position: absolute;
				top: 50%;
				left: 3px;
				width: 8px;
				height: 8px;
				border-top: 2px solid currentColor;
				border-left: 2px solid currentColor;
				transform: translateY(-50%) rotate(-45deg);
				opacity: 0.72;
				pointer-events: none;
			}

			#timeline_slider .body_copy_surplus { display: initial !important; }

			.connecting_line_longer { width: 87%; height: 1px; top: 9px; left: 53px; }
			.connecting_line_shorter { width: 58%; height: 1px; top: 9px; left: 135px; }
			.connecting_line_preceding { display: none; }
			.horizontal_slider_frame .horizontal_slider_item:last-of-type .connecting_line_longer,
			.horizontal_slider_frame .horizontal_slider_item:last-of-type .connecting_line_shorter { display: none; }
			#timeline_all_div > :last-child .connecting_line_longer,
			#timeline_all_div > :last-child .connecting_line_shorter { display: none; }

			.nav-link.active { background-color: #fff !important; border-color: #dee2e6 #dee2e6 #fff !important; font-weight: 600; }
			.nav_tab_mobile { order: 0; width: 100%; display: initial; }

			#mix-tab, #latest-tab { display: none; }
			#top-tab, #social-tab { display: block; }

			.lower_wrapper { display: flex; height: 100%; flex-wrap: nowrap; margin: 30 0 0 0; padding: 0px 24px 0px 24px; }
			.mix_all { display: block; margin: 15 0 0 0; }
			.body_copy_timeline { order: 1; width: initial; display: block; margin: 25 0 0 0; padding: 0; background-color: revert; }
			.body_copy_all { order: 2; width: initial; display: block; margin: 15 0 0 0; }
			.social_content_wrapper { order: 3; width: 100%; display: block; margin: 15 0 0 0; padding: 0; background-color: revert; }
			.social_content { opacity: 1; }

			.article_body_copy_wrapper { margin-top: 20px; }

			.body_copy_main_single { margin: 0 0 18 0; padding: 0 24px 0 24px; }
			.body_copy_all_single { padding: 0px 24px 0px 24px; }

				.body_copy_main .body_copy_all_single:not(.body_copy_surplus):not(:has(~ .body_copy_all_single:not(.body_copy_surplus))),
			.body_copy_all_grid .body_copy_all_single:not(.body_copy_surplus):not(:has(~ .body_copy_all_single:not(.body_copy_surplus))) { margin: 0; }

			.body_copy_main div:last-of-type { /* margin: 0 0 18 0; */ }

			.body_remaining_titles_grid { margin: 0px 24px 40px 0px; }
			.body_remaining_titles_grid > h2 { padding: 0px 0px 0px 40px;}

			.sources_bar.mobile_sources_bar_scroll .sources_scroll_inner {
				flex: 1;
				min-width: 0;
				overflow-x: auto;
				overflow-y: hidden;
				display: flex;
				align-items: center;
				position: relative;
				scrollbar-width: none;
				-webkit-overflow-scrolling: touch;
				touch-action: pan-x pan-y;
			}
			.sources_bar.mobile_sources_bar_scroll .sources_scroll_inner::-webkit-scrollbar {
				display: none;
			}
			.sources_bar.mobile_sources_bar_scroll .sources_scroll_inner .sources_bar_item {
				flex: 0 0 auto;
			}
			.sources_bar.mobile_sources_bar_scroll .sources_scroll_inner.can_scroll_x:not(.scroll_x_at_end).scroll_x_at_start {
				-webkit-mask-image: linear-gradient(to right, black calc(100% - 8px), transparent 100%);
				mask-image: linear-gradient(to right, black calc(100% - 8px), transparent 100%);
			}
			.sources_bar.mobile_sources_bar_scroll .sources_scroll_inner.can_scroll_x:not(.scroll_x_at_end):not(.scroll_x_at_start) {
				-webkit-mask-image: linear-gradient(to right, transparent 0%, black 32px, black calc(100% - 8px), transparent 100%);
				mask-image: linear-gradient(to right, transparent 4%, black 40px, black calc(100% - 8px), transparent 100%);
			}
			.sources_bar.mobile_sources_bar_scroll .sources_scroll_inner.can_scroll_x.scroll_x_at_end:not(.scroll_x_at_start) {
				-webkit-mask-image: linear-gradient(to right, transparent 0%, black 32px, black 100%);
				mask-image: linear-gradient(to right, transparent 0%, black 32px, black 100%);
			}
			.sources_bar.mobile_sources_bar_scroll .sources_scroll_inner.can_scroll_x:not(.scroll_x_at_start)::before {
				content: "";
				position: sticky;
				left: 0;
				height: 100%;
				width: 50px;
				flex-shrink: 0;
				margin-right: -50px;
				pointer-events: none;
				background: linear-gradient(to left, rgba(255,255,255,0) 0%, white 70%);
				z-index: 2;
			}
			.sources_bar.mobile_sources_bar_scroll.can_scroll_x:not(.scroll_x_at_end)::before {
				content: '';
				position: absolute;
				top: 50%;
				right: calc(var(--more-info-width, 77px) + 7px);
				width: 8px;
				height: 8px;
				border-top: 2px solid currentColor;
				border-right: 2px solid currentColor;
				transform: translateY(-50%) rotate(45deg);
				opacity: 0.72;
				pointer-events: none;
				z-index: 4;
			}
			.sources_bar.mobile_sources_bar_scroll.can_scroll_x:not(.scroll_x_at_start)::after {
				content: '';
				display: block;
				position: absolute;
				top: 57%;
				left: 3px;
				width: 8px;
				height: 8px;
				border-top: 2px solid currentColor;
				border-left: 2px solid currentColor;
				transform: translateY(-50%) rotate(-45deg);
				opacity: 0.72;
				pointer-events: none;
				z-index: 4;
			}
			.sources_bar.mobile_sources_bar_scroll .sources_scroll_inner.scroll_x_at_end .sources_bar_item:last-child {
				padding-right: 10px;
			}
			.sources_bar.mobile_sources_bar_scroll .sources_bar_item.more_information {
				position: relative;
				transform: none;
				bottom: auto;
				top: auto;
			}
			.sources_bar.mobile_sources_bar_scroll:not(.can_scroll_x) .more_information::before {
				content: none;
			}
			.related_articles_block .sources_bar:not(.scroll_x_at_end) .more_information::before {
				background: linear-gradient(to right, transparent, rgb(240,240,240) 90%);
			}

			.source_article_body_before { line-height: 2.9; margin: 0 10 5 0; }
			.source_article_body_after { /* display: none; */
										font-size: 10px;
										line-height: 1;
										/* color: rgb(180,180,180); */
										/* opacity: 0.5; */
										padding: 3 5;
										}
			.related_articles_block .horizontal_slider_item .news_block .show_source .source_article { background-color: rgb(240,240,240); }
			.related_articles_block .horizontal_slider_item .news_block h1 .source_article { bottom: 0 !important; /* was 5, switched to 0 on 14.9.2024 */ }
			.related_articles_block .horizontal_slider_item .news_block h2 .source_article { bottom: 0 !important; }

			.related_articles_block .horizontal_slider_item .news_block .show_source h1::after,
			.related_articles_block .horizontal_slider_item .news_block .show_source h2::after { background: linear-gradient(to right, transparent, rgb(240,240,240) 90%); }

			.horizontal_slider_frame { display: flex; flex-direction: row; /* height: 165px; */ overflow-x: scroll; overflow-y: hidden; scroll-snap-type: x mandatory; margin: 24 0 24 0; padding: 0; }
			.related_articles_block .horizontal_slider_frame { margin: 0; }
			.horizontal_slider_frame::-webkit-scrollbar { display: none; }
			.horizontal_slider_frame_greyed .horizontal_slider_item a .header_menu_item { color: rgb(180, 180, 180); }
			.horizontal_slider_item { display: flex; flex: 1 0 auto; padding: 15 0 15 15; margin: 0 0 0 0; scroll-snap-align: center; scroll-margin-left: 0px; border: 0; width: 80%; background-color: rgb(240,240,240); }
			.horizontal_slider_item:nth-of-type(1) .body_copy_time { color: red; color: #CC0066; }
			.horizontal_slider_item:last-of-type .news_block { border-right: none; }
			.horizontal_slider_item .news_block { height: 100%; /* border-right: 1px solid white; */ }
			.horizontal_slider_frame .news_block { padding: 0 15 0 0; }
			.horizontal_slider_frame .social_content { padding: 0 15 0 0; }
			.horizontal_slider_item_icon { width: 50%; }
			#images_slider .horizontal_slider_item { width: 90%; height: 150px; padding: 0 0 0 0; margin: 0 0 0 0; background-color: transparent; }
			#images_slider .horizontal_slider_item:first-of-type > div { margin-left: 24; }
			#images_slider .horizontal_slider_item:last-of-type > div { margin-right: 24; }
			#images_slider .golden_ratio_image_item { }
			#timeline_slider .horizontal_slider_item a { width: -webkit-fill-available; border-right: none; padding: 0 15 0 0; }
			#timeline_slider .horizontal_slider_item:first-of-type a { border-right: 1px solid white; }
			#timeline_slider .horizontal_slider_item:first-of-type { margin: 0 0 0 28; }
			#timeline_slider .horizontal_slider_item:last-of-type > a { margin-right: 24; }
			#social_slider_social1 .horizontal_slider_item { width: 85%; padding: 15 15 15 0; }
			#social_slider_social1 .horizontal_slider_item:first-of-type { margin-left: 24; padding-left: 15; }
			#social_slider_social_among_top_content .horizontal_slider_item { width: 68%; /* max-width: 68%; width: unset; */ padding: 15 0 15 15; }
			#social_slider_social_among_top_content .horizontal_slider_item:first-of-type { margin-left: 24; padding: 15 0 15 15; margin-right: 0; }
			#social_slider_social_among_top_content .horizontal_slider_item:last-of-type { margin-right: 24; padding: 15 0 15 15; }
			#social_slider_social_among_top_content .horizontal_slider_item:last-of-type .social_content { border: none; }

			.related_articles_block .horizontal_slider_item:nth-of-type(1) { width: 80%; margin: 0 0 0 24; }
			.related_articles_block .horizontal_slider_item { padding: 15 0 15 15; }
			.related_articles_block .horizontal_slider_item:nth-of-type(1) .news_block { padding-left: 15; }
			.related_articles_block .horizontal_slider_item .news_block { padding: 0; }

			#RelatedArticles .horizontal_slider_item:last-of-type { border-right: none; padding: 15px 15px 15px 15px; }

			.header_menu .horizontal_slider_item:last-of-type { padding-right: 24; }
			.header_menu .horizontal_slider_item:last-of-type > a { padding-right: 0; }

			.twitter-tweet { margin: 0 !important; padding: 0 !important; font-size: 13px !important; }
			.twitter-tweet p { font-size: 11px; padding: 0; }
			.twitter-tweet span { font-size: 11px; font-weight: 300; }
			.twitter-tweet iframe { /* width: 250px !important; height: 150px !important; */ }
			.twitter-tweet article { }
			.twitter-tweet article span { font-size: 13px !important; }
			.twitter-tweet article a span { font-size: 13px !important; }

			.ad_article_top_content_top { margin: 0 0 15 0; }
			.ad_article_top_content_lower { margin: 0 0 15 0; }

			.ad_article_top_content_top { display: flex; }
			.ad_article_top_content_middle { display: none; }
			.ad_header_top.phone { display: none; }

			.source_article.body_copy_source { line-height: 1.6; }

			.titles_wrapper .main_title .source_article { padding: 20px 0px 6px 10px; }
			.titles_wrapper .main_title h1::after { height: 25px; }
			.titles_wrapper .main_title h1 .source_article { padding: 6px 0px 2px 10px; }

			.news_block .show_source h1 .source_article_body { padding: 0px 0px 0px 10px; bottom: 0px; }
			.news_block .show_source h1::after { height: 18px; }

			.news_block .show_source h1.title_1 .source_article_body { /* padding: 6px 0px 2px 10px; */ padding: 0px 0px 0px 10px; }
			.news_block .show_source h1.title_1::after { height: 20px; }
			.news_block .show_source h1.title_2 .source_article_body { padding: 4px 0px 0px 10px; bottom: 0px; /* was 6 10 0 10 */ }
			.news_block .show_source h1.title_2::after { height: 20px; }
			.news_block .show_source h1.title_3 .source_article_body { padding: 4px 0px 0px 10px; bottom: 0px; /* was 6 10 0 10 */ }
			.news_block .show_source h1.title_3::after { height: 20px; }
			.news_block .show_source h1.title_11 .source_article_body { padding: 2px 0px 2px 10px; bottom: 0px; /* was 6 10 0 10 */ }
			.news_block .show_source h1.title_11::after { height: 20px; }

			.news_block .show_source h2.subtitle_1 .source_article_body { padding: 0px 0px 0px 10px; bottom: -1px; }
			.news_block .show_source h2.subtitle_1::after { height: 16px; }

			.news_block .show_source h2 .source_article_body { padding: 0px 0px 0px 10px; bottom: -1px; }
			.news_block .show_source h2::after { height: 16px; }

			.ners_block { margin: 0px 0px 24px 0px;	padding: 0px 24px 0px 24px; }

			.related_articles_block .news_block .show_source .source_article::before  { background: linear-gradient(to right, transparent, rgb(240,240,240) 90%); }

			.none { display: none; }
			.desktop { display: none; }
			.tablet { display: none; }
			.phone { display: flex; }
			.all_screens { display: flex; }

			.expanded_div_parent_background { padding: 15 24 15 24; }

			/* Scroll.mk modifications START */
			/* ==============================*/

			.body_copy { /* font-family: arial, helvetica, sans-serif; */ }
			.source_article_body { /* font-family: arial, helvetica, sans-serif; */ }

			header { }
			.header {
						display: grid;
						height: 160px; height: unset;
						padding: 15 0 0 0;
						grid-template-rows: 40px 70px; grid-template-rows: auto auto;
						grid-template-columns: auto 1fr;
						align-items: center;
						row-gap: 37px;
					}
			.header_top_part {
						display: flex;
						width: 100%;
						align-items: center;
						padding: 10 0 10 0;

						position: fixed;
						top: 0;
						z-index: 1000;
							}
			.header_menu { padding: 0; margin: 10 0 0 0; }

			.header .header_menu.header_menu_search { 
												order: 3; display: flex; justify-self: end; justify-content: flex-end;
												padding: 0; margin: 0 10 0 10;
												border: none;
												flex: initial;

												position: absolute;
												right: 5px;
												bottom: 7px;
												transition: width .25s ease;
												width: auto;
												height: 36px;
												overflow: visible;
											}
			.horizontal_slider_item .header_menu.header_menu_search { display: none; width: 175px; top: 0; padding: 0; margin: 0; }
			.search_input { width: 100%; }
			.search_button { position: static; }

			.header_menu_search .search_input {
								width:0; opacity:0; padding:0; margin-left:0; border-width:0; pointer-events:none;
								transition:width .3s ease,opacity .3s ease,padding .3s ease,margin .3s ease,border-width .0s;
											}
			.header_menu_search.is-open .search_input,
			.header_menu_search .search_box:focus-within .search_input {
								/* Cap the width on tight screens so the box opens leftward only up to
								   the logo, never over it. --logo-right is the logo's measured right
								   edge (set by setLogoWidth on load/resize), so this adapts to whatever
								   logo file/height/margin the config uses. ~120 reserves the fixed right
								   side: gap + magnifier + account icon + input margin + right offset.
								   Fallback 98px if JS hasn't measured yet. */
								width: min(200px, calc(100vw - var(--logo-right, 98px) - 120px)); flex: 0 0 auto; opacity:1; padding: 6px 10px; margin-left: 8px;
								border: 1px solid #ccc;
								border: 0;
								pointer-events:auto;
															}
			.header_menu_search.is-open { width: auto; }
			.header_menu_search.is-open .search_box,
			.header_menu_search .search_box:focus-within { 	/* border: 1px solid rgb(80,80,80); */
											outline: 1px solid rgb(80,80,80);
											outline-offset: -1px;
											background: transparent;
										}
			.header_menu_search .search_button{ flex:0 0 auto; padding-right: 5px; }

			.header_logo { order: 1; }
			.header_top_part .header_menu_info_time { order: 2; display: flex; width: initial; margin: 0 15 !important; font-size: 14px; align-self: center; }

			.header_top_part { position:fixed; top:0; left:0; right:0; background:#fff; z-index:1000; }
			.header_top_part.has-border {
											border-bottom:1px solid rgb(200,200,200);
											box-shadow: 0 3px 6px rgba(0,0,0,.3);
										}
			.header_top_part.has-border-thin {
											border-bottom: 0.1px solid rgb(200,200,200);
										}
			body { /* padding-top: var(--header-h, 0px); */ }

			.news_block .show_source h1.title_14 .source_article_body { padding: 0px 0px 0px 10px; bottom: -3px; }

			.body_copy_all_single .subtitle .source_article_body { bottom: 0; }

			.top_social_mobile .horizontal_divider .phone { margin: 8px 24px 8px 24px; }

			.horizontal_slider_frame.top_videos > div { margin: 0 20 0 0; }
			.horizontal_slider_frame.top_videos > div:nth-of-type(1) { margin: 0 20 0 24; }
			
			/* ==============================*/

	}


	/* v2 composite layout */
	/* ==============================*/
	.v2_composite_grid {
		display: grid;
		margin: 25px 0 0 0;
		grid-template-columns: auto 300px;
		grid-template-areas: "V2Slider  V2Slider"
		                     "V2Images  V2Ads"
		                     "V2Summary V2Ads"
		                     "V2Timeline V2Ads";
		column-gap: 25px;
		align-items: start;
	}
	.v2_slider       { grid-area: V2Slider; display: none; }
	.v2_image_block  { grid-area: V2Images; width: 100%; height: 215px; overflow: hidden; margin: 0 0 2px 0; }
	.v2_timeline_col { grid-area: V2Timeline; margin: 15px 0 0 0; }
	.v2_summary      { grid-area: V2Summary; background-color: rgb(240,240,240); --inline-bg: rgb(240,240,240); padding: 15px; position: relative; }
	.v2_summary .section_block_header { position: absolute; top: -20px; left: 0; display: none; }
	.v2_ads_col      { grid-area: V2Ads; }

	.v2_summary .main_title { padding: 0; margin-bottom: 15px; }
	.v2_summary .main_title h1 { font-size: 28px; }
	.v2_summary .titles_wrapper .main_title .source_article { padding: 8px 0px 4px 10px; }
	.v2_summary .titles_wrapper { margin: 0; padding: 0; }
	/* Overtitle (freshest article) over the v3 summary H1 — index-block look,
	   positioned by document order (no news_block grid here). Wins without
	   !important: (0,3,0) specificity beats the index.css subtitle rules, and
	   style.css loads after index.css so equal-specificity ties break our way.
	   The a-selector covers the link the title text renders inside. */
	.v2_summary .titles_wrapper .subtitle_freshest_composite,
	.v2_summary .titles_wrapper .subtitle_freshest_composite a { font-weight: 300; }
	/* line-clamp: (0,3,0) also beats the .v2_summary .titles_wrapper h2 clamp
	   (2 lines, 3 in the narrow media query) — the overtitle stays one line. */
	.v2_summary .titles_wrapper .subtitle_freshest_composite { margin: 0 0 10px 0; -webkit-line-clamp: 1; }
	/* Overtitle source label sits flush (index blocks nudge it up by -3 via
	   .subtitle_freshest .source_article_body; scope here beats it, and style.css
	   loads after index.css). Only the composite overtitle is affected. */
	.v2_summary .titles_wrapper .subtitle_freshest_composite .source_article_body { bottom: 0 !important; }
	.v2_summary .geo { padding: 0; margin: 15px 0 0 0; height: unset; }
	
	.v2_composite_grid .body_copy_timeline_content 										{ margin: 0; }
	.v2_composite_grid .body_copy_timeline_content .body_copy 							{ line-height: 1.2; }
	.v2_composite_grid .body_copy_timeline_content .body_copy_timeline_content_text 	{ font-size: 13px; font-weight: 800; margin: 5px 0 5px 0; color: rgb(35,35,35); }

	.v2_composite_grid .body_copy_timeline_content .body_copy { -webkit-line-clamp: 3; }

	.v2_composite_grid .body_copy.body_copy_source.subtitle_14 { margin: 0 0 0 0; line-height: 1.3; -webkit-line-clamp: 1; }

	.v2_composite_grid .body_copy_timeline_content .body_copy_source { -webkit-line-clamp: 1 !important; }

	.v2_composite_grid .connecting_line_longer { width: 1.2px; height: calc(-9px + 98%); top: 15px; left: 13px; }
	
	.v2_top_title_emphasis { top: -0.2em; margin: 0; font-weight: 700 !important; font-size: 18px !important; -webkit-line-clamp: 2 !important; }
	.v2_top_title_emphasis_0 { color: #0044AA; color: rgb(35,35,35); }
	.v2_top_title_emphasis_1 { color: #0077BB; color: rgb(35,35,35); }
	.v2_top_title_emphasis_2 { color: #008866; color: rgb(35,35,35); }
	.v2_top_title_emphasis_3 { color: #AA6600; color: rgb(35,35,35); }

	.v2_composite_grid .v2_top_title_emphasis .source_article_in_title { height: 120%; top: 4px; line-height: 1.3 !important; }

	.v2_composite_grid .body_copy_timeline_single:has(.v2_top_title_emphasis) { margin: 9px 0 5px 0; }
	.v2_composite_grid .body_copy_timeline_single:has(.body_copy_timeline_content_text) { margin: 10px 0 10px 0; }
	
	.v2_composite_grid .body_copy_time { height: unset; flex-basis: 35px; margin: 0; color: rgb(100,100,100); color: #0066CC; }
	
	.v2_composite_grid .body_copy_timeline_single { margin: 0 0 3px 0; }
	.v2_composite_grid .body_copy_timeline_single .source_article::before {
					background: linear-gradient(to left, var(--inline-bg) 20%, transparent 100%);
					}
	.v2_composite_grid .body_copy_timeline_single .body_copy_source .source_article_body { background: var(--inline-bg); line-height: 1.2; }

	.v2_composite_grid .wordcloud_block	{ margin: 0 0 10px 0;}
	.v2_composite_grid .geo .wordcloud_block { margin: 10px 0 0 0;}
	.v2_composite_grid .ners_block { margin: 15px 0 25px 0; padding: 0; }

	/* v2_summary: subtitle border-left bullets removed; body_copy_main_single gets them instead */
	.v2_summary .subtitles_1, .v2_summary .subtitles_2, .v2_summary .subtitles_3,
	.v2_summary .subtitles_4, .v2_summary .subtitles_5, .v2_summary .subtitles_6,
	.v2_summary .subtitles_11, .v2_summary .subtitles_12, .v2_summary .subtitles_13,
	.v2_summary .subtitles_14 { border-left: none; }
	.v2_summary .titles_wrapper .subtitle_single::before { display: none; }
	.v2_summary .subtitle_single h2 { margin: -5 0 10 0 !important; }

	.v2_summary .body_copy_main::before { display: none; }
	.v2_summary .composite_block_title { display: none; }
	.v2_summary .subtitles { margin: 25px 0 0 0; padding: 0; }
	.v2_summary .body_copy_main { margin: 10px 0 0 0; }
	.v2_summary .body_copy_main .body_copy_main_single { padding: 0; margin: 0; position: relative; }
	.v2_summary .body_copy_main .body_copy_all_single { padding: 0; margin: 0 0 5px 0; position: relative; }
	.v2_summary .titles_wrapper h1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
	.v2_summary .titles_wrapper h2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

	@media screen and (max-width: 1050px) {
		.v2_composite_grid { margin: 25px 3% 0 3%; }
		.v2_composite_grid .body_copy_timeline_single { flex-direction: initial; }
		.v2_composite_grid .body_copy_timeline_content { padding: 0 0 0 0px; }
		.v2_composite_grid .body_copy_timeline_content .body_copy { -webkit-line-clamp: 3; }
		.v2_composite_grid .body_copy_time { height: unset; width: 35px; margin: 0;}

		.v2_summary .main_title { padding: 0; }
	}
	@media screen and (max-width: 560px) {
		.v2_composite_grid { display: block; margin: 10px 0 0 0; }
		.v2_summary { margin: 0 24px; }
		.v2_timeline_col { margin: 15px 24px 0 24px; }

		.v2_composite_grid .horizontal_slider_item:first-of-type > div { /* margin-left: 10px; */ }
		.v2_composite_grid .horizontal_slider_item:last-of-type > div { /* margin-right: 10px; */ }

		.v2_summary .main_title { padding: 0; }
		.v2_summary .subtitles { padding: 0; }
		.v2_summary .body_copy_main { margin: 10px 0 0 0; padding: 0;  }
		.v2_summary .body_copy_all_single .body_copy { -webkit-line-clamp: 2; }
		.v2_summary .titles_wrapper h2 { -webkit-line-clamp: 3; }
		.v2_summary .geo { margin: 25px 0 0 0; height: unset; }

		.v2_composite_grid .body_copy_timeline_content { padding: 0; flex: 1; min-width: 0; }
		.v2_composite_grid .body_copy_timeline_content .body_copy { -webkit-line-clamp: 3; }
		.v2_composite_grid .body_copy.body_copy_timeline_content .subtitle_14 { line-height: 1; }
		.v2_composite_grid .body_copy_timeline_single .body_copy_source .source_article_body { font-size: 13px; }

		.v2_composite_grid .v2_top_title_emphasis .source_article_in_title { height: 100%; top: 0px; line-height: 1.5 !important; }
		.v2_composite_grid .body_copy_timeline_content .subtitle_14.v2_top_title_emphasis { -webkit-line-clamp: 1 !important; }
		.v2_composite_grid .body_copy_timeline_content .subtitle_14.v2_top_title_emphasis.mobile_scroll_title {
			display: block !important;
			-webkit-line-clamp: unset !important;
			-webkit-box-orient: initial;
		}
		
		.v2_ads_col { display: none; }
		.v2_slider { display: block; }
		.v2_image_block { display: none; }
		.v2_top_title_emphasis .body_copy_timeline_content .body_copy_source { -webkit-line-clamp: 2 !important; }
		.v2_composite_grid .body_copy_time { height: unset; width: 30px; margin: 0; font-size: 10px; }
		.v2_composite_grid .body_copy_timeline_single { margin: 0 0 7px 0; }
		.v2_composite_grid .body_copy_timeline_single .body_copy_source .source_article_body { /* font-size: 10px; */ line-height: 0.9; line-height: 1; top: 1px;}

		.v2_slider #images_slider { margin: 15 0 15 0; }

		.v2_summary .body_copy_main .body_copy.body_copy_source.subtitle_14 { -webkit-line-clamp: 2; }
		.v2_summary .body_copy_main .body_copy_source { padding-left: 19px; }
		.v2_summary .body_copy_main .body_copy_all_bullet_inline { margin-left: -19px; }

	}
	/* ==============================*/

	
		/* User icon — a plain flex child of the search container, so it sits next
		   to the search magnifier on both desktop and mobile. NO rule here touches
		   .header_menu_search / .search_input / .search_button, so the search
		   collapse behaves exactly as before. */
		.account_button{flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;position:relative;}
		.account_icon{width:23px;height:23px;display:inline-block;background-color:#5f6368;-webkit-mask:url(user_icon.svg) center/contain no-repeat;mask:url(user_icon.svg) center/contain no-repeat;transition:background-color .15s ease;pointer-events:none;}
		.account_button:hover .account_icon{background-color:#3c4043;}
		.account_button.logged_in .account_icon{background-color:#0066CC;}
		/* Logged-in extra: notification count on the icon's shoulder (site
		   red). Absolutely positioned so the 32px button footprint — and the
		   header height — stay unchanged. */
		.account_notif_badge{position:absolute;top:-3px;left:20px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:#CC0066;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;pointer-events:none;box-sizing:border-box;}
		/* display:inline-flex above would defeat the hidden attribute's UA display:none */
		.account_notif_badge[hidden]{display:none;}

		/* Modal — matches the site's email-popup design language:
		   PT Sans, 8px radius, #0066CC "Преглед" blue primary (brightens to #007BFF on hover), .8 dim overlay. */
		.account_overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;}
		.account_overlay[hidden]{display:none;}
		.account_modal{position:relative;background:#fff;border-radius:0;width:90%;max-width:400px;padding:22px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.25);box-sizing:border-box;font-family:PT Sans, sans-serif;}
		.account_modal_close{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;color:#8a8a8a;}
		.account_modal_close:hover{color:#333;}
		.account_logo{display:block;max-width:92px;margin:6px auto 14px;}
		.account_modal_title{display:block;font-size:24px;line-height:1.15;font-weight:700;color:rgb(35,35,35);margin:0 0 6px;}
		.account_modal_subtitle{display:block;font-size:14px;line-height:1.4;color:#666;margin:0 0 18px;}
		.account_providers{display:flex;flex-direction:column;gap:10px;}
		.account_providers:empty{display:none;}
		.account_provider_btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;border:1px solid #dcdcdc;border-radius:0;background:#fff;font-family:inherit;font-size:15px;font-weight:600;color:rgb(60,60,60);cursor:pointer;transition:background .12s,border-color .12s;}
		.account_provider_btn:hover{background:#f6f7f8;border-color:#c4c4c4;}
		.account_provider_btn svg{width:18px;height:18px;flex:0 0 auto;}
		.account_divider{display:flex;align-items:center;text-align:center;color:#999;font-size:13px;margin:16px 0;}
		.account_divider:first-child{display:none;}
		.account_divider::before,.account_divider::after{content:"";flex:1;height:1px;background:#e6e6e6;}
		.account_divider span{padding:0 12px;}
		.account_form{display:flex;flex-direction:column;gap:10px;}
		.account_input{height:44px;border:1px solid #ccc;border-radius:0;padding:0 12px;font-family:inherit;font-size:16px;box-sizing:border-box;width:100%;background:#fff;color:rgb(35,35,35);text-align:left;}
		.account_input::placeholder{color:#9a9a9a;}
		.account_input:focus{outline:none;border-color:#0066CC;box-shadow:0 0 0 3px rgba(0,102,204,.20);}
		.account_submit{height:44px;border:none;border-radius:0;background:#0066CC;color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background .12s;width:100%;margin-top:2px;}
		.account_submit:hover{background:#007BFF;}
		.account_submit:disabled{opacity:.6;cursor:default;}
		.account_switch{display:block;width:100%;margin-top:14px;border:none;background:transparent;color:#0066CC;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;text-align:center;}
		.account_switch:hover{text-decoration:underline;color:#0052a3;}
		.account_email_row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 2px;}
		.account_email_row[hidden]{display:none;}
		.account_email_shown{font-size:14px;color:rgb(60,60,60);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
		.account_change{border:none;background:transparent;color:#0066CC;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;flex:0 0 auto;padding:0;}
		.account_change:hover{text-decoration:underline;}
		.account_input[hidden]{display:none;}
		.account_magic[hidden]{display:none;}
		.account_error{color:#CC0066;font-size:13px;line-height:1.35;margin-top:2px;text-align:center;}
		.account_error[hidden]{display:none;}
		.account_view[hidden]{display:none;}
		.account_check_icon{font-size:44px;text-align:center;margin:6px 0 8px;}
		.account_prefs_label{font-size:13px;color:#666;margin:6px 0 4px;display:block;text-align:left;}
		.account_prefs_email{font-size:13px;color:#999;margin:8px 0 14px;text-align:left;}

		.account_menu{position:fixed;min-width:214px;max-width:264px;background:#fff;border-radius:0;box-shadow:0 4px 14px rgba(0,0,0,.2);border:1px solid #eee;padding:8px;z-index:10000;font-family:PT Sans, sans-serif;}
		.account_menu[hidden]{display:none;}
		.account_menu_header{padding:6px 10px 10px;border-bottom:1px solid #eee;margin-bottom:6px;text-align:left;}
		.account_menu_username{font-weight:700;font-size:15px;color:rgb(35,35,35);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
		.account_menu_email{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
		.account_menu_item{display:block;width:100%;text-align:left;border:none;background:transparent;padding:10px;font-family:inherit;font-size:14px;color:rgb(50,50,50);cursor:pointer;border-radius:0;}
		.account_menu_item:hover{background:#f4f5f6;}

		.account_toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:rgb(35,35,35);color:#fff;padding:12px 20px;border-radius:0;font-family:PT Sans, sans-serif;font-size:14px;z-index:10001;box-shadow:0 4px 14px rgba(0,0,0,.3);max-width:90vw;text-align:center;}
		.account_toast[hidden]{display:none;}