.membership-calculator{margin:32px 0;padding:24px;border:1px solid var(--line);border-top:3px solid var(--ink);border-radius:5px;background:rgba(255,255,255,.5)}
.article-body .membership-calculator h2{font-size:22px;margin:0 0 12px;padding:0}
.membership-calculator p{font-size:14px;line-height:1.9}
.membership-calculator label{display:block;font-size:13px;line-height:1.7;margin:12px 0 0}
.membership-calculator input{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:44px;font:inherit;font-size:16px;color:var(--ink);padding:9px 12px;border:1px solid var(--line);border-radius:3px;background:var(--paper);margin-top:5px}
.membership-calculator fieldset{min-width:0;margin:16px 0;padding:14px 16px;border:1px solid var(--line);border-radius:4px}
.membership-calculator legend{padding:0 8px;font-size:15px;font-weight:650}
.membership-order-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.membership-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.membership-calculator button{min-height:44px;padding:9px 14px;font:inherit;font-size:14px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:4px;cursor:pointer}
.membership-calculator [data-membership-remove]{margin-top:12px}
.membership-calculator button:hover:not(:disabled){border-color:var(--ink)}
.membership-calculator button:disabled{opacity:.5;cursor:not-allowed}
.membership-calculator input:focus-visible,.membership-calculator button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.membership-calculator output{display:block;min-height:64px;border-top:1px solid var(--line);padding:18px 0 0;margin:20px 0 0;font-size:16px;line-height:1.9;overflow-wrap:anywhere;font-weight:600}
.membership-calculator .membership-note,.membership-calculator #membership-fee-note,.membership-calculator [data-membership-count]{color:var(--muted);font-size:12px}
.membership-calculator [hidden]{display:none!important}
@media(max-width:560px){.membership-calculator{padding:18px}.membership-order-fields{grid-template-columns:1fr;gap:0}.membership-calculator fieldset{padding:10px 14px 16px}.article-body .membership-calculator h2{font-size:21px}}