.gold-history{margin-top:28px;padding:28px;background:#fffdf9;border:1px solid #d5c7ae;border-radius:12px;color:#30281e;min-width:0}
.gold-history [hidden]{display:none!important}
.gold-history header h3{margin:0 0 7px;font-size:26px;letter-spacing:-.04em;line-height:1.3;color:#30281e}.gold-history header p{margin:0;font-size:13px;color:#746756;word-break:keep-all}
.history-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:22px 0 10px}.history-current>span{font-size:12px;color:#746756}.history-current>strong{display:block;font-size:32px;font-weight:650;letter-spacing:-.035em;line-height:1.35;font-variant-numeric:tabular-nums}.history-current>p{font-size:13px;margin:4px 0 0}.history-current .up{color:#a5382d}.history-current .down{color:#246395}
.history-periods{display:flex;gap:4px;padding:4px;border-radius:9px;background:#f4eddf}.history-periods button{font:inherit;font-size:14px;min-height:44px;min-width:70px;padding:8px 13px;border:0;border-radius:6px;background:transparent;color:#635542;cursor:pointer}.history-periods button[aria-pressed=true]{background:#30281e;color:#fffdf9}.gold-history button:focus-visible,.gold-history input:focus-visible{outline:3px solid #a77c3b;outline-offset:3px}
.history-status{font-size:12px;color:#746756;margin:12px 0}.history-chart{width:100%;min-width:0}.history-chart svg{display:block;width:100%;height:270px;touch-action:pan-y;overflow:visible}.history-chart svg text{fill:#746756;font-size:12px;font-family:inherit}.history-point{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f6f0e5;border-radius:8px;padding:13px 15px;font-size:14px;font-variant-numeric:tabular-nums}.history-point strong{font-weight:650}.history-date-control{display:flex;align-items:center;gap:12px;font-size:12px;color:#746756;margin-top:8px}.history-date-control[hidden]{display:none}.history-date-control input{flex:1;min-width:0;min-height:30px;accent-color:#9a702f}.history-note{font-size:12px;line-height:1.7;color:#746756;margin:13px 0 0;word-break:keep-all}
@media(max-width:560px){.gold-history{padding:20px 12px;margin-top:22px}.gold-history header h3{font-size:23px}.history-current>strong{font-size:29px}.history-periods{width:100%}.history-periods button{flex:1;min-width:0}.history-top{gap:14px}.history-point{padding:12px}.history-note{font-size:11px}}