.member-tools{max-width:68rem}.notification-link{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;white-space:nowrap}.unread-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;padding:.05rem .3rem;background:var(--ink,#173e4c);color:white;border-radius:1rem;font-size:.8rem}.notification-list,.upcoming-events{list-style:none;margin:1.2rem 0;padding:0}.notification-item,.upcoming-event{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.4rem 0;border-bottom:1px solid var(--line)}.notification-item>div,.upcoming-event>div{min-width:0}.notification-item h2,.upcoming-event h3{font-size:1.2rem;margin:.35rem 0;overflow-wrap:anywhere}.notification-item p,.upcoming-event p{margin:.35rem 0}.notification-unread{border-inline-start:3px solid var(--accent,#236080);padding-inline-start:1rem}.notification-item form,.upcoming-event>.button{flex-shrink:0}.notification-settings{max-width:46rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}.notification-settings .check{display:flex;align-items:flex-start;gap:.7rem;margin:1rem 0;line-height:1.5}.notification-settings .check input{width:auto;margin-top:.35rem}.home-upcoming{padding-top:2rem;padding-bottom:.5rem}.home-upcoming .actions{margin-top:1rem}.home-upcoming .upcoming-event h3{font-size:1.2rem}.calendar-page>.calendar-upcoming{margin:0 0 3rem;padding:0 0 1rem;border-bottom:1px solid var(--line)}.calendar-toolbar{scroll-margin-top:1rem}.trip-photo-form{max-width:42rem}.trip-photo-form input[type=file]{height:auto;padding:1rem .6rem}.trip-photo-details{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}.event-registration{max-width:48rem;margin-top:2rem}.event-optional{margin:1.2rem 0}.event-optional summary{padding:.8rem 0;cursor:pointer}.event-cancel{margin-top:1rem}.follow-topic{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}.follow-topic form{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.handbook-save{padding:1rem 0;margin:0 0 1.5rem;border-block:1px solid var(--line)}.handbook-save .help{max-width:65ch;margin-bottom:0}.upcoming-event .event-status{font-size:.9rem;color:var(--muted)}
@media(max-width:40rem){.notification-item,.upcoming-event{align-items:flex-start;flex-direction:column;gap:.7rem}.trip-photo-details{grid-template-columns:1fr;gap:0}.notification-item form,.upcoming-event>.button{max-width:100%;white-space:normal}.home-upcoming .section-title,.calendar-upcoming .section-title{align-items:flex-start;gap:.7rem;flex-wrap:wrap}}