.membership-intro{padding:25px;margin-bottom:20px}.membership-intro h2{font-size:28px;margin:7px 0 12px}.membership-intro p{color:var(--muted);max-width:72ch}.membership-intro a,.membership-history a{color:var(--pine);font-weight:800}.membership-controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.membership-controls>*{flex:1;min-width:180px;margin:0}.membership-controls button{flex:0 0 auto;min-width:0}.membership-note{color:var(--muted);font-size:13px;line-height:1.65}.membership-history{padding:0 24px}.membership-entry{padding:21px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.membership-entry:last-child{border:0}.membership-entry h3{font-size:18px;margin:7px 0}.membership-entry p{white-space:pre-wrap;margin:9px 0;color:var(--muted)}.membership-entry small{font-size:12px;color:var(--muted);display:block}.membership-entry button{font-size:12px;margin:10px 8px 0 0}.membership-dialog{width:min(840px,calc(100% - 32px));padding:25px}.membership-dialog header{display:flex;justify-content:space-between;gap:20px}.membership-dialog h2{font-size:25px}.membership-dialog form{margin-top:16px}.membership-dialog .form-grid{gap:0 16px}.membership-dialog .page-preview{max-width:100%;max-height:480px;display:block;margin:16px auto;object-fit:contain}.membership-dialog .review-check{display:flex;gap:10px;align-items:flex-start;letter-spacing:0;font-weight:700;font-size:14px;margin:18px 0}.membership-dialog .review-check input{width:20px;margin:1px 0}.membership-dialog footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.membership-dialog output{display:block;color:var(--red);margin:12px 0;white-space:pre-wrap}.membership-person-extra{font-size:12px;color:var(--muted);display:block}.membership-access{margin-bottom:18px;padding:16px;border-left:3px solid var(--gold);background:#f6eed9;border-radius:8px}.membership-access p{margin:0}.membership-blank{padding:28px;color:var(--muted)}
@media(max-width:760px){.membership-intro{padding:20px}.membership-intro h2{font-size:25px}.membership-controls{display:grid}.membership-controls>*{min-width:0}.membership-dialog{padding:20px}.membership-dialog footer{flex-wrap:wrap}.membership-history{padding:0 18px}}