.sl-brand small { display: block; font-size: .78rem; }
.sl-nav .sl-container { padding-top: 12px; padding-bottom: 12px; }
.sl-nav-links a, .sl-footer a, .sl-faq summary { min-height: 44px; display: inline-flex; align-items: center; }
.sl-hero h1 { max-width: 13ch; }
.preview-total { margin-top: 20px; margin-bottom: 6px; color: var(--sl-ink); }
.check-label { display: flex; align-items: center; gap: 12px; min-height: 48px; cursor: pointer; font-weight: 600; }
.check-label input { width: 22px; height: 22px; flex-shrink: 0; accent-color: var(--sl-brand); }
.field-error { color: var(--sl-danger); background: var(--sl-danger-soft); padding: 12px; border-radius: var(--sl-radius-sm); }
.sample-details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 20px 0; }
.sl-stat b { font-size: 1.35rem; }
.sl-stage, .sl-container, .sl-hero-grid > *, .sl-prose { min-width: 0; }
.code-field { font-family: var(--sl-mono); font-size: .88rem; overflow-wrap: anywhere; resize: vertical; }
#removal-link { overflow-wrap: anywhere; }
#removal-link { min-height: 44px; display: inline-flex; align-items: center; }
.sl-table caption { padding: 12px; text-align: left; color: var(--sl-muted); }
#signup-status, #remove-status { margin-top: 16px; }
@media (max-width: 480px) { .sample-details { grid-template-columns: 1fr; } .sl-nav-links { gap: 14px; } .sl-brand { font-size: .95rem; } .sl-stats { grid-template-columns: 1fr; } .sl-prose { padding-inline: 16px; } }