/* A panoramic business-network photo fits the shared About Us banner dimensions. */
body.notion-membership-page:not(.notion-membership-plans-page) .notion-about-banner {
	background-image: linear-gradient(90deg, rgb(87 42 14 / 88%), rgb(249 144 69 / 36%)), url('../homepage/west-africa-banner.png');
	background-size: cover;
	background-position: center 30%;
	background-repeat: no-repeat;
}

.notion-membership-content { line-height: 1.9; }
.notion-membership-section { margin-block: 0 60px; scroll-margin-top: 115px; }
.notion-membership-section :is(h2,h3) { color: #4b2b16; line-height: 1.5; scroll-margin-top: 115px; }
.notion-membership-section h2 { font-size: clamp(26px,2.5vw,34px); margin-bottom: 22px; }
.notion-membership-section h3 { font-size: 1.2rem; }
.notion-membership-section > p { max-width: 850px; }
.notion-membership-section .wp-block-columns { gap: 24px; margin-top: 28px; align-items: stretch; }
.notion-membership-plan { box-sizing: border-box; height: 100%; padding: 28px; border: 1px solid #e7dacf; border-radius: 14px; background: #fff; }
.notion-membership-plan p { font-size: .9rem; }
.notion-membership-plan p:last-child a { display: inline-block; padding: 10px 18px; background: #f99045; color: #fff; border-radius: 6px; text-decoration: none; }
.notion-membership-section .wp-block-table { overflow-x: auto; margin: 28px 0; }
.notion-membership-section table { width: 100%; border-collapse: collapse; min-width: 480px; }
.notion-membership-section :is(th,td) { padding: 18px; border: 1px solid #e7dacf; text-align: left; vertical-align: top; }
.notion-membership-section th { background: #fff0e3; }
.notion-membership-section > ol > li { margin-bottom: 16px; }
.notion-membership-section .notion-membership-layout { margin-top: 34px; }
.notion-membership-section details { margin: 12px 0; padding: 20px 24px; background: #fff; border: 1px solid #e7dacf; border-radius: 10px; }
.notion-membership-section summary { cursor: pointer; font-weight: 700; color: #f99045; }
.notion-membership-section details p { margin-bottom: 0; }
@media(max-width:781px) { .notion-membership-section .wp-block-columns { flex-direction: column; } .notion-membership-plan { padding: 24px; } .notion-membership-section { margin-bottom: 40px; } }

.notion-membership-plan { display: flex; flex-direction: column; }
.notion-membership-plan > p:last-child { margin-top: auto; padding-top: 12px; }

.notion-membership-article .wp-block-table table { min-width: 800px; }
.notion-membership-article > p,.notion-membership-article > ul,.notion-membership-article > ol { max-width: 900px; }
.notion-membership-article li { margin-bottom: 10px; }
.notion-membership-plan > .wp-block-buttons { margin-top: auto; padding-top: 20px; }
.notion-membership-article .wp-block-button__link { background: #f99045; color: #fff; border-radius: 6px; font-size: .9rem; padding: 12px 22px; }
.notion-membership-index { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; list-style: none; margin: 32px 0; padding: 0; }
.notion-membership-index li { display: flex; margin: 0; }
.notion-membership-index a { display: flex; align-items: center; width: 100%; padding: 24px; border: 1px solid #e7dacf; border-radius: 10px; background: #fff; text-decoration: none; }
.notion-membership-index a:hover { background: #fff0e3; }
#membership-application { scroll-margin-top: 115px; }
@media(max-width:900px) { .notion-membership-index { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .notion-membership-index { grid-template-columns: 1fr; } }

/* Use the About submenu's white panel, copy rhythm and newsletter placement. */
.notion-membership-article-page .notion-about-content.notion-membership-content { line-height: 1.8; }
.notion-membership-article-page .notion-membership-section { margin-bottom: 0; }
.notion-membership-article-page .notion-membership-article > :is(p,ul,ol),
.notion-membership-article-page .notion-membership-section > p { max-width: none; }
.notion-membership-article-page .notion-membership-section h2 { margin: 30px 0 20px; font-size: 28px; line-height: 1.35; color: #212930; }
.notion-membership-article-page .notion-membership-section h3 { margin: 28px 0 16px; font-size: 21px; line-height: 1.4; color: #212930; }
.notion-membership-article-page .notion-membership-section h2:first-of-type { margin-top: 0; }
.notion-membership-article-page .notion-membership-section > :last-child { margin-bottom: 0; }
@media(max-width:760px) {
	.notion-membership-article-page .notion-membership-section h2 { font-size: 24px; }
}