/* Local draft: member benefits using the existing MARQORA palette. */
.member-benefits{scroll-margin-top:24px}
.member-benefits .section-heading>p{max-width:560px}
.member-follow-grid,.member-tools-grid{display:grid;gap:20px;align-items:stretch}
.member-follow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.member-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.member-benefit-card{min-width:0;border:1px solid var(--line,#d9e5e2);border-radius:18px;background:#fff;padding:28px}
.member-follow-grid .member-benefit-card{background:#e7f3ee}
.member-benefit-card h3{font-size:26px;line-height:1.25;margin:10px 0 18px}
.member-benefit-card h4{font-size:25px;line-height:1.25;margin:0 0 14px;color:#106653}
.member-benefit-card p{font-size:17px;line-height:1.65;max-width:none}
.member-benefit-card .eyebrow{font-size:14px;margin:0}
.member-benefit-card .member-benefit-lead{font-weight:650;color:#173e48;margin-bottom:14px}
.member-benefit-card .member-benefit-detail{font-size:15px;margin:18px 0 0}
.member-tools-heading{margin:32px 0 20px}
.member-tools-heading h3{font-size:28px;line-height:1.3;margin:0 0 8px}
.member-tools-heading p{margin:0;font-size:18px}
.member-benefit-footer{font-size:16px;line-height:1.6;margin:24px 0 18px;max-width:780px}
@media(max-width:1000px){.member-tools-grid{grid-template-columns:1fr}.member-benefit-card{padding:24px}}
@media(max-width:650px){.member-follow-grid{grid-template-columns:1fr}.member-benefit-card{padding:22px}.member-benefit-card h3{font-size:25px}.member-benefit-card h4{font-size:24px}.member-benefits .section-heading{gap:20px}}

/* Six account benefits, visible without opening details. */
.member-benefits .account-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px;margin-top:28px}
.member-benefits .account-benefit{min-width:0;padding:20px 0 4px;border-top:2px solid var(--line,#d9e5e2)}
.member-benefits .account-benefit h3{font-size:23px;line-height:1.25;margin:0 0 12px;color:var(--green,#106653)}
.member-benefits .account-benefit p{font-size:17px;line-height:1.6;margin:0}
.member-benefits .account-benefits-details{margin-top:28px}
.member-benefits .account-benefits-detail-body{max-width:880px}
.member-benefits .account-benefits-detail-body h3{font-size:21px;line-height:1.35;margin:24px 0 8px}
.member-benefits .account-benefits-detail-body p{font-size:16px;line-height:1.65;margin:10px 0}
@media(max-width:1000px){.member-benefits .account-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.member-benefits .account-benefits-grid{grid-template-columns:1fr;gap:18px;margin-top:20px}.member-benefits .account-benefit{padding-top:16px}.member-benefits .account-benefit h3{font-size:22px}.member-benefits .account-benefit p{font-size:16px}}