.rhwbsazsgc-shell { display: grid; gap: 24px; width: 100%; max-width: 36rem; margin-block: 24px; padding: 24px; box-sizing: border-box; border: 1px solid var(--color-accent); border-radius: 12px; background: var(--color-base-200); color: var(--color-base-content); }
.rhwbsazsgc { display: grid; gap: 24px; min-width: 0; }
.rhwbsazsgc-pair, .rhwbsazsgc-field { display: grid; gap: .5rem; min-width: 0; }
.rhwbsazsgc-pair { gap: 24px; }
@media (min-width: 40rem) { .rhwbsazsgc-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rhwbsazsgc-label { font-weight: 600; }
.rhwbsazsgc-input { width: 100%; min-width: 0; box-sizing: border-box; padding: .75rem; border: 1px solid var(--color-accent); border-radius: 12px; background: var(--color-base-100); color: inherit; font: inherit; }
.rhwbsazsgc-input:focus-visible, .rhwbsazsgc-consent input:focus-visible, .rhwbsazsgc-submit:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; }
.rhwbsazsgc-input:is(textarea) { resize: vertical; }
.rhwbsazsgc-consent { display: flex; align-items: flex-start; gap: .75rem; }
.rhwbsazsgc-consent input { margin-block-start: .3em; accent-color: var(--color-accent); }
.rhwbsazsgc-shell a { color: inherit; text-decoration: underline; }
.rhwbsazsgc-submit { justify-self: start; padding: .75rem 1.5rem; border: 1px solid var(--color-accent); border-radius: 12px; background: var(--color-accent); color: var(--color-accent-content); font: inherit; font-weight: 700; cursor: pointer; }
.rhwbsazsgc-status { display: none; gap: 1rem; padding: clamp(1rem, 4vw, 2rem); border: 2px solid var(--color-success); border-radius: 12px; background: var(--color-base-100); color: var(--color-base-content); scroll-margin-block-start: 6rem; overflow-wrap: anywhere; }
.rhwbsazsgc-status:target { display: grid; }
.rhwbsazsgc-ok:target ~ form { display: none; }
.rhwbsazsgc-title, .rhwbsazsgc-status p { margin: 0; color: inherit; }
.rhwbsazsgc-title { font-size: clamp(1.25rem, 3vw, 1.75rem); line-height: 1.25; font-weight: 700; }
.rhwbsazsgc-status p { font-size: 1rem; line-height: 1.6; }
.rhwbsazsgc-icon { width: 3rem; height: 3rem; padding: .625rem; box-sizing: border-box; border-radius: 50%; background: var(--color-success); color: var(--color-success-content); }
.rhwbsazsgc-error { border-color: var(--color-error); }
.rhwbsazsgc-error .rhwbsazsgc-icon { background: var(--color-error); color: var(--color-error-content); }
.rhwbsazsgc-status a { justify-self: start; font-weight: 600; text-underline-offset: .2em; }
.rhwbsazsgc-status:focus-visible, .rhwbsazsgc-status a:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 4px; }
.rhwbsazsgc-hint { margin: 0; font-size: .9em; }