21: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/Lora/lora-v25-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Noto_Sans/noto-sans-v27-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://fonts.bunny.net/css?family=scheherazade-new:400,500,600&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-Lora-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Lora/lora-v25-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Noto Sans-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Noto_Sans/noto-sans-v27-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link",null,{"rel":"preload","href":"https://fonts.bunny.net/css?family=scheherazade-new:400,500,600&display=swap","as":"style"}] 16:["$","meta","4",{"name":"google-site-verification","content":"google-site-verification=rVQ1bjrA4pNd1LN2c0QhvsgOSO0up2GilGsYRkkP30c","children":null}] 17:["$","meta","8",{"name":"google-site-verification","content":"i6Bvl3NVUhZTkFteacBPC0PEHENJ6QeQ01sO5i_T60g","children":null}] 18:["$","meta","12",{"name":"google-site-verification","content":"= 0.6) { span.classList.add('ln-has-arabic'); } }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function () { tagArabic(); }); } else { tagArabic(); } var observer = new MutationObserver(function (mutations) { mutations.forEach(function (m) { m.addedNodes.forEach(function (node) { if (node.nodeType === 1) tagArabic(node); }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); 1c:["$","script","42",{"dangerouslySetInnerHTML":{"__html":"$20"},"children":null}] 1d:["$","script","54",{"data-goatcounter":"https://lughanour.goatcounter.com/count","async":true,"src":"//gc.zgo.at/count.js","dangerouslySetInnerHTML":{"__html":"\n"},"children":null}] 22:T1428, "> 23:T40b8,@charset "UTF-8"; /* Lugha Nour - responsive page typography and layout Full replacement for previous CSS */ /* ========================================= LUGHA NOUR — BUTTON COLOR LEGEND ========================================= Notion color → Looks like → Block # Blue → Warm brown → Block 14 (hover #504e4a) Green → Teal → Block 36 (base #2d4b56, hover #556d79) ========================================= */ /* 1. ========================================= Keep sidebar items compact ========================================= */ nav li, .sidebar li, aside li, .menu-item, .nav-item { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* 2. ========================================= RESPONSIVE SITE VARIABLES ========================================= */ :root { /* Main content width on large screens */ --max-width: 1200px !important; /* Regular body text 16px minimum → gentle growth → 18.5px maximum */ --ln-body-size: clamp( 16px, calc(13.5px + 0.24vw), 18.5px ); /* Database / vocabulary / connector text + gallery card titles Fixed at 20px */ --ln-content-title-size: clamp( 20px, calc(21px + 0.18vw), 20px ); /* Maximum width for ordinary images */ --ln-image-max: 960px; /* Maximum width for images inside callout boxes */ --ln-callout-image-max: 720px; /* Arabic typography — Lora/Noto Sans for Latin, Scheherazade for Arabic */ --primary-font: 'Lora', 'Scheherazade New', serif !important; --secondary-font: 'Noto Sans', 'Scheherazade New', sans-serif !important; } /* 3. ========================================= Prevent browser text-size adjustment ========================================= */ html { -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; } /* 4. ========================================= Regular paragraphs Responsive size instead of fixed 16px ========================================= */ main p, article p, .entry-content p, #content p { font-size: var(--ln-body-size) !important; line-height: 1.85 !important; margin-top: 0 !important; margin-bottom: 0 !important; } /* 5. ========================================= Space between consecutive paragraphs ========================================= */ main p + p, article p + p, .entry-content p + p, #content p + p { margin-top: 1.5rem !important; } /* 6. ========================================= Lists in the main content ========================================= */ main ul, main ol, article ul, article ol { margin-bottom: 1.5rem !important; } main li, article li { font-size: var(--ln-body-size) !important; line-height: 1.7 !important; margin-bottom: 0.5rem !important; } /* 7. ========================================= Headings Keep Super's font sizes, control spacing ========================================= */ main h1, main h2, main h3, main h4, article h1, article h2, article h3, article h4 { margin-top: 2.5rem !important; margin-bottom: 1rem !important; } /* 8. ========================================= Keep quotes compact ========================================= */ main blockquote p, article blockquote p { margin-top: 0 !important; margin-bottom: 0 !important; } /* 9. ========================================= Reduce top spacing for headings inside callout boxes ========================================= */ main .notion-callout h1, main .notion-callout h2, main .notion-callout h3, main .notion-callout h4, article .notion-callout h1, article .notion-callout h2, article .notion-callout h3, article .notion-callout h4 { margin-top: 0.5rem !important; } /* 10. ========================================= Gallery card titles ========================================= */ .notion-collection-gallery .notion-property__title { font-size: var(--ln-content-title-size) !important; line-height: 1.8 !important; } /* 11. ========================================= Connector + vocabulary property text ========================================= */ .notion-property__text.property-7d757147, .notion-property__text.property-4d476972, .notion-property__text.property-5b44763a, .notion-property__text.property-56484a6d, .notion-property__text.property-665f7a49, .notion-property__text.property-57423e4e { font-size: var(--ln-content-title-size) !important; line-height: 1.8 !important; } /* 12. ========================================= Connector side-panel background ========================================= */ .notion-page__details, .notion-page__details-content { background-color: #2d4b56 !important; } /* 13. ========================================= Add breathing room to two-line page headings ========================================= */ h1.notion-header__title { line-height: 1.4 !important; } /* 14. ========================================= BUTTON HOVER & MOBILE TAP COLOR ========================================= */ .notion-button__content.bg-blue-light:hover, .notion-button__content.bg-blue-light:active { background-color: #4a4845 !important; border-color: #4a4845 !important; } /* 15. ========================================= Stop mobile blue flash ========================================= */ .notion-button__content.bg-blue-light { -webkit-tap-highlight-color: transparent !important; } /* 16. ========================================= REMOVE DEFAULT BLUE BORDER Resting state ========================================= */ .notion-button__content.bg-blue-light { border-color: transparent !important; } /* 17. ========================================= Hide completely empty property groups ========================================= */ .notion-page__properties.middle\:empty { display: none !important; } /* 18. ========================================= Remove all bottom borders from properties ========================================= */ .notion-page__layout-property, .notion-page__property { border-bottom: none !important; } /* 19. ========================================= PROPERTY DIVIDER LINES Line above every property, except the first one in the side panel. ========================================= */ /* 1. Add a line above every property */ .notion-page__layout-property { border-top: 1px solid rgba(255, 255, 255, 0.1) !important; padding-top: 20px !important; } /* 2. Remove the line from the first property ONLY in the side panel */ .notion-page__details .notion-page__layout-property:first-child { border-top: none !important; padding-top: 0 !important; } /* 3. Hide empty property groups (removes the bottom line) */ .notion-page__properties.middle:empty, .notion-page__layout-property:empty { display: none !important; } /* 21. ========================================= MOBILE NAVBAR COLOR Warm brown ========================================= */ @media only screen and (max-width: 767px) { .super-navbar { background-color: #4a3d35 !important; } .super-navbar__content a, .super-navbar__content span { color: #e1e1e1 !important; } } /* 22. ========================================= MOBILE SPACING FIX Empty column gap ========================================= */ @media only screen and (max-width: 767px) { /* Remove the left margin Notion adds to columns */ .notion-column { margin-inline-start: 0 !important; width: 100% !important; } /* Reduce column spacing */ :root, html.theme-dark { --column-spacing: 0px !important; } /* Hide completely empty text blocks */ .notion-text\:empty { display: none !important; } } /* 23. ========================================= Make Navbar text thinner ========================================= */ .super-navbar__logo-text { font-weight: 400 !important; } /* 24. ========================================= Sidebar navigation text ========================================= */ .super-navigation-menu__item-title { font-size: 15px !important; } /* 25. ========================================= Tadabbur spacing ========================================= */ /* Reduce space above "Wisdom from the tradition" */ #block-3eccdca5bc9e806aa0ccf161c90bfc06 { margin-top: -10px !important; } /* Reduce space below "Tadabbur | تدبر" and above the two-column Tadabbur content */ #block-3eccdca5bc9e80a28a41cf1060385a57 { margin-top: -14px !important; } /* 26. ========================================= Anchor Tadabbur carousel numbering to the bottom of the right-hand column on larger screens ========================================= */ @media (min-width: 601px) { /* Make the quote column a vertical flex container */ #block-3eccdca5bc9e80979825f0d6fe3fa30d { display: flex !important; flex-direction: column !important; } /* Let the carousel fill the available column height */ #block-3eccdca5bc9e8010ba34d7203b7113e7 { flex: 1 !important; display: flex !important; flex-direction: column !important; } .ln-tadabbur-carousel { height: 100%; max-width: 100%; display: flex; flex-direction: column; margin: 1.5rem auto 0.5rem; } /* Allow the quote area to take up the available space */ .ln-tadabbur-slides { flex: 1; } /* Push the numbering/navigation to the bottom */ .ln-tadabbur-navigation { margin-top: auto; } } /* 27. ========================================= Replace quote numbering with navigation dots ========================================= */ .ln-tadabbur-nav span { font-size: 0 !important; min-width: auto !important; opacity: 1 !important; letter-spacing: 0.15rem; } /* Navigation dots */ .ln-tadabbur-nav span::before { font-size: 0.7rem !important; line-height: 1; letter-spacing: 0.15rem; } /* Individual navigation states */ .ln-nav-1 span::before { content: "● ○ ○ ○ ○ ○ ○ ○"; } .ln-nav-2 span::before { content: "○ ● ○ ○ ○ ○ ○ ○"; } .ln-nav-3 span::before { content: "○ ○ ● ○ ○ ○ ○ ○"; } .ln-nav-4 span::before { content: "○ ○ ○ ● ○ ○ ○ ○"; } .ln-nav-5 span::before { content: "○ ○ ○ ○ ● ○ ○ ○"; } .ln-nav-6 span::before { content: "○ ○ ○ ○ ○ ● ○ ○"; } .ln-nav-7 span::before { content: "○ ○ ○ ○ ○ ○ ● ○"; } .ln-nav-8 span::before { content: "○ ○ ○ ○ ○ ○ ○ ●"; } /* 28. ========================================= RESPONSIVE IMAGE LIMITS Prevent very large monitors from enlarging images beyond their intended visual size ========================================= */ /* Ordinary Notion image blocks Example: camel in the desert */ .notion-image { max-width: min(100%, var(--ln-image-max)) !important; margin-inline: auto !important; box-sizing: border-box !important; } /* Ensure the actual image remains responsive */ .notion-image img { max-width: 100% !important; height: auto !important; box-sizing: border-box !important; } /* Images inside callout boxes Example: Maghrebi calligraphy and lantern */ .notion-callout .notion-image { max-width: min(100%, var(--ln-callout-image-max)) !important; margin-inline: auto !important; } /* Images inside the Tadabbur carousel/callout Never allow them to overflow their area */ .ln-tadabbur-carousel img { max-width: 100% !important; height: auto !important; } /* 29. ========================================= RESPONSIVE CONTENT PROTECTION Prevent horizontal overflow caused by oversized media/content on smaller screens ========================================= */ main, article, .notion-root { max-width: 100%; box-sizing: border-box; } /* 30. ========================================= MOBILE IMAGE BEHAVIOR Keep images comfortably inside the viewport ========================================= */ @media only screen and (max-width: 767px) { .notion-image, .notion-callout .notion-image { max-width: 100% !important; } .notion-image img { max-width: 100% !important; height: auto !important; } } /* 31. ========================================= Keep "Wisdom from the Tradition" on one line on larger screens ========================================= */ @media (min-width: 601px) { #block-3eccdca5bc9e806aa0ccf161c90bfc06 { white-space: nowrap !important; } } /* 32. ========================================= Keep Tadabbur image left-aligned ========================================= */ @media (min-width: 601px) { #block-3eccdca5bc9e807180d4c50ac2ccc018 { margin-left: 0 !important; margin-right: auto !important; align-self: flex-start !important; text-align: left !important; } } /* 33. ========================================= STOP MOBILE BLUE FLASH ON GALLERY CARDS ========================================= */ /* Target the gallery card anchor link */ .notion-collection-card__anchor, .notion-collection-card a, .notion-link.notion-collection-card__anchor { -webkit-tap-highlight-color: transparent !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-touch-callout: none !important; outline: none !important; } /* Also cover the card container in case the highlight lands there */ .notion-collection-card { -webkit-tap-highlight-color: transparent !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; } /* 34. ========================================= GLOBAL MOBILE TAP HIGHLIGHT REMOVAL Stops the blue flash on EVERY element ========================================= */ html, body, div, span, a, button, input, label, img, * { -webkit-tap-highlight-color: transparent !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-touch-callout: none !important; } /*36. ========================================= TEAL BUTTON (In Notion, uses Green color) Base: #2d4b56 | Hover: #556d79 ========================================= */ .notion-button__content.bg-green-light, .notion-button__content.bg-green { background-color: #2d4b56 !important; /* resting color */ border-color: transparent !important; /* no border */ -webkit-tap-highlight-color: transparent !important; /* no mobile blue flash */ } .notion-button__content.bg-green-light:hover, .notion-button__content.bg-green-light:active, .notion-button__content.bg-green-light:focus, .notion-button__content.bg-green-light:focus-visible, .notion-button__content.bg-green:hover, .notion-button__content.bg-green:active, .notion-button__content.bg-green:focus, .notion-button__content.bg-green:focus-visible { background-color: #556d79 !important; /* hover color */ border-color: #556d79 !important; outline: none !important; box-shadow: none !important; } /* 37. ========================================= HEADING LINE HEIGHT (Breathing room for wrapped text) ========================================= */ main h1, main h2, main h3, main h4, main h5, main h6, article h1, article h2, article h3, article h4, article h5, article h6 { line-height: 1.4 !important; } /* 38. ========================================= TYPOGRAPHY BASELINE — minimal broad rules Arabic-specific weights handled in Section 39 ========================================= */ /* Crisper rendering on dark backgrounds */ body { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* 39. ========================================= ARABIC-ONLY TYPOGRAPHY Uses .ln-has-arabic added by the detector script ========================================= */ /* Arabic line-height — more room for harakat */ .ln-has-arabic { line-height: 2.1 !important; } /* 40. ========================================= Tighten spacing between bulleted examples ========================================= */ .notion-property__text.property-7d757147 { line-height: 1.4 !important; } /* 41. ========================================= Arabic page title line spacing ========================================= */ .notion-header.page .notion-header__content .notion-header__title { line-height: 1.6 !important; } /* 43. ========================================= UNIVERSAL PROPERTY LINE SPACING Gives all properties breathing room for Arabic text ========================================= */ .notion-page__properties-layout .notion-property__text, .notion-page__layout-property .notion-property__text { line-height: 2 !important; }1e:["$","body",null,{"children":[["$","$L21",null,{"settings":{"siteId":"11168645-9052-4739-ba82-a20b30561260","userId":"23831e81-fe8e-45b0-980f-f98f05293136","domainName":"lughanour.com","name":"Lugha Nour","active":true,"free":false,"tier":"personal","favicon":"https://assets.super.so/11168645-9052-4739-ba82-a20b30561260/uploads/favicon/539be3ab-4986-496c-8fd3-76342b3d466d.png","fontFamily":"Inter","legacyTheme":null,"language":"en","defaultImage":"https://assets.super.so/11168645-9052-4739-ba82-a20b30561260/uploads/cover/32436ac7-070a-4063-9c0b-101e2399bd77.png","languages":[],"notionPage":"32ecdca5bc9e800faaddc0d10416f8d9","indexPageId":"11168645-9052-4739-ba82-a20b30561260:::ef3b63ad-2cb6-4b8d-ad7f-001ff51bb0cb","pageProperties":true,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":false,"layoutSidePanel":true,"floatingTableOfContents":false,"siteSearch":true,"advancedSearch":false,"themeToggle":false,"mondayFirst":true,"loadLimits":false,"disableLoadMore":false,"hidePersonInfo":true,"showPropertyIcons":true,"filterRedirectsFromSearch":false,"cookieConsent":{"enabled":false,"position":"bar","texts":[],"categories":{"preferences":true,"statistics":true,"marketing":true}},"redirectSubdomain":null,"canonicalDomain":null,"noIndex":false,"viewsExceeded":false,"pagesExceeded":true,"manualSync":false,"syncStatus":"unsynced","publishedAt":null,"custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"indexMembershipTierIds":null,"passwordConfigured":false,"navbar":{"type":"minimal","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":[],"logo":{"type":"text","width":120,"fontSize":18,"textContent":"Spring of Hearts | ربيع قلبي","imageContent":"https://assets.super.so/11168645-9052-4739-ba82-a20b30561260/uploads/logo/5faf9262-a10e-40fa-9427-ce08149530c1.png","imageContentDark":null,"disabled":false},"cta":{"type":"page","label":"","link":"/","pageId":""},"isSticky":true,"breadcrumbs":false},"footer":{"type":"corners","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[{"id":"dfb199e7-2192-4690-a3d3-f4e1a283c3ec","type":"page","label":"Lugha Nour™","link":"/","pageId":"11168645-9052-4739-ba82-a20b30561260:::ef3b63ad-2cb6-4b8d-ad7f-001ff51bb0cb","icon":"","list":[]},{"id":"503eefc6-3bf9-4697-8bd1-7eafc9d08935","type":"page","label":"About","link":"/about","pageId":"11168645-9052-4739-ba82-a20b30561260:::77ca416d-8440-4634-a769-e79c48196182","icon":"","list":[]},{"id":"25e620b6-9be2-49d0-b699-fee4f55abecb","type":"page","label":"Arabic Connectors","link":"/arabic-connectors","pageId":"11168645-9052-4739-ba82-a20b30561260:::c3e2bd20-74ae-4ebc-ae88-5ed493f32a48","icon":"","list":[]},{"id":"e544e2a1-4cb3-47a9-af51-3ea61313044c","type":"page","label":"Arabic Vocabulary Builder","link":"/arabic-vocabulary-builder","pageId":"11168645-9052-4739-ba82-a20b30561260:::91ccde20-3649-4385-a0d2-f234e167dcc6","icon":"","list":[]},{"id":"3c03be9b-0b02-4ccd-965a-4e294490c072","type":"page","label":"Terms of Use","link":"/terms-of-use","pageId":"11168645-9052-4739-ba82-a20b30561260:::80fdbae1-2831-413f-82ce-281ce9eb15de","icon":"","list":[]},{"id":"ea5c71b4-ea4f-457c-9601-6382fa7ad8f8","type":"page","label":"Privacy Policy","link":"/privacy-policy","pageId":"11168645-9052-4739-ba82-a20b30561260:::73d5b12b-4315-407b-8abb-a8de99039cc6","icon":"","list":[]},{"id":"d82b1b8a-5d86-4433-9ecb-0572ab2a03ab","type":"page","label":"Credits","link":"/credits","pageId":"11168645-9052-4739-ba82-a20b30561260:::0817e02f-d125-41cd-bd60-b10369b84053","icon":"","list":[]}],"logo":{"type":"text","width":90,"fontSize":23,"textContent":"Spring of Hearts | ربيع قلبي ","imageContent":null,"imageContentDark":null,"disabled":false},"socials":[],"footnote":"© 2026 Lugha Nour™ | All rights reserved.","divider":true},"sidebar":{"enabled":true,"links":[{"id":"e4d1662d-0736-41c2-9a84-c2980587f994","type":"page","label":"Lugha Nour","link":"/","pageId":"11168645-9052-4739-ba82-a20b30561260:::ef3b63ad-2cb6-4b8d-ad7f-001ff51bb0cb","icon":"","list":[]},{"id":"8d885260-08a4-4579-a749-3345deef1200","type":"page","label":"About","link":"/about","pageId":"11168645-9052-4739-ba82-a20b30561260:::77ca416d-8440-4634-a769-e79c48196182","icon":"","list":[]},{"id":"6bb6695c-34c8-48d8-81a7-3876c3b01c0c","type":"page","label":"Hamza Test","link":"/arabic-vocabulary-builder/hamza-academic-test","pageId":"11168645-9052-4739-ba82-a20b30561260:::e3002393-c416-4934-ae7c-420e9a1f248b","icon":"","list":[]},{"id":"8f7570b0-dfce-4029-a5e6-b0efc80f16ab","type":"page","label":"Attakallum Series","link":"/arabic-vocabulary-builder/about-attakallum","pageId":"11168645-9052-4739-ba82-a20b30561260:::680df6f6-a29e-47cc-8d24-e5f2d3458b1d","icon":"","description":"","list":[]},{"id":"7b5f3e56-8998-4b0e-aede-9b226cf1cdb0","type":"page","label":"Vocabulary Builder","link":"/arabic-vocabulary-builder","pageId":"11168645-9052-4739-ba82-a20b30561260:::91ccde20-3649-4385-a0d2-f234e167dcc6","icon":"","list":[]},{"id":"ce315eb4-e50c-48a7-9134-7fdda1bf853b","type":"page","label":"Arabic Connectors","link":"/arabic-connectors","pageId":"11168645-9052-4739-ba82-a20b30561260:::c3e2bd20-74ae-4ebc-ae88-5ed493f32a48","icon":"","list":[]},{"id":"4edbefa7-09b7-493f-ac01-da71ce94b3a8","type":"page","label":"Terms of Use","link":"/terms-of-use","pageId":"11168645-9052-4739-ba82-a20b30561260:::80fdbae1-2831-413f-82ce-281ce9eb15de","icon":"","list":[]}],"cta":[],"logo":{"type":"text","width":120,"fontSize":18,"textContent":"Spring of Hearts | ربيع قلبي","imageContent":"https://assets.super.so/11168645-9052-4739-ba82-a20b30561260/uploads/logo/5faf9262-a10e-40fa-9427-ce08149530c1.png","imageContentDark":null,"disabled":false},"searchEnabled":false},"theme":{"colorMode":"dark","layout":{"paddingLayout":1.1,"layoutMaxWidth":1000,"columnSpacing":30,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":30,"pageDisplay":"none"},"header":{"coverHeight":80,"titleAlign":"center","iconAlign":"-112px 0 0 0","display":"block"},"collectionCard":{"gap":30,"shadow":"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px","coverHeightLarge":198,"coverHeightMedium":160,"coverHeightSmall":128,"titleSize":1.051,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"inline-flex"},"callout":{"iconDisplay":"block","shadow":"none"},"typography":{"primaryFont":"Lora","secondaryFont":"Noto Sans","fonts":[],"baseSize":16,"titleSize":1.77,"headingSize":1.08,"quoteSize":1.2,"quoteSizeLarge":1.3,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":57,"shadow":"rgba(0, 0, 0, 0.43) 0px 4px 8px -2px"},"footer":{"height":0},"sidebar":{"width":198,"shadow":"rgba(0, 0, 0, 0.53) 4px 0px 8px -2px"},"colors":{"light":{"text":"#090909","textLight":"#114a54","background":"#c5c1c1","borderColor":"#EDEBEB","checkboxBackground":"#516759","hoverBackground":"#728892","scrollbar":{"background":"#798980","handle":"#052431","border":"#F0EFEF"},"navbar":{"text":"#ded5d0","background":"#103849","buttonText":"#324666","buttonBackground":"#956158","hoverBackground":null},"footer":{"text":"#d0cbc9","background":"#49413b","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#e7e7e8","ctaText":"#798980","background":"#656464","hoverBackground":"#728892","ctaBackground":"#0f2b37","border":"#797979"},"database":{"cardBackground":"#e6dfdc","cardHoverBackground":"#f3f1f0","calendarWeekendBackground":"#F4F4F4"},"default":[45,8,20],"gray":[336,3,32],"brown":[30,5,17],"orange":[30,41,37],"yellow":[39,27,48],"green":[120,3,15],"blue":[0,1,28],"purple":[274,12,37],"pink":[330,2,37],"red":[2,48,40],"form":{"submitButton":{"default":"#3b6271","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#1f3e51","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}}},"dark":{"text":"#c3c7ca","textLight":"#9b9b9b","background":"#0f2b37","borderColor":"#ffffff1a","checkboxBackground":"#515151","hoverBackground":"#627781","scrollbar":{"background":"#203d4d","handle":"#466a78","border":"#1c2d36"},"navbar":{"text":"#e8e8e8","background":"#31444e","buttonText":"#191919","buttonBackground":"#e1e1e1","hoverBackground":null},"footer":{"text":"#b6b6b6","background":"#5d6262","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#e8e8e8","ctaText":"#FFFEFE","background":"#3b322d","hoverBackground":"#51646d","ctaBackground":"#f4f7f9","border":"#404141"},"database":{"cardBackground":"#2d4b56","cardHoverBackground":"#556d79","calendarWeekendBackground":"#d3d5da"},"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#2d4b56","purple":"#515151","pink":"#515151","red":"#515151"}},"default":[45,8,20],"gray":[0,0,75],"brown":[15,2,65],"orange":[0,7,72],"yellow":[21,22,76],"green":[199,43,63],"blue":[18,7,66],"purple":[196,31,26],"pink":[327,6,62],"red":[0,0,32]}}},"code":{"global":[{"id":"11168645-9052-4739-ba82-a20b30561260:::202766b3-d7a5-4020-8896-1fec1bace642","content":"$22"}],"head":[],"body":[],"style":[],"css":"$23"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":["$L24",null,"$L25","$L26","$L27","$L28","$L29"]}],"$L2a"]}]

20 - Fear and Precaution | الخشية