/* Shared pre-footer composition, inheriting each page's typography and colors. */
.brand-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 64px; width:100%; max-width:960px; box-sizing:border-box; margin:0 auto; padding:48px clamp(24px,4vw,56px); }
.brand-pair__product { min-width:0; }
.brand-pair__link { display:inline-flex; align-items:center; gap:18px; min-height:44px; color:inherit; text-decoration:none; }
.brand-pair__wordmark { display:block; width:auto; height:24px; max-width:100%; object-fit:contain; }
/* The existing Flapbase SVG is white and includes extra vertical clear space. */
.brand-pair__wordmark[src="/brand/flapbase-wordmark.svg"] { height:32px; filter:brightness(0); }
.brand-pair__copy { margin:12px 0 8px; font-size:16px; font-weight:400; line-height:1.8; }
.brand-pair__copy span { display:block; }
.brand-pair__current { display:inline-flex; align-items:center; gap:6px; font-size:11px; line-height:1.6; }
.brand-pair__current::before { content:''; width:4px; height:4px; border-radius:50%; background:currentColor; }
.brand-pair__link:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
.creator-charter { max-width:720px; }
.creator-charter h1 { margin-bottom:36px; }
.creator-charter p { margin:0 0 26px; line-height:2.1; }
.creator-charter strong { font-weight:600; }
.creator-charter hr { border:0; border-top:1px solid #dfe2df; margin:36px 0; }
@media(max-width:600px) { .brand-pair { grid-template-columns:1fr; gap:32px; padding-top:36px; padding-bottom:36px; } }