.dc-sg-open { background: none; border: 0; padding: 0 0 0 4px; min-height: 44px; font: inherit; font-size: var(--wp--preset--font-size--small, 14px); color: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.dc-sg { width: min(760px, 100vw - 32px); max-height: min(88vh, 900px); padding: 0; border: 0; border-radius: var(--wp--custom--radius--card, 0); background: var(--wp--preset--color--base, #fff); color: var(--wp--preset--color--contrast, #111); }
.dc-sg::backdrop { background: rgba(0, 0, 0, .45); }
.dc-sg__head { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; background: inherit; border-bottom: 1px solid var(--wp--preset--color--border, #ddd); }
.dc-sg__title { margin: 0; font-size: var(--wp--preset--font-size--large, 20px); }
.dc-sg__close { min-width: 44px; min-height: 44px; background: none; border: 0; font-size: 28px; line-height: 1; cursor: pointer; color: inherit; }
.dc-sg > .dc-sg__scroll, .dc-sg > .dc-sg__note { margin: 16px 20px; }
.dc-sg__scroll { overflow-x: auto; }
.dc-sg__table { width: 100%; border-collapse: collapse; font-size: var(--wp--preset--font-size--small, 14px); font-variant-numeric: tabular-nums; }
.dc-sg__table caption { caption-side: top; text-align: start; padding-bottom: 8px; color: var(--wp--preset--color--muted, #555); font-size: var(--wp--preset--font-size--x-small, 12px); }
.dc-sg__table :is(th, td) { padding: 10px 12px; border-bottom: 1px solid var(--wp--preset--color--border, #ddd); text-align: start; white-space: nowrap; }
.dc-sg__table thead th { font-weight: 600; background: var(--wp--preset--color--surface, #f5f5f5); }
.dc-sg__table tbody th { font-weight: 600; position: sticky; left: 0; background: var(--wp--preset--color--base, #fff); }
.dc-sg__note { font-size: var(--wp--preset--font-size--small, 14px); color: var(--wp--preset--color--muted, #555); }
.dc-sg-section + .dc-sg-section { margin-top: var(--wp--preset--spacing--70, 48px); }