.shipping-fields { display: grid; gap: 24px; }
.shipping-field-group > h3, .shipping-preview > h3 { margin: 0; font-size: var(--text-ui); font-weight: 600; }
.shipping-field-group > .field-hint { margin-bottom: 18px; line-height: 1.6; }
.shipping-visibility__label { display: flex; align-items: flex-start; gap: 10px; font-size: var(--text-ui); font-weight: 500; line-height: 1.5; cursor: pointer; }
.shipping-visibility__label > input[type="checkbox"] { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 2px; }
.shipping-visibility > .field-hint { padding-left: 28px; line-height: 1.6; }
.shipping-preview { padding: 20px; border: 1px solid var(--line); background: var(--paper); }
.shipping-preview > .field-hint { line-height: 1.6; }
.shipping-preview__empty { margin: 18px 0 0; font-size: var(--text-ui); color: var(--muted); line-height: 1.6; }
.shipping-preview .client-shipping { margin-top: 20px; padding: 20px 0 0; border-top: 1px solid var(--line); border-bottom: 0; color: var(--ink); }
.shipping-preview .client-section-heading { margin-bottom: 18px; }
.shipping-preview .client-section-heading h2 { font: 600 18px/1.4 var(--sans); }
.shipping-preview .client-shipping dl { grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr)); gap: 20px; }
.shipping-preview .client-shipping dt { margin-bottom: 6px; color: var(--muted); font: var(--text-meta) var(--sans); }
.shipping-preview .client-shipping dd { margin: 0; color: var(--ink); font-size: var(--text-ui); line-height: 1.5; overflow-wrap: anywhere; }
.shipping-preview .client-shipping a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.shipping-preview .client-shipping a:hover { color: var(--accent-hover); }
.shipping-missing-prompt { margin-bottom: 14px; padding: 12px 14px; background: var(--amber-wash); color: var(--amber); font-size: var(--text-ui); line-height: 1.6; }