/* Membership colours and responsive comparison, scoped to this section. */
#membership{background:#f6f4eb;color:#191919;scroll-margin-top:90px}
#membership h2,#membership h2 em,#membership h3,#membership p,#membership summary{color:#191919}
#membership .membership-table-wrap{border-color:#dcd8cb;background:#fffdf7;color:#191919}
#membership .membership-table th,#membership .membership-table td{color:#191919;border-color:#dedace}
#membership .membership-table thead th{background:#f3cf50;color:#191919}
#membership .membership-table h3{color:#191919}
#membership .membership-table tbody th,#membership .membership-table tfoot th{background:#eeeadf}
#membership .membership-table .button,#membership .member-mobile-plan .button{background:#f3cf50;color:#191919;border-radius:28px;min-height:48px}
#membership .beeloha-tick{color:#191919}
#membership .member-head-price{font:bold 30px Georgia,serif;margin:14px 0 8px}
#membership .member-head-price small{display:inline;font:14px Arial,sans-serif;margin-left:4px}
#membership .member-head-annual{font:15px/1.5 Arial,sans-serif;margin:0}
.member-mobile-plans{display:none}
@media(max-width:760px){
 #membership{padding:40px 20px}
 #membership .membership-table-wrap{display:none}
 .member-mobile-plans{display:grid;gap:24px;margin:28px 0}
 #membership .member-mobile-plan{min-width:0;background:#fffdf7;border:1px solid #dedace;border-top:5px solid #f3cf50;border-radius:18px;padding:24px}
 #membership .member-mobile-plan h3{font:34px Georgia,serif;margin:0 0 10px}
 .member-saving{margin:0 0 20px;font-size:16px}.member-saving strong{font-size:25px}
 .member-price-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f6f4eb;border-radius:12px;padding:16px 12px}
 .member-price-options p{margin:0;line-height:1.4}.member-price-options p+p{border-left:1px solid #dcd8cb;padding-left:12px}
 .member-price-options strong{display:block;font:32px Georgia,serif}.member-price-options span{font-size:14px}.member-price-options small{display:block;font-size:12px;margin-top:5px}
 .member-annual-save{font-size:12px;line-height:1.5;margin:10px 0 22px}
 .member-mobile-plan ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:16px}
 .member-mobile-plan li{display:flex;align-items:flex-start;gap:10px;line-height:1.45;font-size:14px}
 .member-mobile-plan li strong{font-weight:600}.member-benefit-detail{display:block;color:#57544d;font-size:13px;margin-top:3px}
 .member-check{flex:0 0 22px;height:22px;border-radius:50%;background:#f3cf50;text-align:center;color:#191919;font-weight:bold}
 #membership .member-mobile-plan .button{display:block;text-align:center;width:100%;padding:14px 12px}
 #membership details{padding:18px;margin-top:28px}
}