.notifications-page{max-width:900px;margin:0 auto 64px;padding:48px 36px 0}.notifications-page h1{margin:0 0 20px}.notification-card{background:var(--paper-light);border-top:3px solid var(--coral);padding:clamp(24px,4vw,38px)}.notification-card h2{letter-spacing:-.03em;margin:0 0 16px;font:400 clamp(28px,3vw,36px)/1.2 Georgia,serif}.notification-card p,.notification-card li{line-height:1.7}.notification-card fieldset{border:0;margin:28px 0;padding:0}.notification-card legend{margin-bottom:10px;font-weight:600}.notification-card label{cursor:pointer;align-items:center;gap:12px;padding:12px 0;display:flex}.notification-card input{width:20px;height:20px;accent-color:var(--ink)}.notification-actions{flex-wrap:wrap;gap:12px;display:flex}.notification-actions button{border:1px solid var(--ink);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:12px 18px}.notification-actions .notification-primary{background:var(--ink);color:var(--paper-light)}.notification-actions button:disabled{opacity:.5;cursor:default}.notification-actions button:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.notification-test,.notification-instructions{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.notification-card h3{font:400 24px/1.3 Georgia,serif}.notification-status{color:var(--ink);min-height:1em;font-weight:600}.notification-privacy{color:var(--ink-soft);border-top:1px solid var(--line);padding-top:20px;font-size:14px}@media (max-width:480px){.notifications-page{padding:32px 14px 0}.notification-actions button{width:100%}}.notification-actions button:not(:disabled):hover{background:var(--ink);color:var(--paper-light)}.notification-actions .notification-primary:not(:disabled):hover{background:var(--ink-soft)}.notification-card input:focus-visible{outline:2px solid var(--coral);outline-offset:4px}