/* metalsradar Fintech: Gold/Silver Ratio. Nagłówek jak na stronie skupu (buyback.css). */
.mrf-ratio .phead { display: grid; grid-template-columns: 1fr 360px; gap: 16px; align-items: stretch; }
.mrf-ratio .ph-l { padding: 30px; }
.mrf-ratio .ph-l p { color: var(--muted); font-size: 16px; max-width: 62ch; margin: 0 0 18px; }
.mrf-ratio .ph-l h1 { margin: 0 0 10px; }
.mrf-ratio .st4 { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.mrf-ratio .st4 > div { padding: 14px 16px; background: var(--soft); border-right: 1px solid var(--line); }
.mrf-ratio .st4 > div:last-child { border-right: 0; }
.mrf-ratio .st4 b { display: block; font-size: 22px; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mrf-ratio .st4 b.up { color: var(--up); }
.mrf-ratio .st4 span { font-size: 12.5px; color: var(--muted); }
.mrf-ratio .greenbox { padding: 26px; color: #fff; border: 0; background: radial-gradient(60% 120% at 100% 0%, rgba(255,255,255,.16), transparent 60%), linear-gradient(130deg, #07694a, #0e9f6e 55%, #0b9a9a); display: flex; flex-direction: column; justify-content: center; }
.mrf-ratio .greenbox .lbl { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; opacity: .85; }
.mrf-ratio .greenbox h3 { font-size: 22px; font-weight: 800; margin: 8px 0; color: #fff; }
.mrf-ratio .greenbox p { margin: 0; opacity: .95; line-height: 1.5; color: #fff; }
.mrf-ratio .sec { margin-top: 32px; }
.mrf-ratio .rchart { padding: 20px; }
.mrf-ratio .rchart .bigchart { display: flex; min-height: 300px; }
.mrf-ratio .rnote { margin: 0 0 14px; color: var(--muted); font-size: 14.5px; }
.mrf-ratio .rtab { width: 100%; max-width: 420px; border-collapse: collapse; font-size: 14px; margin: 0; border: 0; }
.mrf-ratio .rtab th { text-align: left; font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); padding: 10px 12px; border-bottom: 1px solid var(--line); background: var(--soft); }
.mrf-ratio .rtab td { padding: 10px 12px; border-bottom: 1px solid var(--line); font-variant-numeric: tabular-nums; }
.mrf-ratio .rtab .r { text-align: right; }
.mrf-ratio .rtab tbody tr:nth-child(even) td { background: #eef2f7; }
.mrf-ratio .rcalc { display: grid; grid-template-columns: 1fr auto 1fr 1.2fr; gap: 16px; align-items: end; padding: 20px; }
.mrf-ratio .rcalc label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 700; color: var(--muted); }
.mrf-ratio .rcalc input { height: 44px; border: 1px solid var(--line); border-radius: 10px; padding: 0 12px; font: 600 15px var(--f-ui); color: var(--ink); background: var(--panel); }
.mrf-ratio .rcalc .eq { font-size: 22px; font-weight: 800; color: var(--muted); padding-bottom: 8px; }
.mrf-ratio .rcalc .res { background: #f2fbf7; border: 1px solid #cdeedd; border-radius: 12px; padding: 10px 14px; }
.mrf-ratio .rcalc .res .k { display: block; font-size: 12px; color: var(--muted); font-weight: 700; }
.mrf-ratio .rcalc .res b { display: block; font-size: 24px; font-weight: 800; color: var(--up); font-variant-numeric: tabular-nums; }
.mrf-ratio .steps3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.mrf-ratio .steps3 .panel { padding: 18px; }
.mrf-ratio .steps3 b { display: block; font-size: 16px; margin-bottom: 4px; }
.mrf-ratio .steps3 p { margin: 0; font-size: 14px; color: var(--muted); }
.mrf-ratio .rlinks { display: flex; gap: 10px; flex-wrap: wrap; margin: 16px 0 0; }
.mrf-ratio .mrf-content.is-article { margin-top: 32px; }
@media (max-width: 980px) {
	.mrf-ratio .phead { grid-template-columns: 1fr; }
	.mrf-ratio .rcalc { grid-template-columns: 1fr auto 1fr; }
	.mrf-ratio .rcalc .res { grid-column: 1 / -1; }
	.mrf-ratio .steps3 { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.mrf-ratio .st4 { grid-template-columns: 1fr 1fr; }
	.mrf-ratio .st4 > div:nth-child(2) { border-right: 0; }
	.mrf-ratio .st4 > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}