.notifications36{max-width:74rem;margin:0 auto;color:var(--text-primary,#20202d);line-height:1.6;overflow-wrap:anywhere}
.notification-heading h1{font-size:clamp(1.5rem,4vw,2rem);line-height:1.25;margin:0 0 .75rem}.notifications36 h2{font-size:1.25rem}.notifications36 h3{font-size:1rem;margin-top:0}
.notifications36>section{margin-top:2rem}.notification-notice{padding:1rem;border:2px solid #8b6b00;border-radius:.75rem;background:var(--bg-card,transparent)}.notification-notice p{margin-bottom:0}
.notification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem;margin:1rem 0}.notification-grid>section,.notification-card{padding:1rem;border:1px solid var(--border-color,#a1a1b3);border-radius:.75rem;min-width:0;background:var(--bg-card,transparent)}
.notification-card label{display:block;margin:.75rem 0}.notification-card select,.notification-range input{display:block;max-width:100%;width:100%;min-height:2.75rem;padding:.5rem;border:1px solid var(--border-color,#777);border-radius:.4rem;background:var(--bg-input,#fff);color:var(--text-primary,#20202d);font:inherit}.notifications36 input[type=checkbox]{width:1.2rem;height:1.2rem;vertical-align:middle;margin-right:.25rem;accent-color:#6d44c7}
.notification-actions,.notification-range{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap}.notification-range label{flex:1 1 12rem;min-width:0}.notification-check{display:block;margin:1rem 0}
.notification-button{font:inherit;font-weight:600;min-height:2.75rem;max-width:100%;padding:.65rem 1rem;white-space:normal;border:1px solid currentColor;border-radius:.5rem;background:var(--bg-card,#fff);color:var(--text-primary,#20202d);cursor:pointer}.notification-button:disabled{cursor:default;opacity:.65}.notifications36 :focus-visible{outline:3px solid #ad72ff;outline-offset:3px}.notifications36 [role=alert]{padding:.75rem;border-left:4px solid #b75b33}.notification-caption{font-size:.875rem}.notification-outbox{list-style:none;padding:0;display:grid;gap:.75rem}.notifications36 [hidden]{display:none!important}
@media(max-width:400px){.notification-actions>button,.notification-range>button{width:100%}.notification-card{padding:.75rem}}