.sub-page{padding-block:28px 72px}.sub-page *,.sub-page :before,.sub-page :after{min-width:0}.sub-layout{gap:22px;max-width:760px;display:grid}.sub-panel{border:1px solid var(--line);background:#fff;gap:14px;padding:20px 16px;display:grid}.sub-panel h2{color:var(--forest-deep);font:500 var(--fs-5)/1.15 var(--serif);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0}.sub-panel>p{color:#5c6f67;font-size:var(--fs-2);overflow-wrap:anywhere;margin:0;line-height:1.6}.sub-panel-muted{background:#f8f6f0}.sub-status{color:#2a5a44;width:fit-content;font-size:var(--fs-1);letter-spacing:.01em;border:1px solid #c3d3cb;border-radius:3px;padding:3px 9px;font-weight:700;display:inline-block}.sub-status-pending{color:#6b4616;border-color:#e3d2bf}.sub-status-unsubscribed,.sub-status-bounced{color:#7a2f29;border-color:#e6c8c4}.sub-form{gap:12px;display:grid}.sub-fieldset{border:0;gap:10px;margin:0;padding:0;display:grid}.sub-fieldset legend{color:var(--forest);font-size:var(--fs-2);margin-bottom:4px;padding:0;font-weight:700}.sub-topics{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sub-topic{min-height:48px;color:var(--charcoal);cursor:pointer;background:#fff;border:1px solid #d6dcd4;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;padding:12px;display:grid}.sub-topic:focus-within{outline-offset:2px;outline:3px solid #cf8b5d}.sub-topic input{width:22px;height:22px;accent-color:var(--forest);margin:2px 0 0}.sub-topic strong{font-size:var(--fs-2)}.sub-topic small{color:#5e6c66;font-size:var(--fs-1);margin-left:6px}.sub-topic-desc{color:#5c6f67;font-size:var(--fs-1);margin-top:2px;line-height:1.5;display:block}.sub-fieldset:disabled .sub-topic{opacity:.6;cursor:not-allowed}.sub-field{gap:6px;display:grid}.sub-field label{color:#4f584f;font-size:var(--fs-1);font-weight:650}.sub-field input,.sub-field select{width:100%;min-height:48px;color:var(--charcoal);font-size:var(--fs-2);background:#fff;border:1px solid #b9c4bc;border-radius:8px;padding:10px 12px}.sub-field select{appearance:auto}.sub-alert-grid{gap:10px;display:grid}.sub-form .button{justify-self:start}.sub-note{color:#5c6f67;font-size:var(--fs-2);margin:0;line-height:1.55}.sub-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sub-list li{font-size:var(--fs-2);background:#fbfaf6;border:1px solid #e0e6e1;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;padding:10px 12px;display:flex}.sub-list li span{overflow-wrap:anywhere}.sub-inline{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.sub-small-button{min-height:40px;font-size:var(--fs-1);padding:0 14px}.sub-feedback{font-size:var(--fs-2);overflow-wrap:anywhere;border-left:3px solid;margin:0;padding:10px 12px;line-height:1.5}.sub-feedback-error{color:#7a2f29;background:#f8efed;border-color:#9b3d36}.sub-feedback-success{color:#2a5a44;background:#ebf3ee;border-color:#2e6b4f}.sub-page code{overflow-wrap:anywhere;font:600 .92em/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.account-email-card{border:1px solid var(--line);background:#f8f6f0;grid-column:1/-1;gap:14px;padding:25px;display:grid}.account-email-card h2{font-family:var(--serif);font-size:var(--fs-5);margin:0;font-weight:450}.account-email-card>p{color:#5c6f67;font-size:var(--fs-2);margin:0;line-height:1.6}@media (min-width:640px){.sub-panel{padding:24px}.sub-alert-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}}@media (min-width:900px){.sub-page{padding-block:44px 88px}}@media (prefers-reduced-motion:reduce){.sub-page *{transition:none!important}}.sub-follow-card{border:1px solid var(--line);background:#f8f6f0;gap:10px;margin-block:24px;padding:20px 16px;display:grid}.sub-follow-card h2,.sub-follow-card h3{color:var(--forest-deep);font:500 var(--fs-5)/1.15 var(--serif);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0}.sub-follow-card>p{color:#5c6f67;font-size:var(--fs-2);overflow-wrap:anywhere;margin:0;line-height:1.6}.sub-follow-card .button{min-height:48px}.sub-water-group{gap:8px;display:grid}.sub-water-group h3{font-size:var(--fs-2);color:var(--forest);margin:0}@media (min-width:640px){.sub-follow-card{padding:24px}}.sub-card-subhead{color:var(--forest);font-size:var(--fs-3);margin:0;font-weight:650}
