.gp-size-rec-card{
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  max-width: 420px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.gp-sr-header{ font-size: 16px; font-weight: 700; margin-bottom: 12px; }
.gp-sr-form{ display: grid; gap: 12px; }
.gp-sr-row{ display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 8px; }
.gp-sr-row label{ color: #374151; font-size: 13px; }
.gp-sr-units{ display:flex; gap: 16px; align-items:center; }
.gp-sr-units label{ display:flex; gap:8px; font-size: 12px; color:#4b5563; }
.gp-sr-row input{
  border: 1px solid #d1d5db; border-radius: 8px; padding: 8px 10px; font-size: 14px; outline: none;
}
.gp-sr-row input:focus{ border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }
.gp-sr-unit{ font-size: 12px; color: #6b7280; }
.gp-sr-button{
  appearance:none; border:1px solid #111827; background:#111827; color:#fff; font-weight:600; padding:10px 12px;
  border-radius:10px; cursor:pointer; transition:transform .02s ease, opacity .2s ease;
}
.gp-sr-button:hover{ opacity:.9; } .gp-sr-button:active{ transform: translateY(1px); }
.gp-sr-result{ margin-top:4px; font-weight:700; color:#111827; }
.gp-sr-note{ font-size:12px; color:#6b7280; }
table.gp-size-chart{ border-collapse: collapse; width:100%; margin-top:10px; }
table.gp-size-chart th, table.gp-size-chart td{ border:1px solid #e5e7eb; padding:8px; font-size:13px; text-align:left; }
table.gp-size-chart th{ background:#f9fafb; font-weight:700; }