/* WPFormsっぽい見た目（カード + きれいな表） */
.sssg-card{ background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:14px; margin:16px 0; box-shadow:0 1px 2px rgba(0,0,0,.04), 0 6px 24px rgba(0,0,0,.06); }
.sssg-card-h{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-bottom:10px; }
.sssg-title{ font-weight:700; font-size:16px; color:#0f172a; }
.sssg-sub{ color:#64748b; font-size:12px; }
.sssg-canvas-wrap{ position:relative; }
.sssg-legend{ margin-top:8px; }
.sssg-legend-list{ list-style:none; margin:0; padding:0; display:flex; gap:10px; flex-wrap:wrap; }
.sssg-legend-list.right{ justify-content:flex-start; }
.sssg-legend-list.bottom{ justify-content:flex-start; }
.sssg-legend-item{ display:flex; align-items:center; gap:6px; font-size:12px; color:#334155; }
.sssg-swatch{ width:10px; height:10px; border-radius:2px; display:inline-block; border:1px solid rgba(0,0,0,.08); }

.sssg-table-grid{ width:100%; border-collapse:collapse; margin-top:8px; }
.sssg-table-grid th, .sssg-table-grid td{ border:1px solid #e5e7eb; padding:8px 10px; text-align:left; font-size:13px; }
.sssg-table-grid th{ background:#f8fafc; color:#0f172a; font-weight:700; }
.sssg-error{ color:#b91c1c; background:#fee2e2; border:1px solid #fecaca; padding:10px; border-radius:8px; }
.sssg-text-list{ margin:0; padding-left:16px; }
.sssg-text-list li{ margin:4px 0; line-height:1.5; }