1d:I[868422,["/_next/static/chunks/0orfmzo0_hup-.js","/_next/static/chunks/3cmvik1zogxvy.js","/_next/static/chunks/0op9flae642fi.js","/_next/static/chunks/3jtkuz33a278i.js","/_next/static/chunks/3cn85recchj3h.js","/_next/static/chunks/2matreab0rub0.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] 11:["$","style",null,{"dangerouslySetInnerHTML":{"__html":"html{font-size:16px}"}}] 12:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 13:["$","link","font-preload-Inter-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Inter-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","script","2",{"async":true,"src":"https://www.googletagmanager.com/gtag/js?id=G-HQZS1GFHMP","children":null}] 16:["$","script","4",{"dangerouslySetInnerHTML":{"__html":"\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n gtag('config', 'G-HQZS1GFHMP');\n"},"children":null}] 17:["$","script","8",{"async":true,"src":"https://js.stripe.com/v3/buy-button.js","dangerouslySetInnerHTML":{"__html":"\n"},"children":null}] 1b:Tdfa, /* ===================================================================== ETB — Super password page v10.9 Replace the old Portal pseudo-title code with this. Activates only when Super renders a password field. ===================================================================== */ body.etb-password-page { background: #15151A !important; } body.etb-password-page .super-content, body.etb-password-page main { background: #15151A !important; } /* Keep password page aligned to the same visual grid as Admin */ body.etb-password-page .super-password-protection { width: min(1180px, calc(100vw - 96px)) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } /* Replace Super's generated password title cleanly */ body.etb-password-page .super-password-protection__title { visibility: visible !important; display: block !important; max-width: 720px !important; margin: 0 0 24px 0 !important; padding: 0 !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; letter-spacing: 0 !important; } /* Prevent older :before experiments from concatenating title text */ body.etb-password-page .super-password-protection__title::before, body.etb-password-page .super-password-protection__title::after { content: none !important; } body.etb-password-page .etb-password-title-main { display: block !important; color: #ECECEA !important; font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif !important; font-size: clamp(42px, 5vw, 72px) !important; font-weight: 500 !important; line-height: 1.02 !important; letter-spacing: -0.055em !important; margin: 0 0 14px 0 !important; } body.etb-password-page .etb-password-title-sub { display: block !important; color: #9A9AA2 !important; font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.5 !important; letter-spacing: 0 !important; margin: 0 !important; } /* Password form and field */ body.etb-password-page .super-password-protection form, body.etb-password-page form:has(input[type="password"]) { width: 620px !important; max-width: 100% !important; margin: 24px 0 0 0 !important; } body.etb-password-page input[type="password"] { width: 100% !important; height: 48px !important; box-sizing: border-box !important; background: #1A1A20 !important; border: 1px solid #2E2E36 !important; border-radius: 2px !important; color: #ECECEA !important; font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif !important; font-size: 14px !important; line-height: 1 !important; padding: 0 52px 0 48px !important; outline: none !important; box-shadow: none !important; } body.etb-password-page input[type="password"]::placeholder { color: #55555F !important; opacity: 1 !important; } body.etb-password-page input[type="password"]:focus { border-color: rgba(224, 169, 58, 0.7) !important; } body.etb-password-page button, body.etb-password-page [role="button"] { color: #E0A93A !important; } @media (max-width: 900px) { body.etb-password-page .super-password-protection { width: calc(100vw - 40px) !important; } body.etb-password-page .etb-password-title-main { font-size: 44px !important; } body.etb-password-page .super-password-protection form, body.etb-password-page form:has(input[type="password"]) { width: 100% !important; } } 18:["$","style","10",{"dangerouslySetInnerHTML":{"__html":"$1b"},"children":null}] 1c:T51d, (function () { function applyETBPasswordPage() { var passwordInput = document.querySelector('input[type="password"]'); var isPasswordPage = !!passwordInput; document.body.classList.toggle('etb-password-page', isPasswordPage); if (!isPasswordPage) return; var title = document.querySelector('.super-password-protection__title') || document.querySelector('[class*="password"] h1') || document.querySelector('[class*="Password"] h1') || document.querySelector('h1'); if (title) { title.innerHTML = 'Board Portal' + 'For authorized users only'; } passwordInput.placeholder = 'Enter password'; } function scheduleApply() { window.requestAnimationFrame(applyETBPasswordPage); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function () { scheduleApply(); setTimeout(scheduleApply, 300); setTimeout(scheduleApply, 1000); }); } else { scheduleApply(); setTimeout(scheduleApply, 300); setTimeout(scheduleApply, 1000); } new MutationObserver(scheduleApply).observe(document.documentElement, { childList: true, subtree: true }); })(); 19:["$","script","12",{"dangerouslySetInnerHTML":{"__html":"$1c"},"children":null}] 1e:T158d, 1f:T2a82, 20:T1133c,@charset "UTF-8"; /* ===================================================================== EXECUTIVE TECHNOLOGY BOARD — Super.so Custom CSS v10.9.15 CLEAN Replace the entire Super CSS with this. Body should use the single v10.3 Body script. ===================================================================== */ /* ===================================================================== 0. DESIGN TOKENS ===================================================================== */ :root { --bg: #15151A; --bg-nav: #111115; --bg-2: #1A1A20; --panel: #1E1E24; --line: #2E2E36; --text: #ECECEA; --muted: #9A9AA2; --faint: #55555F; --accent: #E0A93A; --accent-ink: #16140A; --calendar-text: #9A9AA2; --subtitle: #8F8F98; --sans: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; --radius: 2px; } /* ===================================================================== 1. GLOBAL CANVAS + PAGE ALIGNMENT ===================================================================== */ html, body { background: var(--bg) !important; color: var(--text) !important; font-family: var(--sans) !important; -webkit-font-smoothing: antialiased !important; text-rendering: geometricPrecision !important; } .super-content, .notion-page-content, .notion-page-body, .notion-root { background: var(--bg) !important; color: var(--text) !important; font-family: var(--sans) !important; } /* Designed pages use the custom ETB wide wrapper. Generic/admin/member-detail pages keep Super's native title/content alignment. */ body.etb-page-home .super-content .notion-page-content, body.etb-page-home .super-content .notion-root, body.etb-page-home .notion-page-content, body.etb-page-board .super-content .notion-page-content, body.etb-page-board .super-content .notion-root, body.etb-page-board .notion-page-content, body.etb-page-calendar .super-content .notion-page-content, body.etb-page-calendar .super-content .notion-root, body.etb-page-calendar .notion-page-content, body.etb-page-insights .super-content .notion-page-content, body.etb-page-insights .super-content .notion-root, body.etb-page-insights .notion-page-content, body.etb-page-about .super-content .notion-page-content, body.etb-page-about .super-content .notion-root, body.etb-page-about .notion-page-content, body.etb-page-admin-core .super-content .notion-page-content, body.etb-page-admin-core .super-content .notion-root, body.etb-page-admin-core .notion-page-content { width: min(1180px, 100vw - 96px) !important; max-width: none !important; margin: 0 auto !important; padding-top: 34px !important; padding-bottom: 72px !important; } /* ===================================================================== 2. HIDE GENERATED NOTION / SUPER PAGE TITLE Only the designed core pages hide generated titles. Generic/admin/member-detail pages keep Super's native page title so title and content stay naturally aligned. ===================================================================== */ body.etb-page-home .notion-page-title, body.etb-page-home .notion-page-title-text, body.etb-page-home .notion-page-header, body.etb-page-home .notion-page__title, body.etb-page-home .super-page-title, body.etb-page-home .super-title, body.etb-page-home .super-content-header, body.etb-page-home header.notion-page-header, body.etb-page-home [class*=notion-page-title], body.etb-page-home [class*=page-title], body.etb-page-home [class*=pageTitle], body.etb-page-home [class*=PageTitle], body.etb-page-board .notion-page-title, body.etb-page-board .notion-page-title-text, body.etb-page-board .notion-page-header, body.etb-page-board .notion-page__title, body.etb-page-board .super-page-title, body.etb-page-board .super-title, body.etb-page-board .super-content-header, body.etb-page-board header.notion-page-header, body.etb-page-board [class*=notion-page-title], body.etb-page-board [class*=page-title], body.etb-page-board [class*=pageTitle], body.etb-page-board [class*=PageTitle], body.etb-page-calendar .notion-page-title, body.etb-page-calendar .notion-page-title-text, body.etb-page-calendar .notion-page-header, body.etb-page-calendar .notion-page__title, body.etb-page-calendar .super-page-title, body.etb-page-calendar .super-title, body.etb-page-calendar .super-content-header, body.etb-page-calendar header.notion-page-header, body.etb-page-calendar [class*=notion-page-title], body.etb-page-calendar [class*=page-title], body.etb-page-calendar [class*=pageTitle], body.etb-page-calendar [class*=PageTitle], body.etb-page-insights .notion-page-title, body.etb-page-insights .notion-page-title-text, body.etb-page-insights .notion-page-header, body.etb-page-insights .notion-page__title, body.etb-page-insights .super-page-title, body.etb-page-insights .super-title, body.etb-page-insights .super-content-header, body.etb-page-insights header.notion-page-header, body.etb-page-insights [class*=notion-page-title], body.etb-page-insights [class*=page-title], body.etb-page-insights [class*=pageTitle], body.etb-page-insights [class*=PageTitle], body.etb-page-about .notion-page-title, body.etb-page-about .notion-page-title-text, body.etb-page-about .notion-page-header, body.etb-page-about .notion-page__title, body.etb-page-about .super-page-title, body.etb-page-about .super-title, body.etb-page-about .super-content-header, body.etb-page-about header.notion-page-header, body.etb-page-about [class*=notion-page-title], body.etb-page-about [class*=page-title], body.etb-page-about [class*=pageTitle], body.etb-page-about [class*=PageTitle], body.etb-page-admin-core .notion-page-title, body.etb-page-admin-core .notion-page-title-text, body.etb-page-admin-core .notion-page-header, body.etb-page-admin-core .notion-page__title, body.etb-page-admin-core .super-page-title, body.etb-page-admin-core .super-title, body.etb-page-admin-core .super-content-header, body.etb-page-admin-core header.notion-page-header, body.etb-page-admin-core [class*=notion-page-title], body.etb-page-admin-core [class*=page-title], body.etb-page-admin-core [class*=pageTitle], body.etb-page-admin-core [class*=PageTitle] { display: none !important; visibility: hidden !important; height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* ===================================================================== 3. NAVIGATION/* ===================================================================== 3. NAVIGATION ===================================================================== */ .super-navbar, nav { background: var(--bg-nav) !important; border-bottom: 1px solid var(--line) !important; min-height: 64px !important; box-shadow: none !important; } .super-navbar__content { width: min(1180px, 100vw - 96px) !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; } .etb-brand, .etb-brand *, .super-navbar__logo, .super-navbar__logo *, .super-navbar__logo a, .super-navbar__logo span, [class*=navbar] [class*=logo], [class*=navbar] [class*=logo] * { color: var(--muted) !important; font-family: var(--sans) !important; font-size: 10.5px !important; font-weight: 500 !important; letter-spacing: 0.02em !important; text-transform: none !important; opacity: 1 !important; text-shadow: none !important; } .super-navbar__logo::before { content: ""; display: inline-block; width: 6px !important; height: 6px !important; margin-right: 9px !important; border-radius: 50%; background: var(--accent) !important; box-shadow: 0 0 5px rgba(224, 169, 58, 0.28) !important; opacity: 0.72 !important; vertical-align: 0px !important; } .super-navbar a, .super-navbar__item a, nav a { color: var(--muted) !important; font-family: var(--mono) !important; font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0.01em !important; text-decoration: none !important; } .super-navbar a:hover, .super-navbar__item--active a, nav a:hover { color: var(--text) !important; } /* ===================================================================== 4. GLOBAL TYPOGRAPHY H1 / first H2 are now consistent across Home, Board, Calendar, etc. ===================================================================== */ .super-content h1, .notion-page-content h1, h1.notion-heading, .notion-header-block .notranslate { display: block !important; visibility: visible !important; height: auto !important; overflow: visible !important; color: var(--text) !important; font-family: var(--sans) !important; font-size: clamp(36px, 4.1vw, 56px) !important; font-weight: 500 !important; line-height: 1.04 !important; letter-spacing: -0.05em !important; margin: 0 !important; padding: 0 !important; } /* First H2 acts as the large gray second-line subtitle on pages that have it */ .super-content h2:first-of-type, .notion-page-content h2:first-of-type, .notion-sub_header-block:first-of-type .notranslate { color: var(--subtitle) !important; font-family: var(--sans) !important; font-size: clamp(36px, 4.1vw, 56px) !important; font-weight: 500 !important; line-height: 1.04 !important; letter-spacing: -0.05em !important; margin: 2px 0 22px 0 !important; padding: 0 !important; } /* Later section headings */ .super-content h2:not(:first-of-type), .notion-page-content h2:not(:first-of-type), h2.notion-heading:not(:first-of-type) { color: var(--text) !important; font-family: var(--sans) !important; font-size: clamp(24px, 2.1vw, 32px) !important; font-weight: 500 !important; line-height: 1.14 !important; letter-spacing: -0.035em !important; margin: 56px 0 18px 0 !important; } /* Body text */ p, .super-content p, .super-content p.notion-text, .notion-page-content p, .notion-text { color: var(--muted) !important; font-family: var(--sans) !important; font-size: 13.5px !important; line-height: 1.55 !important; } .super-content a, .notion-page-content a { color: var(--accent) !important; text-decoration: none !important; font-weight: 500 !important; } .super-content a:hover, .notion-page-content a:hover { opacity: 0.82 !important; } .super-content strong, .super-content b, .notion-page-content strong, .notion-page-content b { color: var(--text) !important; font-weight: 500 !important; } /* General readable text width. Page wrappers can be wide, but paragraphs should not run full width. */ body:not(.etb-page-home) .notion-page-content > p, body:not(.etb-page-home) .notion-page-content > .notion-text { max-width: 620px !important; } /* ===================================================================== 5. AMBER MARKER SYSTEM In Notion: Ctrl+E / Cmd+E = amber text. Applies across all pages, including nested admin/member pages. ===================================================================== */ .super-content code, .super-content .notion-inline-code, .super-content [class*=inline-code], .super-content [class*=InlineCode], .super-content [class*=notion-inline-code], .super-content .notion-semantic-string code, .super-content .notion-semantic-string .notion-inline-code, .super-content [style*=monospace], .super-content [style*=Mono], .notion-page-content code, .notion-page-content .notion-inline-code, .notion-page-content [class*=inline-code], .notion-page-content [class*=InlineCode], .notion-page-content [class*=notion-inline-code], .notion-page-content .notion-semantic-string code, .notion-page-content .notion-semantic-string .notion-inline-code, .notion-page-content [style*=monospace], .notion-page-content [style*=Mono] { color: var(--accent) !important; background: transparent !important; border: 0 !important; padding: 0 !important; opacity: 1 !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; text-transform: none !important; white-space: normal !important; } /* ===================================================================== 5A. GRAY LINE MARKER Body script tags exact gray subtitle lines. This restores the Board second line without separate one-off scripts. ===================================================================== */ /* Italic in Notion = gray accent, not actual italic */ .super-content em, .notion-page-content em, .notion-text em, .notion-callout em, .notion-column-list em { color: var(--subtitle) !important; font-style: normal !important; } .etb-gray-line, .etb-gray-line *, .super-content h1 em, .super-content h2 em, .notion-page-content h1 em, .notion-page-content h2 em, .notion-header-block em, .notion-sub_header-block em { color: var(--subtitle) !important; font-style: normal !important; opacity: 1 !important; } /* ===================================================================== 6. HOME PAGE ===================================================================== */ body.etb-page-home .super-content h2:first-of-type + p, body.etb-page-home .notion-page-content h2:first-of-type + p, body.etb-page-home .notion-sub_header-block:first-of-type + .notion-text { max-width: 620px !important; color: var(--muted) !important; font-size: 13.75px !important; line-height: 1.55 !important; margin: 0 0 26px 0 !important; } /* Home CTA row */ body.etb-page-home .notion-column-list:not(:has(code)):not(:has(.notion-inline-code)):has(.notion-callout) { width: 620px !important; max-width: 100% !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; margin: 32px 0 52px 0 !important; padding: 0 !important; background: transparent !important; border: none !important; } body.etb-page-home .notion-column-list:not(:has(code)):not(:has(.notion-inline-code)):has(.notion-callout) > .notion-column { width: auto !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important; } body.etb-page-home .notion-column-list:not(:has(code)):not(:has(.notion-inline-code)):has(.notion-callout) .notion-callout { width: 100% !important; height: 46px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 22px !important; margin: 0 !important; border-radius: var(--radius) !important; white-space: nowrap !important; box-shadow: none !important; } body.etb-page-home .notion-column-list:not(:has(code)):not(:has(.notion-inline-code)):has(.notion-callout) .notion-callout .notion-callout__icon { display: none !important; } body.etb-page-home .notion-column-list:not(:has(code)):not(:has(.notion-inline-code)):has(.notion-callout) .notion-callout .notion-callout__content { padding-left: 0 !important; } body.etb-page-home .notion-column-list:not(:has(code)):not(:has(.notion-inline-code)):has(.notion-callout) > .notion-column:first-child .notion-callout { background: var(--accent) !important; border: 1px solid var(--accent) !important; } body.etb-page-home .notion-column-list:not(:has(code)):not(:has(.notion-inline-code)):has(.notion-callout) > .notion-column:first-child .notion-callout a { color: var(--accent-ink) !important; } body.etb-page-home .notion-column-list:not(:has(code)):not(:has(.notion-inline-code)):has(.notion-callout) > .notion-column:nth-child(2) .notion-callout { background: transparent !important; border: 1px solid var(--line) !important; } body.etb-page-home .notion-column-list:not(:has(code)):not(:has(.notion-inline-code)):has(.notion-callout) > .notion-column:nth-child(2) .notion-callout a { color: var(--text) !important; } body.etb-page-home .notion-column-list:not(:has(code)):not(:has(.notion-inline-code)):has(.notion-callout) .notion-callout a { font-family: var(--mono) !important; font-size: 12.5px !important; font-weight: 600 !important; letter-spacing: 0.015em !important; text-decoration: none !important; } /* Home stat stripe */ body.etb-page-home .notion-column-list:has(code), body.etb-page-home .notion-column-list:has(.notion-inline-code) { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; width: 100% !important; margin: 0 0 44px 0 !important; padding: 0 !important; background: var(--bg-2) !important; border-top: 1px solid var(--line) !important; border-bottom: 1px solid var(--line) !important; } body.etb-page-home .notion-column-list:has(code) > .notion-column, body.etb-page-home .notion-column-list:has(.notion-inline-code) > .notion-column { min-width: 0 !important; width: auto !important; flex: none !important; padding: 30px 28px !important; margin: 0 !important; border-right: 1px solid var(--line) !important; background: transparent !important; } body.etb-page-home .notion-column-list:has(code) > .notion-column:last-child, body.etb-page-home .notion-column-list:has(.notion-inline-code) > .notion-column:last-child { border-right: none !important; } /* Home stat labels keep special treatment */ body.etb-page-home .notion-column-list:has(code) code, body.etb-page-home .notion-column-list:has(.notion-inline-code) .notion-inline-code { display: block !important; margin: 0 0 18px 0 !important; color: var(--accent) !important; font-family: var(--mono) !important; font-size: 10.75px !important; line-height: 1 !important; letter-spacing: 0.13em !important; text-transform: uppercase !important; background: transparent !important; padding: 0 !important; border: 0 !important; opacity: 0.95 !important; } body.etb-page-home .notion-column-list:has(code) h1, body.etb-page-home .notion-column-list:has(.notion-inline-code) h1, body.etb-page-home .notion-column-list:has(code) .notion-header-block .notranslate, body.etb-page-home .notion-column-list:has(.notion-inline-code) .notion-header-block .notranslate { display: block !important; visibility: visible !important; color: var(--text) !important; font-family: var(--sans) !important; font-size: clamp(34px, 3.2vw, 48px) !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: -0.04em !important; margin: 0 0 12px 0 !important; white-space: nowrap !important; } body.etb-page-home .notion-column-list:has(code) p, body.etb-page-home .notion-column-list:has(.notion-inline-code) p, body.etb-page-home .notion-column-list:has(code) .notion-text, body.etb-page-home .notion-column-list:has(.notion-inline-code) .notion-text { color: var(--muted) !important; font-family: var(--sans) !important; font-size: 13.5px !important; line-height: 1.45 !important; margin: 0 !important; } /* ===================================================================== 7. BOARD PAGE / INTERIOR CARDS Page uses the same left edge as Home, but content blocks are capped so the layout does not free-flow across the full wrapper. ===================================================================== */ /* Board content width guardrail */ body.etb-page-board .notion-page-content > *, body.etb-page-board .super-content .notion-page-content > *, body.etb-page-board .notion-root > * { max-width: 880px !important; } /* Board subtitle: exact gray line, non-italic */ body.etb-page-board .etb-gray-line, body.etb-page-board .etb-gray-line *, body.etb-page-board .super-content h2:first-of-type, body.etb-page-board .notion-page-content h2:first-of-type, body.etb-page-board .super-content h2:first-of-type *, body.etb-page-board .notion-page-content h2:first-of-type * { color: var(--subtitle) !important; font-style: normal !important; font-family: var(--sans) !important; font-size: clamp(36px, 4.1vw, 56px) !important; font-weight: 500 !important; line-height: 1.04 !important; letter-spacing: -0.05em !important; } /* Basic interior callout reset */ body:not(.etb-page-home) .notion-callout { border-radius: var(--radius) !important; box-shadow: none !important; } body:not(.etb-page-home) .notion-callout .notion-callout__icon { display: none !important; } body:not(.etb-page-home) .notion-callout .notion-callout__content { padding-left: 0 !important; } /* Board card grid: restored to controlled width */ body.etb-page-board .notion-column-list:has(.notion-callout) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; width: 780px !important; max-width: 780px !important; margin: 34px 0 28px 0 !important; padding: 0 !important; background: transparent !important; border: none !important; } body.etb-page-board .notion-column-list:has(.notion-callout) > .notion-column { width: auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 18px !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; } body.etb-page-board .notion-column-list:has(.notion-callout) .notion-callout { display: block !important; width: auto !important; height: auto !important; min-height: 104px !important; padding: 22px 24px !important; margin: 0 !important; background: var(--panel) !important; border: 1px solid var(--line) !important; white-space: normal !important; } /* Board card headings */ body.etb-page-board .notion-column-list:has(.notion-callout) .notion-callout strong, body.etb-page-board .notion-column-list:has(.notion-callout) .notion-callout b, body.etb-page-board .notion-column-list:has(.notion-callout) .notion-callout code, body.etb-page-board .notion-column-list:has(.notion-callout) .notion-callout .notion-inline-code { color: var(--accent) !important; font-family: var(--sans) !important; font-size: 13px !important; line-height: 1.3 !important; font-weight: 500 !important; } /* Board card body */ body.etb-page-board .notion-column-list:has(.notion-callout) .notion-callout, body.etb-page-board .notion-column-list:has(.notion-callout) .notion-callout p, body.etb-page-board .notion-column-list:has(.notion-callout) .notion-callout .notion-text { color: var(--muted) !important; font-family: var(--sans) !important; font-size: 12.75px !important; line-height: 1.42 !important; } /* Non-board interior card fallback */ body:not(.etb-page-home):not(.etb-page-board) .notion-column-list:has(.notion-callout) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; width: min(960px, 100%) !important; margin: 34px 0 28px 0 !important; padding: 0 !important; background: transparent !important; border: none !important; } body:not(.etb-page-home):not(.etb-page-board) .notion-column-list:has(.notion-callout) > .notion-column { width: auto !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; } body:not(.etb-page-home):not(.etb-page-board) .notion-column-list:has(.notion-callout) .notion-callout { display: block !important; min-height: 104px !important; padding: 22px 24px !important; background: var(--panel) !important; border: 1px solid var(--line) !important; } /* Board question columns: capped width */ body.etb-page-board .notion-column-list:not(:has(.notion-callout)):not(:has(.notion-to-do)):not(:has(.notion-checkbox)):not(:has([class*=to-do])):not(:has([class*=to_do])) { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 28px !important; width: 880px !important; max-width: 880px !important; margin: 20px 0 38px 0 !important; } /* Board signal / checkbox columns: two columns, capped width */ body.etb-page-board .notion-column-list:has(.notion-to-do), body.etb-page-board .notion-column-list:has(.notion-checkbox), body.etb-page-board .notion-column-list:has([class*=to-do]), body.etb-page-board .notion-column-list:has([class*=to_do]) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 42px !important; width: 820px !important; max-width: 820px !important; margin: 24px 0 48px 0 !important; } body.etb-page-board .notion-column-list:not(:has(.notion-callout)) > .notion-column { width: auto !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; } /* Board checkbox / signal text: restore normal body scale */ body.etb-page-board .notion-to-do, body.etb-page-board .notion-checkbox, body.etb-page-board .notion-to_do-block, body.etb-page-board [class*=to-do], body.etb-page-board [class*=to_do] { color: var(--muted) !important; font-family: var(--sans) !important; font-size: 13.5px !important; line-height: 1.55 !important; font-weight: 400 !important; letter-spacing: 0 !important; } body.etb-page-board .notion-to-do *, body.etb-page-board .notion-checkbox *, body.etb-page-board .notion-to_do-block *, body.etb-page-board [class*=to-do] *, body.etb-page-board [class*=to_do] * { color: inherit !important; font-family: var(--sans) !important; font-size: 13.5px !important; line-height: 1.55 !important; font-weight: 400 !important; letter-spacing: 0 !important; } body.etb-page-board .notion-to-do code, body.etb-page-board .notion-to-do .notion-inline-code, body.etb-page-board .notion-checkbox code, body.etb-page-board .notion-checkbox .notion-inline-code, body.etb-page-board .notion-to_do-block code, body.etb-page-board .notion-to_do-block .notion-inline-code, body.etb-page-board [class*=to-do] code, body.etb-page-board [class*=to-do] .notion-inline-code, body.etb-page-board [class*=to_do] code, body.etb-page-board [class*=to_do] .notion-inline-code { color: var(--accent) !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; } /* Board final CTA */ body.etb-page-board .notion-page-content a, body.etb-page-board .super-content .notion-page-content a, body.etb-page-board .notion-root a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 240px !important; min-width: 220px !important; max-width: 100% !important; height: 46px !important; padding: 0 22px !important; margin-top: 18px !important; background: var(--accent) !important; border: 1px solid var(--accent) !important; color: var(--accent-ink) !important; border-radius: var(--radius) !important; font-family: var(--mono) !important; font-size: 12.5px !important; font-weight: 600 !important; letter-spacing: 0.015em !important; text-decoration: none !important; } /* ===================================================================== 8. INTERIOR TEXT COLUMNS General fallback for non-Home / non-Board pages. Board has its own width-capped rules above. ===================================================================== */ body:not(.etb-page-home):not(.etb-page-board) .notion-column-list:not(:has(.notion-callout)):not(:has(code)):not(:has(.notion-inline-code)) { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 28px !important; width: min(960px, 100%) !important; margin: 20px 0 38px 0 !important; } body:not(.etb-page-home):not(.etb-page-board) .notion-column-list:not(:has(.notion-callout)):not(:has(code)):not(:has(.notion-inline-code)) > .notion-column { width: auto !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; } /* Board final layout locks: keep wide page alignment, but cap modules */ body.etb-page-board .notion-column-list:has(.notion-callout), body.etb-page-board .notion-column-list:has(.notion-callout) { width: 760px !important; max-width: 760px !important; min-width: 0 !important; justify-self: start !important; margin-left: 0 !important; margin-right: 0 !important; } body.etb-page-board .notion-column-list:has(.notion-callout) .notion-callout { max-width: 100% !important; box-sizing: border-box !important; } body.etb-page-board .notion-column-list:has(.notion-to-do), body.etb-page-board .notion-column-list:has(.notion-checkbox), body.etb-page-board .notion-column-list:has([class*=to-do]), body.etb-page-board .notion-column-list:has([class*=to_do]) { width: 760px !important; max-width: 760px !important; gap: 34px !important; margin-left: 0 !important; margin-right: 0 !important; } body.etb-page-board .notion-column-list:not(:has(.notion-callout)):not(:has(.notion-to-do)):not(:has(.notion-checkbox)):not(:has([class*=to-do])):not(:has([class*=to_do])) { width: 880px !important; max-width: 880px !important; margin-left: 0 !important; margin-right: 0 !important; } body.etb-page-board .notion-page-content > p, body.etb-page-board .notion-page-content > .notion-text { max-width: 880px !important; } /* CTA buttons: never wrap to two lines */ body.etb-page-board .notion-page-content a, body.etb-page-calendar .notion-page-content a[href*=register], body.etb-page-calendar .notion-root a[href*=register] { white-space: nowrap !important; box-sizing: border-box !important; } /* Calendar amber locations should stay Helvetica/sans, matching the lower list */ body.etb-page-calendar table td:nth-child(1), body.etb-page-calendar table td:nth-child(1) *, body.etb-page-calendar .notion-simple-table-cell:nth-child(1), body.etb-page-calendar .notion-simple-table-cell:nth-child(1) *, body.etb-page-calendar h2:not(:first-of-type) ~ p code, body.etb-page-calendar h2:not(:first-of-type) ~ p .notion-inline-code, body.etb-page-calendar h2:not(:first-of-type) ~ .notion-text code, body.etb-page-calendar h2:not(:first-of-type) ~ .notion-text .notion-inline-code, body.etb-page-calendar h2:not(:first-of-type) + p code, body.etb-page-calendar h2:not(:first-of-type) + p .notion-inline-code, body.etb-page-calendar h2:not(:first-of-type) + .notion-text code, body.etb-page-calendar h2:not(:first-of-type) + .notion-text .notion-inline-code { font-family: var(--sans) !important; } /* ===================================================================== 9. CALENDAR PAGE Current structure: H1 + H2 + intro paragraph + table + Register link + Previous Meetings H2 + second table. Both Calendar tables share the same treatment. ===================================================================== */ /* Calendar H1: first line */ body.etb-page-calendar .super-content h1, body.etb-page-calendar .notion-page-content h1, body.etb-page-calendar .notion-header-block .notranslate { margin-bottom: 0 !important; } /* Calendar first H2 = large gray second line, consistent with Home / Board */ body.etb-page-calendar .super-content h2:first-of-type, body.etb-page-calendar .notion-page-content h2:first-of-type, body.etb-page-calendar h2.notion-heading:first-of-type { color: var(--subtitle) !important; font-family: var(--sans) !important; font-size: clamp(36px, 4.1vw, 56px) !important; font-weight: 500 !important; line-height: 1.04 !important; letter-spacing: -0.05em !important; margin: 2px 0 22px 0 !important; padding: 0 !important; font-style: normal !important; } /* Calendar intro paragraph — same readable width as Home */ body.etb-page-calendar .super-content h2:first-of-type + p, body.etb-page-calendar .notion-page-content h2:first-of-type + p, body.etb-page-calendar .notion-sub_header-block:first-of-type + .notion-text { max-width: 620px !important; color: var(--muted) !important; font-size: 13.25px !important; line-height: 1.55 !important; margin: 0 0 34px 0 !important; font-style: normal !important; } /* Calendar later H2s = normal section headings, e.g. Previous Meetings */ body.etb-page-calendar .super-content h2:not(:first-of-type), body.etb-page-calendar .notion-page-content h2:not(:first-of-type), body.etb-page-calendar h2.notion-heading:not(:first-of-type) { color: var(--text) !important; font-family: var(--sans) !important; font-size: clamp(24px, 2.1vw, 32px) !important; line-height: 1.14 !important; letter-spacing: -0.035em !important; margin: 46px 0 16px 0 !important; } /* Calendar tables: visible faint grid */ body.etb-page-calendar table, body.etb-page-calendar .notion-simple-table, body.etb-page-calendar .notion-simple-table-block { width: 640px !important; max-width: 100% !important; margin: 18px 0 22px 0 !important; padding: 0 !important; border-collapse: collapse !important; border-spacing: 0 !important; background: transparent !important; border: 1px solid rgba(46, 46, 54, 0.55) !important; box-shadow: none !important; } /* Every row gets a horizontal rule */ body.etb-page-calendar table tr, body.etb-page-calendar .notion-simple-table-row { height: auto !important; min-height: 0 !important; background: transparent !important; border-top: 1px solid rgba(46, 46, 54, 0.55) !important; border-bottom: 1px solid rgba(46, 46, 54, 0.55) !important; } /* Every cell gets faint outline */ body.etb-page-calendar table td, body.etb-page-calendar table th, body.etb-page-calendar .notion-simple-table-cell { height: auto !important; min-height: 0 !important; padding: 5px 10px !important; vertical-align: top !important; background: transparent !important; border: 1px solid rgba(46, 46, 54, 0.55) !important; box-shadow: none !important; color: var(--calendar-text) !important; font-family: var(--sans) !important; font-size: 11.75px !important; line-height: 1.45 !important; font-weight: 400 !important; } /* Remove internal Notion spacing inside table cells */ body.etb-page-calendar table td *, body.etb-page-calendar table th *, body.etb-page-calendar .notion-simple-table-cell *, body.etb-page-calendar table td p, body.etb-page-calendar table th p, body.etb-page-calendar .notion-simple-table-cell p, body.etb-page-calendar .notion-simple-table-cell .notion-text { margin: 0 !important; padding: 0 !important; color: inherit !important; font-size: 11.75px !important; line-height: 1.45 !important; font-weight: 400 !important; } /* Column widths */ body.etb-page-calendar table td:nth-child(1), body.etb-page-calendar table th:nth-child(1), body.etb-page-calendar .notion-simple-table-row .notion-simple-table-cell:nth-child(1) { width: 105px !important; padding-right: 20px !important; white-space: nowrap !important; } body.etb-page-calendar table td:nth-child(2), body.etb-page-calendar table th:nth-child(2), body.etb-page-calendar .notion-simple-table-row .notion-simple-table-cell:nth-child(2) { width: 145px !important; padding-right: 28px !important; white-space: nowrap !important; } body.etb-page-calendar table td:nth-child(3), body.etb-page-calendar table th:nth-child(3), body.etb-page-calendar .notion-simple-table-row .notion-simple-table-cell:nth-child(3) { width: auto !important; } /* First column — amber, but Helvetica/sans, not typewriter */ body.etb-page-calendar table td:nth-child(1), body.etb-page-calendar table td:nth-child(1) *, body.etb-page-calendar .notion-simple-table-row .notion-simple-table-cell:nth-child(1), body.etb-page-calendar .notion-simple-table-row .notion-simple-table-cell:nth-child(1) * { color: var(--accent) !important; font-family: var(--sans) !important; letter-spacing: 0 !important; } /* Other columns — gray */ body.etb-page-calendar table td:nth-child(2), body.etb-page-calendar table td:nth-child(2) *, body.etb-page-calendar table td:nth-child(3), body.etb-page-calendar table td:nth-child(3) *, body.etb-page-calendar .notion-simple-table-row .notion-simple-table-cell:nth-child(2), body.etb-page-calendar .notion-simple-table-row .notion-simple-table-cell:nth-child(2) *, body.etb-page-calendar .notion-simple-table-row .notion-simple-table-cell:nth-child(3), body.etb-page-calendar .notion-simple-table-row .notion-simple-table-cell:nth-child(3) * { color: var(--calendar-text) !important; font-family: var(--sans) !important; } /* Calendar Register CTA */ body.etb-page-calendar .notion-page-content > p:has(a[href*=register]), body.etb-page-calendar .notion-page-content > .notion-text:has(a[href*=register]) { margin: 18px 0 36px 0 !important; padding: 0 !important; } body.etb-page-calendar .notion-page-content a[href*=register], body.etb-page-calendar .notion-root a[href*=register] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 220px !important; min-width: 220px !important; height: 42px !important; padding: 0 22px !important; margin: 0 !important; background: var(--accent) !important; border: 1px solid var(--accent) !important; color: var(--accent-ink) !important; border-radius: var(--radius) !important; font-family: var(--mono) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.015em !important; text-decoration: none !important; white-space: nowrap !important; box-sizing: border-box !important; } /* Do not turn links inside tables into buttons */ body.etb-page-calendar table a, body.etb-page-calendar .notion-simple-table a { display: inline !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; color: var(--accent) !important; font-family: inherit !important; font-size: inherit !important; } /* ===================================================================== 9A. ABOUT PAGE About uses standard hero typography plus a Home-style CTA row. Width system: - Page wrapper: same as Home / all pages - Long body text: 620px - Institutional columns: 880px - CTA row: 620px ===================================================================== */ /* About body text should not run too wide */ body.etb-page-about .notion-page-content > p, body.etb-page-about .notion-page-content > .notion-text { max-width: 620px !important; } /* About first H1/H2 use the global Home-style hero treatment */ body.etb-page-about h1, body.etb-page-about .notion-header-block .notranslate { margin-bottom: 0 !important; } body.etb-page-about h2:first-of-type, body.etb-page-about h2:first-of-type *, body.etb-page-about .notion-sub_header-block:first-of-type, body.etb-page-about .notion-sub_header-block:first-of-type *, body.etb-page-about .notion-sub_header-block:first-of-type .notranslate { color: var(--subtitle) !important; font-family: var(--sans) !important; font-size: clamp(36px, 4.1vw, 56px) !important; font-weight: 500 !important; line-height: 1.04 !important; letter-spacing: -0.05em !important; margin: 2px 0 22px 0 !important; padding: 0 !important; font-style: normal !important; } /* Any later About H2s are normal section headings */ body.etb-page-about h2:not(:first-of-type), body.etb-page-about .notion-sub_header-block:not(:first-of-type) { color: var(--text) !important; font-family: var(--sans) !important; font-size: clamp(24px, 2.1vw, 32px) !important; line-height: 1.14 !important; letter-spacing: -0.035em !important; margin: 46px 0 16px 0 !important; } /* About top institutional columns */ body.etb-page-about .notion-column-list:not(:has(.notion-callout)) { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 48px !important; width: 880px !important; max-width: 880px !important; margin: 28px 0 64px 0 !important; } body.etb-page-about .notion-column-list:not(:has(.notion-callout)) > .notion-column { width: auto !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; } /* About membership CTA row: exactly the Home two-button pattern */ body.etb-page-about .notion-column-list:has(.notion-callout) { width: 620px !important; max-width: 100% !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; margin: 32px 0 52px 0 !important; padding: 0 !important; background: transparent !important; border: none !important; } body.etb-page-about .notion-column-list:has(.notion-callout) > .notion-column { width: auto !important; min-width: 0 !important; flex: none !important; display: block !important; padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important; } body.etb-page-about .notion-column-list:has(.notion-callout) .notion-callout { width: 100% !important; max-width: none !important; min-width: 0 !important; height: 46px !important; min-height: 46px !important; max-height: 46px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 22px !important; margin: 0 !important; border-radius: var(--radius) !important; white-space: nowrap !important; box-shadow: none !important; box-sizing: border-box !important; overflow: hidden !important; } body.etb-page-about .notion-column-list:has(.notion-callout) .notion-callout .notion-callout__icon { display: none !important; } body.etb-page-about .notion-column-list:has(.notion-callout) .notion-callout .notion-callout__content { padding-left: 0 !important; margin: 0 !important; width: auto !important; } body.etb-page-about .notion-column-list:has(.notion-callout) .notion-callout p, body.etb-page-about .notion-column-list:has(.notion-callout) .notion-callout .notion-text, body.etb-page-about .notion-column-list:has(.notion-callout) .notion-callout a { margin: 0 !important; padding: 0 !important; line-height: 1 !important; white-space: nowrap !important; } /* First About CTA */ body.etb-page-about .notion-column-list:has(.notion-callout) > .notion-column:first-child .notion-callout { background: var(--accent) !important; border: 1px solid var(--accent) !important; } body.etb-page-about .notion-column-list:has(.notion-callout) > .notion-column:first-child .notion-callout a { color: var(--accent-ink) !important; } /* Second About CTA */ body.etb-page-about .notion-column-list:has(.notion-callout) > .notion-column:nth-child(2) .notion-callout { background: transparent !important; border: 1px solid var(--line) !important; } body.etb-page-about .notion-column-list:has(.notion-callout) > .notion-column:nth-child(2) .notion-callout a { color: var(--text) !important; } /* About CTA text */ body.etb-page-about .notion-column-list:has(.notion-callout) .notion-callout a { font-family: var(--mono) !important; font-size: 12.5px !important; font-weight: 600 !important; letter-spacing: 0.015em !important; text-decoration: none !important; } /* Narrow screens */ @media (max-width: 900px) { body.etb-page-about .notion-column-list:not(:has(.notion-callout)) { grid-template-columns: 1fr !important; width: 100% !important; max-width: 100% !important; gap: 24px !important; } body.etb-page-about .notion-column-list:has(.notion-callout) { grid-template-columns: 1fr !important; width: 100% !important; max-width: 100% !important; } body.etb-page-about .notion-column-list:has(.notion-callout) .notion-callout { width: 100% !important; } } /* About CTA — robust tagged version from Body script */ body.etb-page-about .etb-about-cta-row { width: 620px !important; max-width: 100% !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; margin: 32px 0 52px 0 !important; padding: 0 !important; background: transparent !important; border: none !important; } body.etb-page-about .etb-about-cta-row > .notion-column, body.etb-page-about .etb-about-cta-row > [class*=column] { width: auto !important; min-width: 0 !important; flex: none !important; display: block !important; padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important; } body.etb-page-about .etb-about-cta-card { width: 100% !important; max-width: none !important; min-width: 0 !important; height: 46px !important; min-height: 46px !important; max-height: 46px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 22px !important; margin: 0 !important; border-radius: var(--radius) !important; white-space: nowrap !important; box-shadow: none !important; box-sizing: border-box !important; overflow: hidden !important; } body.etb-page-about .etb-about-cta-card .notion-callout__icon, body.etb-page-about .etb-about-cta-card [class*=icon] { display: none !important; } body.etb-page-about .etb-about-cta-card .notion-callout__content, body.etb-page-about .etb-about-cta-card p, body.etb-page-about .etb-about-cta-card .notion-text, body.etb-page-about .etb-about-cta-card .etb-about-cta-link { margin: 0 !important; padding: 0 !important; min-height: 0 !important; height: auto !important; line-height: 1 !important; white-space: nowrap !important; } body.etb-page-about .etb-about-cta-primary { background: var(--accent) !important; border: 1px solid var(--accent) !important; } body.etb-page-about .etb-about-cta-primary .etb-about-cta-link { color: var(--accent-ink) !important; } body.etb-page-about .etb-about-cta-secondary { background: transparent !important; border: 1px solid var(--line) !important; } body.etb-page-about .etb-about-cta-secondary .etb-about-cta-link { color: var(--text) !important; } body.etb-page-about .etb-about-cta-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; font-family: var(--mono) !important; font-size: 12.5px !important; font-weight: 600 !important; letter-spacing: 0.015em !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; } @media (max-width: 900px) { body.etb-page-about .etb-about-cta-row { grid-template-columns: 1fr !important; width: 100% !important; } } /* ===================================================================== 9B. GENERIC / LEGACY CONTENT PAGES These pages keep Super's native title/content alignment. We only apply ETB colors and text conventions — no wrapper moves. ===================================================================== */ /* Generic text colors and emphasis */ body:not(.etb-page-home):not(.etb-page-board):not(.etb-page-calendar):not(.etb-page-insights):not(.etb-page-about):not(.etb-page-admin-core):not(.etb-page-insight-article) .super-content, body:not(.etb-page-home):not(.etb-page-board):not(.etb-page-calendar):not(.etb-page-insights):not(.etb-page-about):not(.etb-page-admin-core):not(.etb-page-insight-article) .notion-page-content, body:not(.etb-page-home):not(.etb-page-board):not(.etb-page-calendar):not(.etb-page-insights):not(.etb-page-about):not(.etb-page-admin-core):not(.etb-page-insight-article) .notion-root { background: var(--bg) !important; color: var(--muted) !important; font-family: var(--sans) !important; } body:not(.etb-page-home):not(.etb-page-board):not(.etb-page-calendar):not(.etb-page-insights):not(.etb-page-about):not(.etb-page-admin-core):not(.etb-page-insight-article) p, body:not(.etb-page-home):not(.etb-page-board):not(.etb-page-calendar):not(.etb-page-insights):not(.etb-page-about):not(.etb-page-admin-core):not(.etb-page-insight-article) .notion-text { color: var(--muted) !important; font-family: var(--sans) !important; font-size: 13.5px !important; line-height: 1.55 !important; } body:not(.etb-page-home):not(.etb-page-board):not(.etb-page-calendar):not(.etb-page-insights):not(.etb-page-about):not(.etb-page-admin-core):not(.etb-page-insight-article) strong, body:not(.etb-page-home):not(.etb-page-board):not(.etb-page-calendar):not(.etb-page-insights):not(.etb-page-about):not(.etb-page-admin-core):not(.etb-page-insight-article) b { color: var(--text) !important; font-weight: 500 !important; } body:not(.etb-page-home):not(.etb-page-board):not(.etb-page-calendar):not(.etb-page-insights):not(.etb-page-about):not(.etb-page-admin-core):not(.etb-page-insight-article) em { color: var(--subtitle) !important; font-style: normal !important; } /* Ctrl+E / inline code stays amber */ body:not(.etb-page-home):not(.etb-page-board):not(.etb-page-calendar):not(.etb-page-insights):not(.etb-page-about):not(.etb-page-admin-core):not(.etb-page-insight-article) code, body:not(.etb-page-home):not(.etb-page-board):not(.etb-page-calendar):not(.etb-page-insights):not(.etb-page-about):not(.etb-page-admin-core):not(.etb-page-insight-article) .notion-inline-code, body:not(.etb-page-home):not(.etb-page-board):not(.etb-page-calendar):not(.etb-page-insights):not(.etb-page-about):not(.etb-page-admin-core):not(.etb-page-insight-article) [class*=inline-code], body:not(.etb-page-home):not(.etb-page-board):not(.etb-page-calendar):not(.etb-page-insights):not(.etb-page-about):not(.etb-page-admin-core):not(.etb-page-insight-article) [class*=InlineCode] { color: var(--accent) !important; background: transparent !important; border: 0 !important; padding: 0 !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; } /* Links stay amber */ body:not(.etb-page-home):not(.etb-page-board):not(.etb-page-calendar):not(.etb-page-insights):not(.etb-page-about):not(.etb-page-admin-core):not(.etb-page-insight-article) a { color: var(--accent) !important; text-decoration: none !important; } /* Generic callouts are restrained */ body:not(.etb-page-home):not(.etb-page-board):not(.etb-page-calendar):not(.etb-page-insights):not(.etb-page-about):not(.etb-page-admin-core):not(.etb-page-insight-article) .notion-callout { background: var(--panel) !important; border: 1px solid var(--line) !important; border-radius: var(--radius) !important; box-shadow: none !important; } /* ===================================================================== 10. DIVIDERS / FOOTER / LISTS / IMAGES/* ===================================================================== 10. DIVIDERS / FOOTER / LISTS / IMAGES ===================================================================== */ .super-content hr, .notion-divider, .notion-horizontal-rule { border: none !important; border-top: 1px solid var(--line) !important; opacity: 0.55 !important; margin: 44px 0 30px 0 !important; } .etb-footer, .etb-footer *, .super-content .etb-footer, .notion-page-content .etb-footer { color: var(--muted) !important; font-family: var(--sans) !important; font-size: 13.5px !important; line-height: 1.45 !important; letter-spacing: 0 !important; font-weight: 400 !important; opacity: 1 !important; } .notion-quote { border-left: 2px solid var(--accent) !important; padding-left: 18px !important; color: var(--muted) !important; font-size: 15px !important; line-height: 1.6 !important; } .notion-bulleted-list { list-style: none !important; padding-left: 0 !important; } .notion-bulleted-list .notion-list-item { position: relative !important; padding-left: 18px !important; color: var(--muted) !important; font-size: 13.5px !important; line-height: 1.6 !important; margin: 3px 0 !important; } .notion-bulleted-list .notion-list-item::before { content: "○" !important; color: var(--accent) !important; font-size: 10px !important; position: absolute !important; left: 0 !important; top: 5px !important; } /* Checkbox / signal rows */ .notion-to-do, .notion-checkbox, .notion-to_do-block { color: var(--muted) !important; font-size: 13.5px !important; line-height: 1.55 !important; } .notion-image img { border: 1px solid var(--line) !important; opacity: 0.92 !important; } /* ===================================================================== 12. LEGACY NOTION COLOR COMPATIBILITY Older Notion pages used blue as the emphasis color. On the rendered ETB site, legacy blue should appear as the surrounding/default text color, even when blue text is inside headings, lists, links, or nested blocks. Keep this section near the end so it wins over heading/body rules. ===================================================================== */ .super-content .notion-blue, .super-content .notion-blue *, .super-content .notion-text-color-blue, .super-content .notion-text-color-blue *, .super-content [class*=color-blue], .super-content [class*=blue], .super-content [class*=Blue], .super-content [style*="color: blue"], .super-content [style*="color:blue"], .super-content [style*="color: #337ea9"], .super-content [style*="color:#337ea9"], .super-content [style*="color: rgb(51, 126, 169)"], .super-content [style*="color:rgb(51,126,169)"], .notion-page-content .notion-blue, .notion-page-content .notion-blue *, .notion-page-content .notion-text-color-blue, .notion-page-content .notion-text-color-blue *, .notion-page-content [class*=color-blue], .notion-page-content [class*=blue], .notion-page-content [class*=Blue], .notion-page-content [style*="color: blue"], .notion-page-content [style*="color:blue"], .notion-page-content [style*="color: #337ea9"], .notion-page-content [style*="color:#337ea9"], .notion-page-content [style*="color: rgb(51, 126, 169)"], .notion-page-content [style*="color:rgb(51,126,169)"] { color: inherit !important; } /* Legacy blue headings should stay heading-sized and inherit heading color */ .super-content h1 .notion-blue, .super-content h2 .notion-blue, .super-content h3 .notion-blue, .super-content h1 [class*=blue], .super-content h2 [class*=blue], .super-content h3 [class*=blue], .notion-page-content h1 .notion-blue, .notion-page-content h2 .notion-blue, .notion-page-content h3 .notion-blue, .notion-page-content h1 [class*=blue], .notion-page-content h2 [class*=blue], .notion-page-content h3 [class*=blue] { color: inherit !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; } /* Legacy blue links should inherit link color, not browser blue */ .super-content a.notion-blue, .super-content a .notion-blue, .super-content a[class*=blue], .notion-page-content a.notion-blue, .notion-page-content a .notion-blue, .notion-page-content a[class*=blue] { color: inherit !important; text-decoration: none !important; } /* ===================================================================== 11. RESPONSIVE ===================================================================== */ @media (max-width: 900px) { body.etb-page-home .super-content .notion-page-content, body.etb-page-home .super-content .notion-root, body.etb-page-home .notion-page-content, body.etb-page-board .super-content .notion-page-content, body.etb-page-board .super-content .notion-root, body.etb-page-board .notion-page-content, body.etb-page-calendar .super-content .notion-page-content, body.etb-page-calendar .super-content .notion-root, body.etb-page-calendar .notion-page-content, body.etb-page-insights .super-content .notion-page-content, body.etb-page-insights .super-content .notion-root, body.etb-page-insights .notion-page-content, body.etb-page-about .super-content .notion-page-content, body.etb-page-about .super-content .notion-root, body.etb-page-about .notion-page-content, body.etb-page-admin-core .super-content .notion-page-content, body.etb-page-admin-core .super-content .notion-root, body.etb-page-admin-core .notion-page-content, .super-navbar__content { width: calc(100vw - 40px) !important; } .super-content h1, .notion-page-content h1, h1.notion-heading, .notion-header-block .notranslate, .super-content h2:first-of-type, .notion-page-content h2:first-of-type, .notion-sub_header-block:first-of-type .notranslate { font-size: 42px !important; letter-spacing: -0.045em !important; } body.etb-page-home .notion-column-list:has(code), body.etb-page-home .notion-column-list:has(.notion-inline-code) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.etb-page-home .notion-column-list:not(:has(code)):not(:has(.notion-inline-code)):has(.notion-callout), body:not(.etb-page-home) .notion-column-list:has(.notion-callout), body:not(.etb-page-home) .notion-column-list:not(:has(.notion-callout)):not(:has(code)):not(:has(.notion-inline-code)) { grid-template-columns: 1fr !important; } body.etb-page-calendar table, body.etb-page-calendar .notion-simple-table, body.etb-page-calendar .notion-simple-table-block { width: 100% !important; } body.etb-page-board .notion-column-list:has(.notion-callout), body.etb-page-board .notion-column-list:has(.notion-to-do), body.etb-page-board .notion-column-list:has(.notion-checkbox), body.etb-page-board .notion-column-list:has([class*=to-do]), body.etb-page-board .notion-column-list:has([class*=to_do]), body.etb-page-board .notion-column-list:not(:has(.notion-callout)):not(:has(.notion-to-do)):not(:has(.notion-checkbox)):not(:has([class*=to-do])):not(:has([class*=to_do])) { width: 100% !important; max-width: 100% !important; } body.etb-page-board .notion-page-content a, body.etb-page-calendar .notion-page-content a[href*=register] { width: auto !important; min-width: 220px !important; max-width: calc(100vw - 40px) !important; white-space: nowrap !important; } } @media (max-width: 560px) { .super-content h1, .notion-page-content h1, h1.notion-heading, .notion-header-block .notranslate, .super-content h2:first-of-type, .notion-page-content h2:first-of-type, .notion-sub_header-block:first-of-type .notranslate { font-size: 36px !important; } body.etb-page-home .notion-column-list:has(code), body.etb-page-home .notion-column-list:has(.notion-inline-code) { grid-template-columns: 1fr !important; } body.etb-page-home .notion-column-list:has(code) > .notion-column, body.etb-page-home .notion-column-list:has(.notion-inline-code) > .notion-column { border-right: none !important; border-bottom: 1px solid var(--line) !important; } body.etb-page-home .notion-column-list:has(code) > .notion-column:last-child, body.etb-page-home .notion-column-list:has(.notion-inline-code) > .notion-column:last-child { border-bottom: none !important; } } /* ===================================================================== 13. INSIGHT ARTICLES / WHITE PAPERS Applies only to /admin/insights/[article]. The Body script assigns etb-page-insight-article. Quotations and question callouts use native Notion blocks rather than inferred formatting. ===================================================================== */ /* Editorial reading column */ body.etb-page-insight-article .super-content .notion-page-content, body.etb-page-insight-article .super-content .notion-root, body.etb-page-insight-article .notion-page-content { width: min(740px, 100vw - 96px) !important; max-width: 740px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 60px !important; } /* Compact editorial masthead: the paper should dominate the page, not the title */ body.etb-page-insight-article .notion-header__cover.no-cover { height: 64px !important; min-height: 64px !important; } body.etb-page-insight-article .notion-header__content { width: min(740px, 100vw - 96px) !important; max-width: 740px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; } body.etb-page-insight-article .notion-header__title { color: #F2F2F3 !important; font-family: var(--sans) !important; font-size: clamp(32px, 2.8vw, 38px) !important; font-weight: 400 !important; line-height: 1.12 !important; letter-spacing: -0.035em !important; } body.etb-page-insight-article .notion-header { margin-bottom: 8px !important; } /* Compact opening sequence: Super inserts a zero-height heading anchor before the introductory H3. Target that exact opening structure so later headings and dividers retain their existing spacing. */ body.etb-page-insight-article .notion-root > .notion-heading__anchor:first-child + h3.notion-heading { margin-top: 0 !important; } body.etb-page-insight-article .notion-root > .notion-heading__anchor:first-child + h3.notion-heading + .notion-divider { margin-top: 20px !important; margin-bottom: 18px !important; } /* Restore the full editorial width from the generic 620px text cap */ body.etb-page-insight-article .notion-page-content > p, body.etb-page-insight-article .notion-page-content > .notion-text, body.etb-page-insight-article .notion-root > p, body.etb-page-insight-article .notion-root > .notion-text { max-width: none !important; } /* Long-form body copy */ body.etb-page-insight-article p, body.etb-page-insight-article .notion-text { color: #C8C8CD !important; font-family: var(--sans) !important; font-size: 13.5px !important; line-height: 1.58 !important; margin-top: 0 !important; margin-bottom: 11px !important; } body.etb-page-insight-article p strong, body.etb-page-insight-article .notion-text strong, body.etb-page-insight-article .notion-list-item strong { color: var(--text) !important; font-weight: 600 !important; } /* Numbered paper sections and conclusion */ body.etb-page-insight-article .etb-insight-section-heading, body.etb-page-insight-article .etb-insight-section-heading *, body.etb-page-insight-article .etb-insight-conclusion, body.etb-page-insight-article .etb-insight-conclusion * { color: #F2F2F3 !important; font-family: var(--sans) !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: -0.02em !important; font-style: normal !important; } /* Keep every Notion H3 at the compact editorial scale, including the subtitle. */ body.etb-page-insight-article h3.notion-heading, body.etb-page-insight-article h3.notion-heading *, body.etb-page-insight-article .etb-insight-section-heading, body.etb-page-insight-article .etb-insight-section-heading * { font-size: 18px !important; } body.etb-page-insight-article .etb-insight-section-heading { margin: 38px 0 13px !important; padding: 0 !important; } body.etb-page-insight-article .etb-insight-conclusion { margin: 42px 0 13px !important; padding: 0 !important; } /* Native Notion Quote blocks: semantically authored in Notion, lightly refined here */ body.etb-page-insight-article .notion-quote { margin: 0 22px 9px 36px !important; padding: 1px 0 1px 18px !important; color: #D1D1D5 !important; font-family: var(--sans) !important; font-size: 13.5px !important; font-style: italic !important; line-height: 1.52 !important; background: transparent !important; border-left: 2px solid rgba(224, 169, 58, 0.72) !important; border-radius: 0 !important; box-sizing: border-box !important; } /* Super merges consecutive Notion Quote blocks into one blockquote, rendering the first quote as a span and later quotes as paragraphs. Normalize those direct children, then place space only between adjacent quotations. */ body.etb-page-insight-article .notion-quote > span:first-child, body.etb-page-insight-article .notion-quote > p { display: block !important; margin: 0 !important; } body.etb-page-insight-article .notion-quote > * + * { margin-top: 9px !important; } body.etb-page-insight-article .notion-quote + .notion-quote { margin-top: 0 !important; } body.etb-page-insight-article .notion-quote + :not(.notion-quote) { margin-top: 18px !important; } /* Normal article lists: visible solid marker and deliberate rhythm */ body.etb-page-insight-article .notion-bulleted-list { margin: 13px 0 20px !important; padding: 0 !important; list-style: none !important; } body.etb-page-insight-article .notion-bulleted-list .notion-list-item { position: relative !important; margin: 0 0 8px !important; padding-left: 23px !important; color: #C8C8CD !important; font-size: 13.5px !important; line-height: 1.52 !important; } body.etb-page-insight-article .notion-bulleted-list .notion-list-item::before { content: "" !important; display: block !important; position: absolute !important; left: 3px !important; top: 0.7em !important; width: 6px !important; height: 6px !important; border-radius: 50% !important; background: var(--accent) !important; } /* Question callouts: content typography remains controlled by Notion */ body.etb-page-insight-article .notion-callout { margin: 22px 0 30px !important; padding: 12px 20px !important; background: transparent !important; border: 1px solid rgba(224, 169, 58, 0.5) !important; border-radius: 2px !important; box-sizing: border-box !important; } body.etb-page-insight-article .notion-callout .notion-callout__icon { display: none !important; } body.etb-page-insight-article .notion-callout .notion-callout__content { display: block !important; width: 100% !important; margin: 0 !important; } /* Callout typography: explicitly neutralize formatting imposed by earlier question-label rules or nested Super elements. Content remains at the article's normal scale, with no forced bold or uppercase treatment. */ body.etb-page-insight-article .notion-callout, body.etb-page-insight-article .notion-callout * { font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; } body.etb-page-insight-article .notion-callout .notion-text:first-of-type { min-height: 0 !important; height: auto !important; margin: 0 0 6px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; } body.etb-page-insight-article .notion-callout .notion-bulleted-list { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; } body.etb-page-insight-article .notion-callout .notion-bulleted-list .notion-list-item { position: relative !important; margin: 0 0 4px !important; padding: 0 0 0 22px !important; color: #DEDEE1 !important; font-size: 13.5px !important; line-height: 1.42 !important; } body.etb-page-insight-article .notion-callout .notion-bulleted-list .notion-list-item:last-child { margin-bottom: 0 !important; } body.etb-page-insight-article .notion-callout .notion-bulleted-list .notion-list-item::before { content: "" !important; display: block !important; position: absolute !important; left: 3px !important; top: 0.72em !important; width: 7px !important; height: 7px !important; border: none !important; border-radius: 50% !important; background: var(--accent) !important; opacity: 1 !important; } @media (max-width: 900px) { body.etb-page-insight-article .super-content .notion-page-content, body.etb-page-insight-article .super-content .notion-root, body.etb-page-insight-article .notion-page-content { width: calc(100vw - 40px) !important; max-width: none !important; } body.etb-page-insight-article .notion-header__content { width: calc(100vw - 40px) !important; max-width: none !important; } } @media (max-width: 560px) { body.etb-page-insight-article .notion-header__cover.no-cover { height: 44px !important; min-height: 44px !important; } body.etb-page-insight-article .notion-header__title { font-size: 30px !important; } body.etb-page-insight-article p, body.etb-page-insight-article .notion-text, body.etb-page-insight-article .notion-bulleted-list .notion-list-item { font-size: 14px !important; } body.etb-page-insight-article .etb-insight-section-heading { margin-top: 32px !important; } body.etb-page-insight-article .notion-quote { margin-right: 8px !important; margin-left: 14px !important; padding-left: 14px !important; } body.etb-page-insight-article .notion-callout { padding: 12px 16px !important; } } /* ===================================================================== 14. NATIVE NOTION FORMS Applies only to the membership inquiry and meeting registration pages. Super renders form headings with notion-form__* classes; these scoped rules prevent the site's global H1/H2 treatments from enlarging them. ===================================================================== */ /* Title inside the embedded form (not the page title above the form) */ body.etb-page-inquire .notion-form__wrapper .notion-header__title, body.etb-page-meeting .notion-form__wrapper .notion-header__title { font-family: var(--sans) !important; font-size: 28px !important; font-weight: 500 !important; line-height: 1.25 !important; letter-spacing: -0.02em !important; } /* Introductory sentence under the form title */ body.etb-page-inquire .notion-form__wrapper .notion-header__description.form-description, body.etb-page-meeting .notion-form__wrapper .notion-header__description.form-description { font-family: var(--sans) !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; letter-spacing: normal !important; } /* Field labels: override the global first-H2 display treatment */ body.etb-page-inquire .notion-form h2.notion-form__field-title, body.etb-page-meeting .notion-form h2.notion-form__field-title { font-family: var(--sans) !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.5 !important; letter-spacing: normal !important; margin: 0 !important; padding: 0 !important; } /* Keep editable controls at 16px to prevent focus zoom on iOS Safari */ body.etb-page-inquire .notion-form .notion-form__input-field, body.etb-page-inquire .notion-form .notion-form__date-field, body.etb-page-meeting .notion-form .notion-form__input-field, body.etb-page-meeting .notion-form .notion-form__date-field { font-family: var(--sans) !important; font-size: 16px !important; } :root { --primary-font: var(--sans) !important; --secondary-font: var(--sans) !important; }1a:["$","body",null,{"children":[["$","$L1d",null,{"settings":{"siteId":"a68d22c2-0987-4982-9ebf-19bb6716380a","userId":"94abf11d-8a63-46ab-985d-99f2d03521bd","domainName":"exectechboard.com","name":"Executive Technology Board","active":true,"free":false,"tier":"personal","favicon":"https://assets.super.so/a68d22c2-0987-4982-9ebf-19bb6716380a/uploads/favicon/a6b732c5-132b-442f-9fbe-67e66b77f36b.png","fontFamily":"Inter","legacyTheme":null,"language":"en","languages":[],"notionPage":"2cb45eccfadb80cea57bdb8095791975","indexPageId":"a68d22c2-0987-4982-9ebf-19bb6716380a:::fcf625cb-ef07-4fb0-90cf-54ab43b0d79f","pageProperties":true,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":true,"floatingTableOfContents":false,"siteSearch":false,"advancedSearch":false,"themeToggle":false,"mondayFirst":false,"loadLimits":false,"disableLoadMore":false,"hidePersonInfo":false,"showPropertyIcons":false,"filterRedirectsFromSearch":false,"cookieConsent":{"enabled":false,"position":"bar","texts":[],"categories":{"preferences":true,"statistics":true,"marketing":true}},"redirectSubdomain":null,"canonicalDomain":null,"noIndex":false,"viewsExceeded":false,"manualSync":false,"syncStatus":"unsynced","publishedAt":null,"custom404Enabled":false,"membershipEnabled":true,"membershipConfigured":true,"suppressLoginEmail":false,"indexMembershipTierIds":null,"passwordConfigured":true,"navbar":{"type":"simple","style":{"height":56,"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)","ctaTextColor":"var(--color-text-default)","ctaBackgroundColor":"var(--color-bg-default)","isSticky":true,"shadow":{"type":"none","color":"rgba(0,0,0,1)","opacity":12}},"links":[{"id":"b6370c54-c1f5-4da5-9b94-5ea073e00cc0","type":"page","label":"Home","link":"/","pageId":"a68d22c2-0987-4982-9ebf-19bb6716380a:::fcf625cb-ef07-4fb0-90cf-54ab43b0d79f","list":[]},{"id":"9884bd19-de4e-4e58-9fe0-35659479445f","type":"page","label":"The Board","link":"/board","pageId":"a68d22c2-0987-4982-9ebf-19bb6716380a:::0925ced9-be1b-4f0d-ac37-d08f2b0e766d","list":[]},{"id":"99b9e68c-d4d4-476c-88c5-5b18ebd818a1","type":"page","label":"Calendar","link":"/calendar","pageId":"a68d22c2-0987-4982-9ebf-19bb6716380a:::f15cd9e1-4153-40e9-a533-76402401bbf7","list":[]},{"id":"6b67affb-bb29-4fd1-9d27-76d6e7bea0ff","type":"page","label":"About","link":"/about","pageId":"a68d22c2-0987-4982-9ebf-19bb6716380a:::ea1b6dac-f057-48d1-88c7-302503ed3117","icon":"","description":"","list":[]},{"id":"d516a60f-8e76-42f1-8504-35c9e73c13c3","type":"page","label":"Members","link":"/admin","pageId":"a68d22c2-0987-4982-9ebf-19bb6716380a:::ed0fed35-ef94-4c65-b9ad-8487e741068f","icon":"","list":[]}],"logo":{"type":"image","width":90,"fontSize":16,"textContent":"Executive Technology Board","imageContent":"https://assets.super.so/a68d22c2-0987-4982-9ebf-19bb6716380a/uploads/logo/d4800049-13ef-4de4-a591-d30cbe25b8e8.png","imageContentDark":null,"disabled":false},"cta":{"type":"page","label":"","link":"/","pageId":""},"isSticky":true,"breadcrumbs":false},"footer":{"type":"none","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[],"logo":{"type":"text","width":90,"fontSize":16,"textContent":"Executive Technology Board","imageContent":null,"imageContentDark":null,"disabled":true},"socials":[],"footnote":"","divider":false},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":null,"searchEnabled":true},"theme":{"colorMode":"dark","layout":{"paddingLayout":0.6,"layoutMaxWidth":900,"columnSpacing":46,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":5,"pageDisplay":"none"},"header":{"coverHeight":30,"titleAlign":"left","iconAlign":"-112px auto auto auto","display":"block"},"collectionCard":{"gap":10,"shadow":"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px","coverHeightLarge":200,"coverHeightMedium":200,"coverHeightSmall":128,"titleSize":0.875,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"inline-flex"},"callout":{"iconDisplay":"block","shadow":"none"},"typography":{"primaryFont":"Inter","secondaryFont":"Inter","fonts":[],"baseSize":16,"titleSize":2.5,"headingSize":1,"quoteSize":1.2,"quoteSizeLarge":1.4,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":56,"shadow":"rgba(0, 0, 0, 0.12) 0px 20px 40px -10px"},"footer":{"height":0},"sidebar":{"width":280,"shadow":"none"},"colors":{"light":{"text":"#37352F","textLight":"#7d7c78","background":"#ffffff","borderColor":"#E9E9E7","checkboxBackground":"#2EAADC","hoverBackground":"#efefef","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352F","hoverBackground":null},"footer":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#37352F","ctaText":"#37352F","background":"#ffffff","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#E9E9E7"},"database":{"cardBackground":"#ffffff","cardHoverBackground":"#f9f9f8","calendarWeekendBackground":"#f7f6f3"},"default":[45,8,20],"gray":[36,2,46],"brown":[19,31,47],"orange":[30,87,45],"yellow":[38,62,49],"green":[149,31,39],"blue":[202,53,43],"purple":[274,32,54],"pink":[328,48,53],"red":[2,62,55],"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}}},"dark":{"text":"#e1e1e1","textLight":"#9b9b9b","background":"#191919","borderColor":"#373737","checkboxBackground":"#2EAADC","hoverBackground":"#292929","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1","hoverBackground":null},"footer":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#e1e1e1","ctaText":"#e1e1e1","background":"#191919","hoverBackground":"#292929","ctaBackground":"#191919","border":"#373737"},"database":{"cardBackground":"#212121","cardHoverBackground":"#292929","calendarWeekendBackground":"#202020"},"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,61],"brown":[18,35,58],"orange":[25,54,53],"yellow":[38,54,54],"green":[146,32,47],"blue":[217,50,58],"purple":[270,55,62],"pink":[329,57,58],"red":[1,69,60]}}},"code":{"global":[{"id":"a68d22c2-0987-4982-9ebf-19bb6716380a:::568b1be3-5f33-48e8-b93e-bdd79fa46100","content":"$1e"}],"head":[],"body":[{"id":"a68d22c2-0987-4982-9ebf-19bb6716380a:::ed595d04-7ab8-489e-9524-4bb285930c09","content":"$1f"}],"style":[],"css":"$20"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":["$L21",null,"$L22","$L23","$L24","$L25","$L26"]}],"$L27"]}]

Commerce in Agentic Era