.silvercalc-wrap{
  --sc-text: #111827;
  --sc-bg: #ffffff;
  --sc-border: #e5e7eb;
  --sc-accent: #0ea5e9;
  --sc-btn-bg: #0ea5e9;
  --sc-btn-tx: #ffffff;
  --sc-panel-bg: #f8fafc;
  --sc-table-head-bg: #f1f5f9;
  --sc-table-row-alt: #f9fbfd;
  --sc-input-bg: #ffffff;
  --sc-input-text: #111827;
  --sc-note-text: #6b7280;
  --sc-updated-text: #6b7280;
  --sc-modal-backdrop: rgba(17,24,39,.45);
  --sc-modal-bg: #ffffff;
  --sc-link: #0ea5e9;
  --sc-link-hover: #0284c7;
  --sc-font-size-base: 16px;
  --sc-font-size-title: 20px;
  --sc-font-size-button: 16px;

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