/**
 * Growth market-data widgets — Institutional Navy & Gold.
 * Scoped under .gx-widget so it never leaks into the rest of the theme.
 */
.gx-widget{
	--gx-navy:#123A5E;
	--gx-navy-900:#0A1E33;
	--gx-ink:#172330;
	--gx-gold:#B8925A;
	--gx-gold-600:#a67f45;
	--gx-ivory:#F7F3EC;
	--gx-line:rgba(23,35,48,.14);
	--gx-line-strong:rgba(23,35,48,.22);
	--gx-muted:#5A6672;
	--gx-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;

	box-sizing:border-box;
	background:#fff;
	border:1px solid var(--gx-line);
	border-radius:5px;
	padding:28px 28px 22px;
	box-shadow:0 24px 50px -38px rgba(23,35,48,.4);
	color:var(--gx-ink);
	max-width:520px;
}
.gx-widget *,.gx-widget *::before,.gx-widget *::after{box-sizing:border-box;}

.gx-w-label{
	font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
	color:var(--gx-gold);margin-bottom:18px;
}

.gx-field{min-width:0;}
.gx-field label{
	display:block;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
	color:var(--gx-muted);margin-bottom:6px;
}
.gx-field input,.gx-field select{
	width:100%;font:inherit;font-size:1rem;padding:11px 12px;
	border:1px solid var(--gx-line-strong);border-radius:3px;background:#fff;color:var(--gx-ink);
	font-variant-numeric:tabular-nums;-webkit-appearance:none;appearance:none;
}
.gx-field select{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath fill='%235A6672' d='M0 0h10L5 7z'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:right 12px center;padding-right:30px;
}
.gx-field input:focus,.gx-field select:focus{outline:2px solid var(--gx-gold);outline-offset:2px;border-color:var(--gx-gold);}

/* ---- converter ---- */
.gx-conv-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end;}
.gx-amt-field{grid-column:1 / -1;}
.gx-swap{
	width:42px;height:42px;flex:none;border:1px solid var(--gx-line-strong);border-radius:50%;
	background:#fff;color:var(--gx-navy);font-size:1.15rem;cursor:pointer;line-height:1;
	transition:transform .3s ease,border-color .2s,color .2s;margin-bottom:1px;
}
.gx-swap:hover{border-color:var(--gx-gold);color:var(--gx-gold);transform:rotate(180deg);}
.gx-swap:focus-visible{outline:2px solid var(--gx-gold);outline-offset:2px;}

.gx-conv-out{
	margin-top:22px;padding-top:20px;border-top:1px solid var(--gx-line);
	display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;
}
.gx-res{font-family:var(--gx-serif);font-size:clamp(1.7rem,5vw,2.2rem);color:var(--gx-navy);font-variant-numeric:tabular-nums;line-height:1.1;}
.gx-rate{font-size:.82rem;color:var(--gx-muted);font-variant-numeric:tabular-nums;}

/* ---- metals ---- */
.gx-metals-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:6px;}
.gx-metal{display:flex;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--gx-line);}
.gx-metal:first-child{border-top:0;}
.gx-metal-badge{
	width:48px;height:48px;flex:none;border-radius:50%;display:grid;place-items:center;
	font-family:var(--gx-serif);font-weight:600;font-size:1.05rem;
}
.gx-badge-xau{background:radial-gradient(circle at 32% 28%,#e9d29a,#b8925a 78%);color:#3a2a08;}
.gx-badge-xag{background:radial-gradient(circle at 32% 28%,#eef2f6,#c2ccd6 78%);color:#33414f;}
.gx-badge-xpt{background:radial-gradient(circle at 32% 28%,#eaf0f2,#9fb0b8 78%);color:#2b3a42;}
.gx-badge-xpd{background:radial-gradient(circle at 32% 28%,#e6e9ec,#aeb6bd 78%);color:#333;}
.gx-metal-main{flex:1;min-width:0;}
.gx-metal-nm{font-size:.95rem;font-weight:600;color:var(--gx-ink);}
.gx-metal-nm small{font-weight:400;color:var(--gx-muted);letter-spacing:.01em;}
.gx-metal-pr{font-family:var(--gx-serif);font-size:1.5rem;color:var(--gx-navy);font-variant-numeric:tabular-nums;line-height:1.25;}

/* ---- shared footer bits ---- */
.gx-asof{margin:18px 0 0;font-size:.76rem;color:var(--gx-muted);}
.gx-disclaimer{margin:8px 0 0;font-size:.72rem;color:var(--gx-muted);opacity:.85;line-height:1.5;font-style:italic;}

@media (max-width:480px){
	.gx-conv-grid{grid-template-columns:1fr;}
	.gx-swap{justify-self:center;transform:rotate(90deg);}
	.gx-swap:hover{transform:rotate(270deg);}
	.gx-metals-controls{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
	.gx-widget *{transition:none!important;}
}

.gx-home .gx-disclaimer a{color:#123A5E;text-decoration:underline;text-underline-offset:2px;font-weight:500;}
.gx-home .gx-disclaimer a:hover{color:#B8925A;}