:root {
			--page: #f5f7fa;
			--card: #ffffff;
			--ink: #1f2933;
			--muted: #7b8794;
			--line: #e7ecf2;
			--gold: #f0a000;
			--gold-dark: #d78600;
			--gold-soft: #fff3cf;
			--blue: #2563eb;
			--teal: #0f9f8f;
			--green: #20bd66;
			--red: #ff384c;
			--nav: #303941;
			--shadow: 0 14px 34px rgba(30, 41, 59, .08);
			--shadow-strong: 0 22px 48px rgba(30, 41, 59, .13);
		}

		* { box-sizing: border-box; }

		:where(html, body, body *, button, input, select, textarea, .uk-button, .uk-input, .uk-select, .uk-textarea) {
			font-family: "Vazir", Tahoma, sans-serif !important;
		}

		body {
			margin: 0;
			min-height: 100vh;
			color: var(--ink);
			font-family: "Vazir", Tahoma, sans-serif;
			background:
				linear-gradient(135deg, rgba(240, 160, 0, .08) 0 12%, transparent 12% 100%),
				linear-gradient(225deg, rgba(15, 159, 143, .07) 0 10%, transparent 10% 100%),
				repeating-linear-gradient(90deg, rgba(31, 41, 51, .025) 0 1px, transparent 1px 72px),
				linear-gradient(180deg, #fffdf8 0, var(--page) 38%, #ffffff 100%);
			padding-bottom: 82px;
		}

		a, a:hover, a:focus { color: inherit; text-decoration: none; }

		.app-shell {
			width: min(100%, 960px);
			margin: 0 auto;
			overflow: hidden;
			background: rgba(255, 255, 255, .82);
			box-shadow: 0 0 0 1px rgba(226, 232, 240, .75), 0 30px 90px rgba(31, 41, 51, .08);
			min-height: 100vh;
		}

		.topbar {
			height: 78px;
			padding: 0 22px;
			color: #fff;
			background:
				linear-gradient(90deg, rgba(240, 160, 0, .18), transparent 28%, rgba(15, 159, 143, .1)),
				linear-gradient(115deg, #28313a 0%, #47505a 100%);
			display: flex;
			align-items: center;
			justify-content: space-between;
			box-shadow: 0 16px 34px rgba(15, 23, 42, .22);
		}

		.brand {
			direction: ltr;
			font-weight: 900;
			font-size: 32px;
			letter-spacing: 0;
			white-space: nowrap;
			text-shadow: 0 2px 12px rgba(0, 0, 0, .18);
		}

		.brand span { color: var(--gold); text-shadow: 0 0 18px rgba(240, 160, 0, .28); }

		.icon-button {
			width: 42px;
			height: 42px;
			border: 0;
			border-radius: 50%;
			display: inline-grid;
			place-items: center;
			color: inherit;
			background: transparent;
			cursor: pointer;
		}

		.icon-button:hover { background: rgba(255, 255, 255, .15); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); }

		.header-brief {
			height: 42px;
			padding: 0 22px;
			display: grid;
			grid-template-columns: auto minmax(0, 1fr);
			align-items: center;
			gap: 16px;
			border-bottom: 1px solid rgba(226, 232, 240, .95);
			background: linear-gradient(90deg, #fff 0%, #fffaf0 52%, #fff 100%);
			overflow: hidden;
		}

		.date-chip {
			display: flex;
			align-items: center;
			gap: 8px;
			min-width: 0;
			color: #596575;
			font-size: 12px;
			font-weight: 800;
			white-space: nowrap;
		}

		.date-chip [uk-icon] { color: var(--gold-dark); }
		.date-chip strong { color: var(--ink); font-size: 12px; font-weight: 900; }
		.date-chip span:last-child { display: none; }

		.news-ticker {
			position: relative;
			min-width: 0;
			display: flex;
			align-items: center;
			gap: 8px;
			overflow: hidden;
		}

		.ticker-label {
			position: relative;
			z-index: 2;
			flex: 0 0 auto;
			padding: 3px 9px;
			border-radius: 999px;
			color: #fff;
			background: linear-gradient(135deg, #a40f3a, #d11f45);
			box-shadow: 0 8px 18px rgba(190, 18, 60, .2);
			font-size: 11px;
			font-weight: 900;
		}

		.ticker-window {
			position: relative;
			height: 24px;
			min-width: 0;
			flex: 1 1 auto;
			overflow: hidden;
		}

		.ticker-track {
			position: relative;
			display: flex;
			flex-direction: column;
			height: auto;
			min-width: 0;
			animation: vertical-headline 40s ease-in-out infinite;
		}

		.ticker-track span {
			flex: 0 0 24px;
			display: flex;
			align-items: center;
			min-width: 0;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			color: #374151;
			font-size: 12px;
			font-weight: 800;
		}

		.news-ticker:hover .ticker-track { animation-play-state: paused; }

		.ticker-track span::before {
			content: "";
			display: inline-block;
			width: 5px;
			height: 5px;
			margin-left: 8px;
			border-radius: 50%;
			background: var(--gold-dark);
			vertical-align: middle;
		}

		@keyframes vertical-headline {
			0%, 8% { transform: translateY(0); }
			10%, 18% { transform: translateY(-24px); }
			20%, 28% { transform: translateY(-48px); }
			30%, 38% { transform: translateY(-72px); }
			40%, 48% { transform: translateY(-96px); }
			50%, 58% { transform: translateY(-120px); }
			60%, 68% { transform: translateY(-144px); }
			70%, 78% { transform: translateY(-168px); }
			80%, 88% { transform: translateY(-192px); }
			90%, 98% { transform: translateY(-216px); }
			100% { transform: translateY(-240px); }
		}

		@media (prefers-reduced-motion: reduce) {
			.ticker-track { animation: none; transform: none; }
			.ticker-track span:not(:first-child) { display: none; }
		}

		.content {
			padding: 16px 10px;
			display: grid;
			gap: 18px;
		}

		.content > *,
		.grid-top > *,
		.ticker-grid > *,
		.tool-grid > *,
		.lower-grid > * {
			min-width: 0;
		}

		.grid-top {
			display: grid;
			grid-template-columns: 1fr 2.2fr 1fr;
			gap: 12px;
			direction: ltr;
		}

		.grid-top > * { direction: rtl; }

		.panel {
			background: var(--card);
			border: 1px solid rgba(226, 232, 240, .95);
			border-radius: 8px;
			box-shadow: var(--shadow);
			transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
		}

		.panel:hover {
			transform: translateY(-2px);
			border-color: #d9e2ec;
			box-shadow: var(--shadow-strong);
		}

		.status-card, .clock-card {
			min-height: 76px;
			padding: 12px 16px;
			display: flex;
			align-items: center;
			gap: 14px;
		}

		.status-card {
			gap: 22px;
			background: linear-gradient(135deg, #ffffff 0%, #f1fff7 100%);
		}

		.clock-card {
			background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
		}

		.status-dot {
			position: relative;
			width: 14px;
			height: 14px;
			border-radius: 50%;
			background: var(--green);
			box-shadow: 0 0 0 7px rgba(32, 189, 102, .12);
			animation: live-beat 1.6s ease-in-out infinite;
		}

		.status-dot::before,
		.status-dot::after {
			content: "";
			position: absolute;
			inset: -8px;
			border-radius: inherit;
			border: 1px solid rgba(32, 189, 102, .42);
			animation: live-ring 1.8s ease-out infinite;
		}

		.status-dot::after { animation-delay: .55s; }

		@keyframes live-beat {
			0%, 100% { transform: scale(1); box-shadow: 0 0 0 7px rgba(32, 189, 102, .12); }
			50% { transform: scale(.9); box-shadow: 0 0 0 10px rgba(32, 189, 102, .18); }
		}

		@keyframes live-ring {
			0% { transform: scale(.62); opacity: .85; }
			100% { transform: scale(1.85); opacity: 0; }
		}

		.label { color: var(--muted); font-size: 13px; }
		.strong { font-weight: 800; color: var(--ink); }

		.clock-card { justify-content: center; }
		.clock-card > div {
			display: grid;
			gap: 4px;
			line-height: 1.45;
		}

		.clock-card .time { font-size: 21px; line-height: 1.18; }

		.price-refresh-status {
			display: flex;
			align-items: center;
			gap: 6px;
			min-height: 20px;
		}

		.price-refresh-loader {
			display: none;
			width: 12px;
			height: 12px;
			flex: 0 0 12px;
			border: 2px solid #dbe3eb;
			border-top-color: var(--gold-dark);
			border-radius: 50%;
		}

		.is-price-refreshing .price-refresh-loader {
			display: inline-block;
			animation: price-refresh-spin .7s linear infinite;
		}

		@keyframes price-refresh-spin {
			to { transform: rotate(360deg); }
		}

		.ad-chip {
			position: absolute;
			top: 12px;
			right: 12px;
			padding: 3px 9px;
			border-radius: 6px;
			color: #8a94a3;
			background: rgba(255,255,255,.86);
			border: 1px solid rgba(226,232,240,.9);
			font-size: 11px;
			font-weight: 800;
			backdrop-filter: blur(6px);
		}

		.hero-ad {
			position: relative;
			height: 100%;
			min-height: 76px;
			padding: 14px 22px;
			overflow: hidden;
			background-image: linear-gradient(90deg, rgba(255,255,255,.18), #fff1d5 52%, #ffffff 100%), url("asset/analysis-banner.jpg");
			background-repeat: no-repeat;
			background-position: left center;
			background-size: auto 100%;
			display: flex;
			align-items: center;
		}

		.hero-ad h2, .wide-ad h2 { margin: 0 0 6px; font-size: 15px; font-weight: 900; color: #202832; }
		.hero-ad p, .wide-ad p { margin: 0; color: #687381; font-size: 13px; font-weight: 600; }

		.gold-btn {
			margin-top: 8px;
			min-height: 30px;
			padding: 0 16px;
			border: 0;
			border-radius: 7px;
			color: #fff;
			font-weight: 800;
			background: linear-gradient(180deg, #ffc247, var(--gold-dark));
			box-shadow: 0 10px 18px rgba(215, 134, 0, .28);
		}

		.ticker-grid {
			position: relative;
			z-index: 1;
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 12px;
			direction: ltr;
			overflow: visible;
		}

		.ticker-grid:has(.card-settings-menu.is-open) { z-index: 100; }

		.about-goldprice {
			min-height: 108px;
			padding: 20px 24px;
			display: grid;
			grid-template-columns: auto minmax(0, 1fr) auto;
			align-items: center;
			gap: 18px;
			border-right: 4px solid var(--gold);
			background: linear-gradient(110deg, #ffffff 0 72%, #fff9e9 100%);
		}

		.about-goldprice-icon {
			width: 52px;
			height: 52px;
			display: grid;
			place-items: center;
			border-radius: 8px;
			color: #fff;
			background: linear-gradient(145deg, #f7b936, var(--gold-dark));
			box-shadow: 0 10px 20px rgba(215, 134, 0, .2);
		}

		.about-goldprice h2 { margin: 0 0 6px; color: #1f2933; font-size: 18px; font-weight: 900; }
		.about-goldprice h2 span { color: var(--gold-dark); }
		.about-goldprice p { max-width: 920px; margin: 0; color: #687381; font-size: 12px; font-weight: 600; line-height: 2; }
		.about-goldprice-kicker { padding: 5px 10px; border: 1px solid #f1d898; border-radius: 999px; color: #966000; background: #fff8e6; font-size: 9px; font-weight: 900; white-space: nowrap; }

		.ticker-card {
			position: relative;
			min-height: 142px;
			padding: 12px 14px 10px;
			direction: rtl;
			display: grid;
			gap: 3px;
			align-content: start;
			background:
				linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .9)),
				linear-gradient(135deg, rgba(240, 160, 0, .12), rgba(15, 159, 143, .1));
		}

		.ticker-card:has(.card-settings-menu.is-open) { z-index: 110; }

		.ticker-card::after {
			content: "";
			position: absolute;
			right: 0;
			top: 14px;
			bottom: 14px;
			width: 3px;
			border-radius: 999px 0 0 999px;
			background: linear-gradient(180deg, var(--gold), var(--teal));
			opacity: .85;
		}

		.card-menu-button {
			position: absolute;
			top: 8px;
			left: 8px;
			width: 28px;
			height: 28px;
			border: 1px solid transparent;
			border-radius: 8px;
			display: grid;
			place-items: center;
			color: #7b8794;
			background: transparent;
			cursor: pointer;
		}

		.card-menu-button:hover,
		.card-menu-button:focus-visible {
			color: var(--ink);
			background: #f3f6f9;
			border-color: #e2e8ef;
			outline: 0;
		}

		.card-settings-menu {
			position: absolute;
			z-index: 120;
			top: 42px;
			left: 8px;
			min-width: 210px;
			padding: 6px;
			border-radius: 8px;
			border: 1px solid #e2e8ef;
			background: #fff;
			box-shadow: 0 18px 38px rgba(15, 23, 42, .16);
		}

		.card-settings-menu:not(.is-open) { display: none !important; }
		.card-settings-menu.is-open { display: block !important; inset: 42px auto auto 8px !important; margin: 0 !important; transform: none !important; }
		.card-menu-button[aria-expanded="true"] { color: var(--gold-dark); border-color: #f0c26a; background: #fff8e8; }

		.card-settings-menu ul { margin: 0; padding: 0; list-style: none; }
		.card-settings-menu a {
			display: flex;
			align-items: center;
			gap: 8px;
			min-height: 34px;
			padding: 0 10px;
			border-radius: 7px;
			color: #4d5967;
			font-size: 12px;
			font-weight: 800;
		}

		.card-settings-menu a:hover { color: var(--ink); background: #f6f8fb; }
		.card-settings-menu [uk-icon] { color: #7b8794; }

		.card-reference-option {
			padding: 7px 8px 9px;
			margin-bottom: 5px;
			border-bottom: 1px solid #edf1f5;
		}

		.card-reference-option label {
			display: flex;
			align-items: center;
			gap: 8px;
			margin-bottom: 7px;
			color: #4d5967;
			font-size: 12px;
			font-weight: 800;
		}

		.card-reference-option select {
			width: 100%;
			height: 34px;
			padding: 0 8px;
			border: 1px solid #dce3ea;
			border-radius: 7px;
			color: var(--ink);
			background: #fff;
			font: inherit;
			font-size: 12px;
			outline: 0;
		}

		.card-reference-option select:focus {
			border-color: #e4a832;
			box-shadow: 0 0 0 3px rgba(240, 160, 0, .12);
		}

		.asset-head {
			display: flex;
			align-items: center;
			gap: 12px;
			min-width: 0;
		}

		.asset-icon {
			flex: 0 0 auto;
			width: 24px;
			height: 24px;
			display: grid;
			place-items: center;
			border-radius: 50%;
			color: #6f7d8c;
			background: linear-gradient(180deg, #ffffff, #f2f6fa);
			border: 1px solid #e2e8ef;
		}

		.asset-icon.green { color: #159451; background: #e7f8ee; border-color: transparent; box-shadow: 0 8px 16px rgba(32, 189, 102, .12); }
		.asset-icon.box { border-radius: 7px; background: #fff8e8; border: 1px solid #f2dca7; color: var(--gold-dark); }
		.asset-title { font-size: 11px; font-weight: 800; color: #374151; }
		.market-status {
			flex: 0 0 auto;
			padding: 2px 7px;
			border: 1px solid #bce8cd;
			border-radius: 999px;
			color: #137b45;
			background: #edf9f2;
			font-size: 8px;
			font-weight: 900;
			line-height: 1.5;
		}
		.market-status.is-closed { border-color: #ffc7ce; color: #c6283d; background: #fff0f2; }
		.price { font-size: 30px; font-weight: 900; direction: ltr; text-align: right; color: #111827; line-height: 1.08; }
		.unit { color: #5d6876; font-size: 11px; font-weight: 700; }

		.change { font-weight: 800; font-size: 12px; direction: ltr; text-align: right; }
		.positive { color: var(--green); }
		.negative { color: var(--red); }
		.spark { width: 100%; height: 24px; margin-top: 0; }
		.spark path { fill: none; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 4px 4px rgba(32, 189, 102, .12)); }

		.wide-ad {
			position: relative;
			height: 136px;
			min-height: 136px;
			padding: 24px 30px;
			overflow: hidden;
			display: grid;
			grid-template-columns: 1fr minmax(250px, 42%);
			align-items: center;
			gap: 20px;
			background: linear-gradient(135deg, #fffdf8, #eefaf7 100%);
		}

		.wide-ad img, .mini-ad img, .news-thumb {
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 7px;
			display: block;
		}

		.wide-ad .image-box { height: 110px; min-width: 0; }
		.wide-ad .image-box img { box-shadow: 0 14px 28px rgba(31, 41, 51, .12); }

		.market-ad {
			position: relative;
			height: 116px;
			min-height: 116px;
			padding: 20px 30px;
			overflow: hidden;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			background:
				linear-gradient(90deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, .94) 58%, #ffffff 100%),
				url("asset/analysis-banner.jpg") left center / 58% 100% no-repeat;
		}

		.market-ad-copy { position: relative; z-index: 1; width: 48%; }
		.market-ad h2 { margin: 0 0 5px; color: #202832; font-size: 18px; font-weight: 900; }
		.market-ad p { margin: 0; color: #687381; font-size: 12px; font-weight: 600; }
		.market-ad .gold-btn { margin-top: 7px; }

		.market-table { padding: 16px; background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%); }
		.table-scroll {
			width: 100%;
			max-width: 100%;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}

		.section-head {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 12px;
			margin-bottom: 14px;
		}

		h1, h2, h3 { letter-spacing: 0; }
		.section-title { margin: 0; font-size: 20px; font-weight: 800; }

		.tabs {
			display: flex;
			align-items: center;
			overflow: hidden;
			border-radius: 7px;
			background: #eef3f7;
			border: 1px solid #edf1f5;
			box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
		}

		.tabs button {
			min-width: 80px;
			border: 0;
			border-right: 1px solid #e7ecf2;
			padding: 9px 16px;
			color: #596372;
			background: transparent;
			font: inherit;
			font-weight: 700;
			cursor: pointer;
		}

		.tabs button:first-child { border-right: 0; }
		.tabs .active { color: #fff; background: linear-gradient(180deg, #f0aa20, #d88900); box-shadow: 0 8px 16px rgba(216, 137, 0, .22); }

		.price-table {
			width: 100%;
			border-collapse: collapse;
			font-size: 12px;
		}

		.price-table th {
			height: 40px;
			color: #687381;
			font-weight: 700;
			background: #fbfcfd;
			border-top: 1px solid var(--line);
			border-bottom: 1px solid var(--line);
		}

		.price-table tbody tr:nth-child(odd) { background: #ffffff; }
		.price-table tbody tr:nth-child(even) { background: #f8fafc; }
		.price-table tbody tr:hover { background: #fff7e8; }

		.price-table td {
			height: 42px;
			border-bottom: 1px solid var(--line);
			text-align: center;
			color: #5e6875;
			white-space: nowrap;
			font-weight: 600;
		}

		.price-table td:last-child, .price-table th:last-child { text-align: right; }
		.price-table .main-price { color: var(--ink); font-weight: 900; direction: ltr; }

		.title-cell {
			display: flex;
			align-items: center;
			gap: 8px;
			justify-content: flex-start;
			color: var(--ink);
			font-weight: 800;
		}

		.table-action {
			width: 30px;
			height: 30px;
			border: 1px solid #e2e8ef;
			border-radius: 8px;
			display: inline-grid;
			place-items: center;
			color: #778493;
			background: #fff;
			cursor: pointer;
		}

		.table-action:hover { color: var(--gold-dark); border-color: #f0c26a; background: #fff9ea; }
		.row-spark { width: 74px; height: 24px; display: block; }
		.row-spark path { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

		.table-more {
			margin: 16px auto 0;
			min-width: 190px;
			border-radius: 7px;
			border-color: #e2e8ef;
			color: #6b7684;
			font-weight: 800;
			background: #fff;
		}

		.tools-head { text-align: right; margin: -2px 4px 0; }
		.tool-grid {
			display: grid;
			grid-template-columns: repeat(6, 1fr);
			gap: 18px;
		}

		.tool-card {
			min-height: 92px;
			display: grid;
			place-items: center;
			gap: 7px;
			padding: 12px 8px;
			color: #6b7480;
			font-size: 12px;
			font-weight: 800;
			text-align: center;
		}

		.tool-card [uk-icon] { color: #8793a1; }

		.mini-ad {
			position: relative;
			height: 104px;
			min-height: 104px;
			padding: 18px;
			display: grid;
			grid-template-columns: 140px 1fr 230px;
			grid-template-areas: "action copy image";
			gap: 18px;
			align-items: center;
		}

		.mini-ad > div:nth-of-type(1) { grid-area: action; }
		.mini-ad > div:nth-of-type(2) { grid-area: copy; text-align: center; }
		.mini-ad > div:nth-of-type(3) { grid-area: image; height: 78px; }
		.mini-ad h2 { margin: 0 0 8px; font-size: 18px; font-weight: 800; }
		.mini-ad p { margin: 0; color: #687381; font-size: 13px; font-weight: 600; }

		.mini-ad .dark-btn {
			width: 124px;
			min-height: 34px;
			border: 0;
			border-radius: 7px;
			color: #fff;
			background: #4b535d;
			font-weight: 800;
		}

		.lower-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 14px;
			align-items: stretch;
		}

		.lower-grid > .panel { height: 100%; }
			.chart-panel, .news-panel { padding: 18px; min-height: 276px; }
		.news-panel { display: flex; flex-direction: column; }
		.chart-block + .chart-block { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
		.chart-subhead {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 10px;
			margin-bottom: 10px;
		}

		.chart-subhead h3 { margin: 0; font-size: 16px; font-weight: 900; }
		.chart-subhead span { color: var(--muted); font-size: 12px; font-weight: 800; direction: ltr; }
		.periods {
			display: flex;
			gap: 6px;
			margin-bottom: 12px;
			justify-content: flex-start;
		}

		.periods button {
			min-width: 58px;
			border: 0;
			border-radius: 18px;
			padding: 8px 12px;
			background: transparent;
			color: #6a7380;
			font: inherit;
			font-size: 12px;
			font-weight: 800;
		}

		.periods .active { color: #fff; background: linear-gradient(180deg, #f0aa20, #d88900); }

		.chart-wrap {
			position: relative;
			height: 172px;
			border-bottom: 1px solid var(--line);
			background: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(244, 160, 0, .09) 100%);
		}

		.chart-svg { width: 100%; height: 100%; }
		.chart-line { fill: none; stroke: #eb9800; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
		.chart-area { fill: rgba(240, 160, 0, .12); }
		.ounce-chart .chart-line { stroke: #20bd66; }
		.ounce-chart .chart-area { fill: rgba(32, 189, 102, .11); }
		.ounce-chart .bubble { left: 72px; top: 58px; }

		.bubble {
			position: absolute;
			left: 42px;
			top: 72px;
			padding: 9px 12px;
			border-radius: 7px;
			background: rgba(255, 255, 255, .95);
			box-shadow: 0 10px 20px rgba(15, 23, 42, .12);
			text-align: center;
			font-weight: 900;
			direction: ltr;
		}

		.bubble small { display: block; color: #7d8794; font-size: 11px; font-weight: 700; }

		.chart-footer {
			height: 44px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #6b7480;
			font-size: 13px;
			font-weight: 800;
			gap: 8px;
		}

		.news-list {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 12px;
		}

		.news-item {
			display: grid;
			gap: 8px;
			padding: 8px;
			border: 1px solid var(--line);
			border-radius: 8px;
			background: #fff;
		}

		.news-thumb-wrap {
			position: relative;
			height: 100px;
			overflow: hidden;
			border-radius: 7px;
		}

		.news-thumb { border-radius: 7px; }

		.news-time-badge {
			position: absolute;
			right: 6px;
			bottom: 6px;
			padding: 3px 8px;
			border-radius: 999px;
			color: #fff;
			background: rgba(31, 41, 51, .78);
			font-size: 10px;
			font-weight: 800;
			backdrop-filter: blur(4px);
		}

		.news-item h3 { margin: 0; font-size: 12px; line-height: 1.75; font-weight: 800; }
		.news-copy { min-width: 0; direction: rtl; text-align: right; }
		.news-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 3px; color: #929ca7; font-size: 10px; font-weight: 700; }
		.news-meta b { color: var(--gold-dark); font-size: 11px; font-weight: 900; }
		.news-more {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			align-self: flex-start;
			margin-top: auto;
			padding-top: 14px;
			color: var(--gold-dark);
			font-weight: 900;
			font-size: 13px;
		}

		.app-ad {
			position: relative;
			height: 112px;
			min-height: 112px;
			padding: 18px;
			display: grid;
			grid-template-columns: 180px 1fr 154px;
			gap: 18px;
			align-items: center;
			overflow: hidden;
		}

		.phone-shot {
			align-self: end;
			height: 96px;
			object-fit: cover;
			object-position: top;
			border-radius: 8px 8px 0 0;
		}

		.bottom-nav {
			position: fixed;
			z-index: 20;
			right: 50%;
			bottom: 0;
			transform: translateX(50%);
			width: min(100%, 960px);
			height: 70px;
			padding: 3px 14px;
			display: grid;
			grid-template-columns: repeat(6, 1fr);
			align-items: center;
			color: #d8dee6;
			background: rgba(58, 65, 72, .96);
			backdrop-filter: blur(10px);
			box-shadow: 0 -10px 28px rgba(15, 23, 42, .18);
		}

		.nav-item {
			justify-self: center;
			display: grid;
			place-items: center;
			gap: 4px;
			color: inherit;
			text-decoration: none;
			font-size: 11px;
			font-weight: 700;
			width: 58px;
			height: 58px;
			padding: 5px;
			border-radius: 10px;
			transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
		}

		.nav-item.active { color: var(--gold); }
		.nav-item:hover,
		.nav-item:focus-visible {
			color: #ffffff;
			background: rgba(255, 255, 255, .14);
			box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
			outline: 0;
		}

		.nav-item.active:hover,
		.nav-item.active:focus-visible {
			color: #ffffff;
			background: linear-gradient(180deg, rgba(240, 160, 0, .95), rgba(216, 137, 0, .9));
			box-shadow: 0 8px 18px rgba(216, 137, 0, .28);
		}

		.side-menu .uk-offcanvas-bar {
			width: min(84vw, 320px);
			right: 0;
			left: auto;
			background: #ffffff;
			color: var(--ink);
			box-shadow: -18px 0 40px rgba(15, 23, 42, .18);
			transform: translateX(100%);
		}

		.side-menu.uk-open .uk-offcanvas-bar {
			transform: translateX(0);
		}

		.menu-brand {
			direction: ltr;
			margin: 10px 0 22px;
			font-size: 24px;
			font-weight: 900;
			color: var(--ink);
		}

		.menu-brand span { color: var(--gold); }

		.menu-list {
			display: grid;
			gap: 8px;
			margin: 0;
			padding: 0;
			list-style: none;
		}

		.menu-list a {
			display: flex;
			align-items: center;
			gap: 12px;
			min-height: 44px;
			padding: 0 12px;
			border-radius: 8px;
			color: #4d5967;
			font-weight: 800;
		}

		.menu-list a:hover { color: var(--gold-dark); background: #fff6e5; }
		.menu-list [uk-icon] { color: var(--gold); }

		body:has(#main-menu.uk-open) .menu-toggle {
			position: fixed;
			z-index: 1100;
			top: 12px;
			right: max(16px, calc((100vw - 1400px) / 2 + 27px));
			color: #ffffff;
			border-color: var(--gold);
			background: linear-gradient(180deg, #f0a91d, #d88900);
			box-shadow: 0 8px 20px rgba(216, 137, 0, .3);
		}

		body:has(#main-menu.uk-open) .menu-toggle:hover,
		body:has(#main-menu.uk-open) .menu-toggle:focus-visible {
			color: #ffffff;
			background: linear-gradient(180deg, #f7b633, #dd8d00);
			outline: 0;
		}

		@media (min-width: 981px) {
			.price-table { font-size: 13px; }
		}

		@media (max-width: 980px) {
			.content { padding: 10px 10px; gap: 14px; }
			.topbar { height: 68px; padding: 0 16px; }
			.header-brief { height: 40px; padding: 0 12px; grid-template-columns: auto minmax(0, 1fr); gap: 10px; }
			.date-chip strong { font-size: 11px; }
			.ticker-label { padding-inline: 8px; }
			.grid-top { grid-template-columns: 1fr; }
			.hero-ad, .wide-ad, .mini-ad, .app-ad { height: auto; }
			.hero-ad { min-height: 76px; padding-block: 12px; }
			.hero-ad .gold-btn { display: none; }
			.ticker-grid { grid-template-columns: repeat(2, 1fr); }
			.wide-ad, .app-ad { grid-template-columns: 1fr; }
			.mini-ad {
				grid-template-columns: 1fr;
				grid-template-areas: "image" "copy" "action";
			}
			.wide-ad .image-box, .mini-ad .image-box { height: 126px; }
			.tool-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }
			.lower-grid { grid-template-columns: 1fr; }
			.section-head { align-items: flex-start; flex-direction: column; }
			.tabs { width: 100%; overflow-x: auto; direction: rtl; }
			.tabs button { min-width: 72px; padding-inline: 12px; }
			.price-table { min-width: 900px; }
			.app-ad { text-align: center; }
			.phone-shot { margin: 0 auto; }
			.price { font-size: 28px; }
		}

		@media (max-width: 560px) {
			.header-brief { gap: 8px; }
			.date-chip [uk-icon] { display: none; }
			.ticker-label { display: none; }
			.ticker-track span { font-size: 11px; }
			.grid-top { grid-template-columns: repeat(2, minmax(0, 1fr)); }
			.hero-ad { grid-column: 1 / -1; order: 3; }
			.status-card, .clock-card { min-height: 72px; padding: 10px 12px; }
			.status-card { gap: 18px; }
			.clock-card { gap: 8px; }
			.clock-card .time { font-size: 18px; }
			.label { font-size: 11px; }
			.ticker-grid {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				overflow: visible;
				padding-bottom: 0;
			}
			.ticker-card {
				min-height: 128px;
				padding: 10px;
			}
			.about-goldprice { padding: 16px 14px; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 12px; }
			.about-goldprice-icon { width: 44px; height: 44px; }
			.about-goldprice h2 { font-size: 16px; }
			.about-goldprice p { font-size: 11px; }
			.about-goldprice-kicker { grid-column: 2; justify-self: start; }
			.card-menu-button { top: 6px; left: 6px; width: 26px; height: 26px; }
			.tool-grid { grid-template-columns: 1fr 1fr; }
			.brand { font-size: 24px; }
			.price { font-size: 25px; }
			.content { padding-inline: 6px; }
		}

		@media (max-width: 380px) {
			.topbar { padding-inline: 10px; }
			.brand { font-size: 20px; }
			.icon-button { width: 36px; height: 36px; }
			.tool-grid { grid-template-columns: 1fr; }
		}

		/* Desktop composition follows the supplied full-width market dashboard. */
		@media (min-width: 981px) {
			body { padding-bottom: 0; background: #f4f6f8; }
			.app-shell { width: min(100%, 1400px); box-shadow: none; }
			.topbar { height: 66px; padding-inline: 34px; display: grid; grid-template-columns: 260px 1fr 260px; direction: ltr; background: #091119; box-shadow: none; }
			.topbar .brand { justify-self: start; font-size: 29px; }
			.desktop-nav { display: flex; align-items: stretch; justify-content: center; height: 100%; direction: rtl; }
			.desktop-nav a { position: relative; min-width: 92px; display: grid; place-items: center; color: #f4f6f8; font-size: 12px; font-weight: 800; }
			.desktop-nav a.active { color: var(--gold); }
			.desktop-nav a.active::after { content: ""; position: absolute; right: 26px; left: 26px; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--gold); }
			.header-actions { justify-self: end; direction: ltr; }
			.menu-toggle { border: 1px solid rgba(240, 160, 0, .8); border-radius: 8px; color: var(--gold); }
			.content { padding: 18px 34px 24px; gap: 16px; }
			.grid-top { grid-template-columns: .92fr 2.25fr .92fr; gap: 16px; }
			.status-card, .clock-card, .hero-ad { min-height: 118px; }
			.ticker-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
			.ticker-grid > :nth-child(1) { order: 1; }
			.ticker-grid > :nth-child(2) { order: 4; }
			.ticker-grid > :nth-child(3) { order: 2; }
			.ticker-grid > :nth-child(4) { order: 3; }
			.ticker-grid > :nth-child(5) { order: 5; }
			.ticker-card { min-height: 168px; padding: 13px 18px 9px; }
			.ticker-card .asset-icon { width: 28px; height: 28px; }
			.ticker-card .asset-head { gap: 9px; }
			.price { font-size: 27px; }
			.wide-ad { height: 116px; min-height: 116px; padding: 0 30px; grid-template-columns: 38% 62%; }
			.wide-ad .image-box { height: 116px; margin-left: -30px; }
			.wide-ad .image-box img { border-radius: 8px 0 0 8px; box-shadow: none; }
			.market-table { padding: 18px 20px 12px; }
			.price-table th { height: 38px; }
			.price-table td { height: 45px; }
			.tool-grid { gap: 16px; }
			.tool-card { min-height: 86px; }
			.lower-grid { grid-template-columns: 1.7fr .78fr; gap: 16px; }
			.news-list { grid-template-columns: 1fr; gap: 0; }
			.news-panel { padding-block: 14px; }
			.news-panel > .section-head { margin-bottom: 8px; }
			.news-panel .news-list { flex: 1 1 auto; grid-template-rows: repeat(6, minmax(0, 1fr)); }
			.news-item { grid-template-columns: 126px 1fr; align-items: center; direction: ltr; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 4px 0; }
			.news-thumb-wrap { height: 64px; }
			.news-time-badge { display: none; }
			.news-panel .news-more { flex: 0 0 auto; margin-top: 0; padding-top: 10px; }
			.promo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; direction: ltr; }
			.promo-grid > * { direction: rtl; }
			.app-ad { grid-template-columns: 185px 1fr; height: 168px; min-height: 168px; }
			.app-ad .phone-shot { grid-row: 1 / 3; height: 120px; border: 7px solid #121a22; border-bottom: 0; box-shadow: 0 8px 20px rgba(15, 23, 42, .14); }
			.store-links { display: flex; gap: 8px; }
			.subscribe-card { height: 168px; min-height: 168px; padding: 20px 22px; display: grid; grid-template-columns: auto 1fr; gap: 12px 16px; align-items: center; }
			.subscribe-card .subscribe-icon { grid-row: 1 / 3; width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; color: #202a34; background: #fff; }
			.subscribe-form { display: grid; grid-template-columns: 1fr 96px; gap: 10px; }
			.site-footer { display: grid; grid-template-columns: 1.25fr repeat(4, 1fr); gap: 36px; padding: 30px 42px 22px; direction: ltr; color: #ced5dc; background: #071018; }
			.site-footer > * { direction: rtl; }
			.bottom-nav { display: none; }
		}

		.desktop-nav { display: none; }
		.topbar .desktop-nav { display: none; }
		.header-actions { display: flex; align-items: center; gap: 4px; direction: ltr; }
		.panel { box-shadow: 0 8px 24px rgba(30, 41, 59, .06); }
		.panel:hover { box-shadow: 0 14px 32px rgba(30, 41, 59, .1); }
		.icon-button svg { width: 20px; height: 20px; }
		.asset-title { line-height: 1.5; }
		.tool-card [uk-icon] { color: var(--gold); }
		.tool-card svg { width: 25px; height: 25px; }
		.table-action { width: 28px; height: 28px; border-radius: 7px; }
		.table-action svg { width: 16px; height: 16px; }
		.price-table th { font-size: 11px; }
		.price-table td { font-variant-numeric: tabular-nums; }
		.section-title { line-height: 1.55; }
		.gold-btn, .dark-btn, .subscribe-form button { transition: transform .16s ease, box-shadow .16s ease, filter .16s ease; }
		.gold-btn:hover, .dark-btn:hover, .subscribe-form button:hover { transform: translateY(-1px); filter: brightness(1.04); }
		.store-badge { min-height: 36px; padding: 5px 12px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid #dce2e8; border-radius: 7px; color: #313b46; background: #fff; font-size: 11px; font-weight: 900; }
		.store-badge [uk-icon] { color: var(--green); }
		.subscribe-card h2, .app-ad h2 { margin: 0 0 5px; font-size: 19px; font-weight: 900; }
		.subscribe-card p, .app-ad p { margin: 0; color: #75808d; font-size: 12px; font-weight: 600; }
		.subscribe-form input { width: 100%; height: 38px; padding: 0 12px; border: 1px solid #dfe5eb; border-radius: 7px; outline: 0; background: #fff; }
		.subscribe-form button { border: 0; border-radius: 7px; color: #fff; background: linear-gradient(180deg, #f1a81b, #cc8200); font-weight: 900; }
		.site-footer { color: #ced5dc; background: #071018; }
		.footer-brand .brand { font-size: 27px; color: #fff; }
		.footer-brand p { margin: 8px 0 16px; color: #8e9aa6; font-size: 11px; }
		.footer-column h3 { margin: 0 0 13px; color: #fff; font-size: 14px; font-weight: 900; }
		.footer-column a { display: block; margin: 8px 0; color: #9ca7b2; font-size: 11px; }
		.footer-column a:hover { color: var(--gold); }
		.social-links { display: flex; gap: 8px; }
		.social-links a { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #27313a; border-radius: 50%; color: #b9c1c9; }
		.footer-status { grid-column: 1 / -1; padding-top: 14px; border-top: 1px solid #1b252e; color: #87929d; font-size: 11px; }
		.footer-status a { color: var(--gold); font-weight: 900; }
		.footer-status a:hover { color: #ffc247; }
		.footer-status strong { float: left; color: var(--green); }
		.mini-ad { color: #fff; border-color: #101a23; background: #071018; box-shadow: 0 12px 30px rgba(5, 12, 18, .18); }
		.mini-ad h2 { color: #fff; }
		.mini-ad p { color: #b5bec6; }
		.mini-ad .dark-btn { color: #fff; background: linear-gradient(180deg, #f2ad22, #cf8500); box-shadow: 0 8px 18px rgba(207, 133, 0, .24); }
		.mini-ad .image-box { overflow: hidden; border-radius: 7px; }
		.mini-ad .image-box img { border-radius: 7px; }

		@media (min-width: 981px) {
			.topbar .desktop-nav { display: flex; }
		}

		@media (max-width: 980px) {
			.site-footer { display: none; }
			.promo-grid { display: grid; gap: 14px; }
			.subscribe-card { min-height: 150px; padding: 18px; }
			.market-ad { height: 104px; min-height: 104px; padding: 16px 18px; background-size: 72% 100%; }
			.market-ad-copy { width: 62%; }
			body:has(#main-menu.uk-open) .menu-toggle { top: 13px; right: 16px; }
			.bottom-nav { height: 68px; }
		}

		@media (max-width: 560px) {
			.ticker-grid > .ticker-card:last-child { grid-column: 1 / -1; min-height: 128px; }
			.ticker-grid > .ticker-card:last-child .spark { width: 52%; justify-self: end; }
			.section-title { font-size: 18px; }
			.header-actions { gap: 0; }
			.market-ad { min-height: 112px; background-position: -80px center; background-size: auto 100%; }
			.market-ad-copy { width: 76%; }
			.market-ad h2 { font-size: 15px; }
		}