.compliance-shell { width: min(100% - 32px, 900px); margin: 32px auto; }
.compliance-shell .public-card { width: 100%; max-width: none; margin-block: 24px; padding: clamp(18px, 4vw, 36px); }
.compliance-shell h1 { font-size: clamp(24px, 4vw, 36px); }
.compliance-shell h2 { font-size: 20px; margin-block: 24px 10px; }
.compliance-shell p, .compliance-shell code, .compliance-shell a { overflow-wrap: anywhere; }
.compliance-shell p { line-height: 1.6; white-space: pre-line; }
.compliance-shell label { display: grid; gap: 8px; margin-block: 16px; }
.compliance-shell input, .compliance-shell textarea, .compliance-shell select { width: 100%; min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius-control); color: var(--ink); background: var(--input); font: inherit; }
.compliance-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-block: 16px; }
.compliance-actions a { align-self: center; }
.compliance-note { padding: 12px; border: 1px solid var(--line); border-radius: var(--radius-control); }
.compliance-request { border-top: 1px solid var(--line); padding-block: 16px; }
.compliance-secret { display: block; padding: 16px; font-size: 18px; user-select: all; }
.public-privacy-copy { line-height: 1.5; overflow-wrap: anywhere; margin-block: 16px; }
@media (max-width: 390px) { .compliance-shell { width: calc(100% - 24px); } .compliance-actions > button { width: 100%; } }

.compliance-shell input[type="checkbox"] { width: 18px; height: 18px; flex: 0 0 auto; margin: 2px 0 0; padding: 0; }
.compliance-shell label:has(input[type="checkbox"]) { display: flex; align-items: flex-start; gap: 10px; }
.public-feedback.is-success { color: var(--success); background: var(--surface-muted); }