1d:I[868422,["/_next/static/chunks/2-qp3q497era9.js","/_next/static/chunks/3cmvik1zogxvy.js","/_next/static/chunks/1xkcg0r46zrxm.js","/_next/static/chunks/3jtkuz33a278i.js","/_next/static/chunks/204u8hfao6nw_.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/Nanum_Myeongjo/nanum-myeongjo-v20-latin_korean-700.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Nanum_Myeongjo/nanum-myeongjo-v20-latin_korean-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400;1,8..60,600&family=Inter:wght@400;500;600;700&display=swap","style"] 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-Nanum Myeongjo-700",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Nanum_Myeongjo/nanum-myeongjo-v20-latin_korean-700.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Nanum Myeongjo-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Nanum_Myeongjo/nanum-myeongjo-v20-latin_korean-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link",null,{"rel":"preload","href":"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400;1,8..60,600&family=Inter:wght@400;500;600;700&display=swap","as":"style"}] 16:["$","script","2",{"dangerouslySetInnerHTML":{"__html":"\n /* Tags pages so the CSS can apply the right layout.\n Runs before paint, so there's no flash of the wrong size. */\n (function () {\n var p = location.pathname.replace(/\\/+$/, '') || '/';\n var c = document.documentElement.classList;\n if (p === '/research-library') c.add('is-library');\n else if (p.indexOf('/research-library/') === 0) c.add('is-brief');\n })();\n"},"children":null}] 17:["$","link","link-https://fonts.googleapis.com",{"rel":"preconnect","href":"https://fonts.googleapis.com"}] 18:["$","link","link-https://fonts.gstatic.com",{"rel":"preconnect","href":"https://fonts.gstatic.com","crossorigin":""}] 19:["$","link","link-https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400;1,8..60,600&family=Inter:wght@400;500;600;700&display=swap",{"rel":"stylesheet","href":"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400;1,8..60,600&family=Inter:wght@400;500;600;700&display=swap"}] 1a:["$","script","12",{"async":true,"src":"https://www.googletagmanager.com/gtag/js?id=G-063DP45BDM","children":null}] 1b:["$","script","14",{"dangerouslySetInnerHTML":{"__html":"\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n gtag('config', 'G-063DP45BDM');\n"},"children":null}] 1e:T4da, 1f:T17ec, 20:T32d0,@charset "UTF-8"; /* ============================================================ ACTION ORG — complete site CSS Paste ALL of this into Super → Code → CSS, replacing everything. Companion files: HEAD tab → tags with .is-library / .is-brief BODY tab → rebuilds the library table as .ao-card markup ============================================================ */ :root { --font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-text: "Source Serif 4", "Iowan Old Style", Charter, Georgia, serif; --font-util: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --ink: #16171a; --ink-soft: #494c53; --ink-faint: #8a8d93; --rule: #e3e3e0; --rule-soft: #ecece8; --wash: #faf9f7; --accent: #1f4d3f; /* link hover — swap to match your brand */ --spine-book: #b08d57; --spine-podcast: #5b7fa8; --spine-article: #5f8f6b; --spine-default: #b8bac0; --w-marketing: 40rem; --w-library: 46rem; --w-brief: 44rem; } /* ============================================================ CONTAINERS Super puts the page header (icon + title + description) in a different wrapper than the content, so both must be constrained or the title hangs off to the left of everything else. ============================================================ */ .notion-root, .notion-header, .notion-header__content, .notion-page-header { margin-inline: auto !important; padding-inline: 1.5rem !important; width: 100%; } :is(.notion-header, .notion-header__content, .notion-page-header) :is(.notion-header__title, .notion-header__description, .notion-page-icon) { padding-left: 0 !important; margin-left: 0 !important; } html:not(.is-brief):not(.is-library) :is(.notion-root, .notion-header, .notion-header__content, .notion-page-header) { max-width: var(--w-marketing) !important; } html.is-library :is(.notion-root, .notion-header, .notion-header__content, .notion-page-header) { max-width: var(--w-library) !important; } html.is-brief :is(.notion-root, .notion-header, .notion-header__content, .notion-page-header) { max-width: var(--w-brief) !important; } /* ============================================================ SHARED ============================================================ */ .notion-root { color: var(--ink); text-rendering: optimizeLegibility; } .notion-root :is(h1, h2, h3, .notion-heading) { text-wrap: balance; color: var(--ink); -webkit-font-smoothing: antialiased; } /* ---- THE H1 — one treatment, every page ---- */ .notion-header__title, .notion-root h1 { font-family: var(--font-text) !important; font-size: 2.5rem !important; line-height: 1.08 !important; letter-spacing: -0.021em !important; font-weight: 600 !important; font-variant-numeric: lining-nums; margin: 0 0 0.5rem !important; } .notion-root :is(.notion-text, .notion-list-item) { text-wrap: pretty; orphans: 2; widows: 2; } .notion-root a, .notion-link { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.16em; text-decoration-color: var(--ink-faint); transition: text-decoration-color 120ms ease, color 120ms ease; } .notion-root a:hover, .notion-link:hover { color: var(--accent); text-decoration-color: var(--accent); } .notion-root a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 2px; } /* ============================================================ MARKETING PAGES ============================================================ */ html:not(.is-brief):not(.is-library) .notion-root { font-family: var(--font-display); font-size: 1.1875rem !important; line-height: 1.6 !important; } html:not(.is-brief):not(.is-library) .notion-root :is(h2, h3, .notion-heading) { font-family: var(--font-display); } html:not(.is-brief):not(.is-library) .notion-root h2 { font-size: 1.75rem !important; line-height: 1.18 !important; letter-spacing: -0.021em; font-weight: 700; margin: 4rem 0 1rem !important; padding-top: 0; border-top: 0; } html:not(.is-brief):not(.is-library) .notion-root h3 { font-size: 1.25rem !important; line-height: 1.3 !important; letter-spacing: -0.011em; font-weight: 600; margin: 2.25rem 0 0.55rem !important; } html:not(.is-brief):not(.is-library) .notion-root .notion-text { font-size: 1em !important; line-height: 1.6 !important; margin: 0 0 1.2em !important; padding-bottom: 0 !important; } html:not(.is-brief):not(.is-library) .notion-root strong { font-weight: 600; } html:not(.is-brief):not(.is-library) .notion-root :is(.notion-image, figure, .notion-callout) { width: min(68rem, 100vw - 3rem); max-width: none; margin: 2.5rem auto; } /* ============================================================ LIBRARY INDEX — /research-library Card markup is generated by the Body script. ============================================================ */ html.is-library .notion-root { font-family: var(--font-util); font-size: 1rem !important; line-height: 1.5 !important; padding-top: 1rem; } html.is-library .notion-root > .notion-text, html.is-library .notion-header__description { font-family: var(--font-text) !important; font-size: 1.1875rem !important; line-height: 1.5 !important; color: var(--ink-soft) !important; max-width: 34rem; margin: 0 0 0.3rem !important; padding-bottom: 0 !important; } /* View switcher / RSS — quiet utility furniture, ruled off */ html.is-library [class*=collection][class*=view], html.is-library [class*=collection__header], html.is-library [class*=collection-header] { font-family: var(--font-util) !important; font-size: 0.6875rem !important; font-weight: 500 !important; text-transform: uppercase; letter-spacing: 0.09em; color: var(--ink-faint) !important; margin: 2.75rem 0 0 !important; padding-bottom: 0.85rem !important; border-bottom: 1px solid var(--rule); } /* ---- the shelf ---- */ .ao-shelf { display: flex; flex-direction: column; margin-top: 0; } .ao-card { position: relative; display: flex; flex-direction: column; gap: 0.6rem; background: #fff; padding: 1.5rem 1.5rem 1.45rem 1.75rem; border-bottom: 1px solid var(--rule-soft); text-decoration: none !important; color: inherit !important; transition: background-color 130ms ease; } .ao-card:hover { background: var(--wash); } .ao-card:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; } /* the spine — a book on a shelf, colored by Type */ .ao-card::before { content: ""; position: absolute; left: 0.85rem; top: 1.6rem; bottom: 1.55rem; width: 2px; border-radius: 1px; background: var(--spine, var(--spine-default)); opacity: 0.85; } .ao-card[data-type=Book] { --spine: var(--spine-book); } .ao-card[data-type=Podcast] { --spine: var(--spine-podcast); } .ao-card[data-type=Article] { --spine: var(--spine-article); } .ao-card__icon { font-size: 1.05rem; line-height: 1; opacity: 0.9; } .ao-card__icon img { width: 1.05rem; height: 1.05rem; vertical-align: middle; } .ao-card__title { font-family: var(--font-text) !important; font-size: 1.3125rem !important; line-height: 1.28 !important; letter-spacing: -0.008em; font-weight: 600 !important; color: var(--ink); text-wrap: pretty; margin: 0 !important; padding: 0 !important; border: 0 !important; } .ao-card:hover .ao-card__title { color: var(--accent); } .ao-card__source { font-family: var(--font-text); font-size: 0.9375rem; line-height: 1.4; font-style: italic; color: var(--ink-soft); margin: 0 !important; padding: 0 !important; } .ao-card__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 0.45rem; padding-top: 0.25rem; font-size: 0.6875rem; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 500; color: var(--ink-faint); } .ao-card__type { color: var(--spine, var(--spine-default)); } .ao-card__dot { width: 2px; height: 2px; border-radius: 50%; background: var(--rule); flex: none; margin: 0 0.2rem; } .ao-theme { font-size: 0.6875rem; letter-spacing: 0.02em; text-transform: none; font-weight: 400; color: var(--ink-faint); border: 1px solid var(--rule); border-radius: 999px; padding: 0.1em 0.55em; line-height: 1.5; } /* ============================================================ LIBRARY BRIEFS — /research-library/* ============================================================ */ html.is-brief .notion-root { font-family: var(--font-text); font-size: 1.1875rem !important; line-height: 1.6 !important; font-optical-sizing: auto; font-variant-numeric: oldstyle-num proportional-nums; font-feature-settings: "kern" 1, "liga" 1; hanging-punctuation: first last; } html.is-brief .notion-root :is(h2, h3, .notion-heading) { font-family: var(--font-text); font-variant-numeric: lining-nums; } html.is-brief .notion-root h2 { font-size: 1.5rem !important; line-height: 1.22 !important; letter-spacing: -0.011em; font-weight: 600; margin: 3.25rem 0 0.8rem !important; padding-top: 1.4rem; border-top: 1px solid var(--rule); } html.is-brief .notion-root h3 { font-size: 1.1875rem !important; line-height: 1.3 !important; letter-spacing: 0; font-weight: 600; margin: 2rem 0 0.45rem !important; } html.is-brief .notion-root h2 + h3 { margin-top: 1.25rem !important; } /* The deck line is an H3 doing a subtitle's job */ html.is-brief .notion-root > :is(h3, .notion-heading):first-of-type { font-size: 1.25rem !important; font-style: italic; font-weight: 400; line-height: 1.35 !important; color: var(--ink-soft); margin: 0 0 3.25rem !important; padding-top: 0; border-top: 0; } html.is-brief .notion-root .notion-text { font-size: 1em !important; line-height: 1.6 !important; margin: 0 0 1.15em !important; padding-bottom: 0 !important; } html.is-brief .notion-root strong { font-weight: 600; /* 700 goes muddy in a text serif */ } html.is-brief :is(.notion-bulleted_list, .notion-numbered_list, .notion-list) { margin: 0 0 1.15em; padding-left: 1.1em; list-style-position: outside; } html.is-brief .notion-list-item { font-size: 1em !important; line-height: 1.55 !important; margin-bottom: 0.55em; } html.is-brief .notion-list-item::marker { color: var(--ink-faint); } /* Colophon — add a Divider block above "Source:" in Notion */ html.is-brief .notion-root .notion-divider { border: 0; border-top: 1px solid var(--rule); margin: 3.25rem 0 1.5rem; } html.is-brief .notion-divider ~ .notion-text { font-family: var(--font-util); font-size: 0.875rem !important; line-height: 1.5 !important; letter-spacing: -0.003em; color: var(--ink-soft); margin-bottom: 0.4rem !important; } html.is-brief .notion-divider ~ .notion-text strong { font-weight: 500; color: var(--ink-faint); text-transform: uppercase; letter-spacing: 0.07em; font-size: 0.75rem; } /* ============================================================ SMALL SCREENS ============================================================ */ @media (max-width: 700px) { .notion-root, .notion-header, .notion-header__content, .notion-page-header { padding-inline: 1.25rem !important; } .notion-header__title, .notion-root h1 { font-size: 1.9rem !important; letter-spacing: -0.018em !important; } html:not(.is-brief):not(.is-library) .notion-root { font-size: 1.0625rem !important; } html:not(.is-brief):not(.is-library) .notion-root h2 { font-size: 1.5rem !important; margin-top: 2.75rem !important; } html:not(.is-brief):not(.is-library) .notion-root h3 { font-size: 1.1875rem !important; } html.is-library .notion-root > .notion-text, html.is-library .notion-header__description { font-size: 1.0625rem !important; } .ao-card { padding: 1.3rem 0 1.25rem 1.4rem; } .ao-card::before { left: 0.35rem; } .ao-card__title { font-size: 1.1875rem !important; } html.is-brief .notion-root { font-size: 1.0625rem !important; line-height: 1.55 !important; } html.is-brief .notion-root > :is(h3, .notion-heading):first-of-type { font-size: 1.1rem !important; } html.is-brief .notion-root h2 { font-size: 1.3125rem !important; margin-top: 2.5rem !important; } html.is-brief .notion-root h3 { margin-top: 1.6rem !important; } } /* ============================================================ PRINT ============================================================ */ @media print { .super-navbar { display: none !important; } .notion-root { max-width: none !important; font-size: 10.5pt !important; line-height: 1.45 !important; } .notion-root :is(h2, h3) { break-after: avoid; } .notion-list-item { break-inside: avoid; } .notion-root a { text-decoration: none; } }1c:["$","body",null,{"children":[["$","$L1d",null,{"settings":{"siteId":"0b121bae-fd2f-4223-8472-9dcad2c0522f","userId":"d5556be8-9f46-4c5f-afe9-785d948c0c20","domainName":"action-org.com","name":"Action Org — Tools and coaching to reach your goals and maximize your potential","active":true,"free":false,"tier":"personal","favicon":null,"fontFamily":"Nanum Myeongjo","legacyTheme":"default","language":"en","languages":[],"notionPage":"b68c9324c5c34d0ba2be54bc2aa4308f","indexPageId":"0b121bae-fd2f-4223-8472-9dcad2c0522f:::740cf38b-a99e-468d-b3bd-5c34db9b4a32","pageProperties":false,"hidePageProperties":true,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":true,"floatingTableOfContents":false,"siteSearch":false,"advancedSearch":false,"themeToggle":false,"mondayFirst":true,"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":false,"membershipConfigured":false,"suppressLoginEmail":false,"indexMembershipTierIds":null,"navbar":{"type":"balanced","style":{"height":84,"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)","ctaTextColor":"var(--color-text-default)","ctaBackgroundColor":"rgba(255, 219, 0, 1)","isSticky":false,"shadow":{"type":"large","color":"rgba(0,0,0,1)","opacity":7}},"links":[{"id":"77e4dd4a-bab8-4650-a084-86c37e7074dd","type":"page","label":"Research Library","link":"/research-library","pageId":"0b121bae-fd2f-4223-8472-9dcad2c0522f:::1fd1378b-b77a-423a-bab2-1fa986e43d01","icon":"","description":"","list":[]}],"logo":{"type":"image","width":126,"fontSize":16,"textContent":"Action Org","imageContent":"https://assets.super.so/0b121bae-fd2f-4223-8472-9dcad2c0522f/uploads/logo/8e229129-71aa-4fc5-9f1b-d0db2ad7e5b7.png","imageContentDark":null,"disabled":false},"cta":{"type":"url","label":"Connect with Me","link":"https://www.linkedin.com/in/mikeandersonjr/","pageId":""},"isSticky":false,"breadcrumbs":false},"footer":{"type":"none","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[],"logo":null,"socials":[],"footnote":"","divider":false},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":null,"searchEnabled":true},"theme":null,"code":{"global":[{"id":"0b121bae-fd2f-4223-8472-9dcad2c0522f:::b3596630-b1a4-418c-ba69-e2cb44d85b14","content":"$1e"}],"head":[],"body":[{"id":"0b121bae-fd2f-4223-8472-9dcad2c0522f:::c25f6448-5047-49ef-9492-bd7158929df5","content":"$1f"}],"style":[],"css":"$20"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":["$L21",null,"$L22","$L23","$L24","$L25"]}],"$L26"]}]

Reading