.goldcalc-wrap{
  --gc-text: #111827;
  --gc-bg: #ffffff;
  --gc-border: #e5e7eb;
  --gc-accent: #2563eb;
  --gc-btn-bg: #2563eb;
  --gc-btn-tx: #ffffff;
  --gc-panel-bg: #fafafa;
  --gc-table-head-bg: #f3f4f6;
  --gc-table-row-alt: #fcfcfd;
  --gc-input-bg: #ffffff;
  --gc-input-text: #111827;
  --gc-note-text: #6b7280;
  --gc-updated-text: #6b7280;
  --gc-modal-backdrop: rgba(17,24,39,.45);
  --gc-modal-bg: #ffffff;
  --gc-link: #2563eb;
  --gc-link-hover: #1d4ed8;
  --gc-font-size-base: 16px;
  --gc-font-size-title: 20px;
  --gc-font-size-button: 16px;

  color: var(--gc-text);
  border:1px solid var(--gc-border);
  border-radius:8px;
  padding:16px;
  background: var(--gc-bg);
  box-shadow:0 1px 2px rgba(0,0,0,.03);
  font-size: var(--gc-font-size-base);
}
.goldcalc-title{margin-top:0;margin-bottom:12px;font-size:var(--gc-font-size-title);line-height:1.2;color:var(--gc-text)}
.goldcalc-form{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;}
.goldcalc-field{display:flex;flex-direction:column;min-width:140px;flex:1;}
.goldcalc-field label{font-size:.9em;color:var(--gc-text);opacity:.85;margin-bottom:4px;}
.goldcalc-field input,.goldcalc-field select,.goldcalc-field textarea{
  padding:8px;border:1px solid var(--gc-border);border-radius:6px;font-size:1em;color:var(--gc-input-text);background:var(--gc-input-bg);
}
.goldcalc-note{align-self:flex-end;color:var(--gc-note-text);font-size:.9em;margin-left:auto}
.goldcalc-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;align-items:start}
.goldcalc-spot, .goldcalc-out{border:1px dashed var(--gc-border);border-radius:6px;padding:10px;background:var(--gc-panel-bg);color:var(--gc-text)}
.goldcalc-spot div, .goldcalc-out div{margin:4px 0}
.goldcalc-table{width:100%;border-collapse:collapse;margin-top:8px;color:var(--gc-text)}
.goldcalc-table thead th{background:var(--gc-table-head-bg)}
.goldcalc-table tbody tr:nth-child(2n){background:var(--gc-table-row-alt)}
.goldcalc-table th,.goldcalc-table td{border:1px solid var(--gc-border);padding:8px;text-align:left;}
.goldcalc-updated{margin-top:8px;color:var(--gc-updated-text);font-size:.85em}
.button{display:inline-block;padding:8px 12px;border:1px solid var(--gc-border);border-radius:6px;background:#f8fafc;cursor:pointer;text-decoration:none;color:var(--gc-text);font-size:var(--gc-font-size-button)}
.button.button-primary{background:var(--gc-btn-bg);border-color:var(--gc-btn-bg);color:var(--gc-btn-tx)}
a.button:hover,button.button:hover{filter:brightness(.97)}
a{color:var(--gc-link)} a:hover{color:var(--gc-link-hover)}
@media (max-width:680px){ .goldcalc-results{grid-template-columns:1fr;} }
.goldcalc-modal{position:fixed;inset:0;display:none;z-index:1000}
.goldcalc-modal.open{display:block}
.goldcalc-modal-backdrop{position:absolute;inset:0;background:var(--gc-modal-backdrop)}
.goldcalc-modal-dialog{position:relative;max-width:520px;margin:5vh auto;background:var(--gc-modal-bg);border-radius:8px;padding:16px;box-shadow:0 10px 25px rgba(0,0,0,.15)}
.goldcalc-modal-close{position:absolute;top:8px;right:8px;border:0;background:transparent;font-size:1.25rem;cursor:pointer;color:#111}
.goldcalc-contact-form .goldcalc-field{margin-bottom:8px}
.goldcalc-title, .goldcalc-out strong, .goldcalc-spot strong { color: var(--gc-text); }
.goldcalc-wrap .button.button-primary { background: var(--gc-btn-bg); border-color: var(--gc-btn-bg); color: var(--gc-btn-tx); }
.goldcalc-wrap .button { color: var(--gc-text); }