/* Open Eyes page-owned stylesheet (2026-10-20): the free-tutorial download-section pilot (spec tiles, sign-up card, member card, gray guide card, newsletter card, author/favorites split) copied from CSS entry 1694002 lines 3581-3697 (scoped there to posts 1699371 + 1702632) and rescoped to post 1703730. Roll-out = add the post id to the shared scope. */
/* ==== Free tutorial download section pilot (post 1699371, 2026-10-06) ===============================
   Mirrors the Lightroom Presets Sample Pack sidebar (1217329, pack CSS 1698103): spec tiles under the
   author row, a coral sign-up card with a black "Create a free account to download" button, and the
   gray PDF guide card with a document icon. Scoped to body.postid-1703730 for the pilot; source file
   /Volumes/PHLEARN/tmp/free-categories-2026-10/free-dl-pilot/pilot.css. Classes are free-*, never ph-*. */
body.postid-1703730 ul.free-specs { display: grid !important; grid-template-columns: 1fr 1fr !important; align-items: stretch !important; gap: 8px !important; width: auto !important; margin: 18px 0 18px !important; padding: 0 !important; list-style: none !important; border: 0 !important; }
body.postid-1703730 ul.free-specs > li { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; text-align: left !important; min-width: 0 !important; min-height: 50px !important; margin: 0 !important; padding: 8px 10px 8px 48px !important; background: #fff !important; border: 1px solid #eceef0 !important; border-radius: 8px !important; box-shadow: 0 1px 2px rgba(22,25,28,.04), 0 4px 12px rgba(22,25,28,.06) !important; list-style: none !important; transition: transform .2s, box-shadow .2s, border-color .2s !important; }
body.postid-1703730 ul.free-specs > li::after { content: "" !important; display: block !important; position: absolute !important; left: 10px !important; top: 50% !important; width: 30px !important; height: 30px !important; margin-top: -15px !important; border-radius: 50% !important; background: #fff1ef !important; transition: background-color .2s, transform .2s !important; z-index: 0 !important; }
body.postid-1703730 ul.free-specs > li::before { content: "" !important; display: block !important; position: absolute !important; left: 16px !important; top: 50% !important; width: 18px !important; height: 18px !important; margin-top: -9px !important; background-color: #ff5248 !important; -webkit-mask: var(--free-spec-icon) center / contain no-repeat !important; mask: var(--free-spec-icon) center / contain no-repeat !important; z-index: 1 !important; transition: background-color .2s !important; }
body.postid-1703730 ul.free-specs > li:hover { transform: translateY(-2px) !important; border-color: #ffb3ab !important; box-shadow: 0 2px 4px rgba(22,25,28,.06), 0 12px 24px rgba(255,82,72,.16) !important; }
body.postid-1703730 ul.free-specs > li:hover::after { background: #ff5248 !important; transform: scale(1.06) !important; }
body.postid-1703730 ul.free-specs > li:hover::before { background-color: #fff !important; }
body.postid-1703730 ul.free-specs .free-specs__value { display: block !important; margin: 0 !important; font-family: Lato, sans-serif !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.2 !important; color: #16191c !important; overflow-wrap: anywhere; }
body.postid-1703730 ul.free-specs .free-specs__label { display: block !important; margin: 1px 0 0 !important; font-family: Lato, sans-serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.35 !important; color: #5f666d !important; }
body.postid-1703730 ul.free-specs > li { --free-spec-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E"); }
body.postid-1703730 ul.free-specs > li.free-specs--software { --free-spec-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 10 5-10 5L2 7z'/%3E%3Cpath d='m2 17 10 5 10-5'/%3E%3Cpath d='m2 12 10 5 10-5'/%3E%3C/svg%3E"); }
body.postid-1703730 ul.free-specs > li.free-specs--video { --free-spec-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolygon points='10 8 16 12 10 16 10 8'/%3E%3C/svg%3E"); }
body.postid-1703730 ul.free-specs > li.free-specs--images { --free-spec-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.09-3.09a2 2 0 0 0-2.82 0L6 21'/%3E%3C/svg%3E"); }
body.postid-1703730 ul.free-specs > li.free-specs--psd { --free-spec-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='13' height='13' rx='2'/%3E%3Cpath d='M4 16V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E"); }
body.postid-1703730 ul.free-specs > li.free-specs--tips { --free-spec-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E"); }
@media (max-width: 380px) { body.postid-1703730 ul.free-specs { grid-template-columns: 1fr !important; } }

/* Sign-up card (guests): the presets page's .ph-free-dl-guest look on the free tutorial's download card */
body.postid-1703730 .cb-module .ph-download-card.free-dl-card { display: block !important; padding: 22px 24px 24px 26px !important; margin: 0 !important; background: #fff4f2 !important; border: 1px solid #ffd9d4 !important; border-left: 4px solid #ff5248 !important; border-radius: 8px !important; box-shadow: none !important; transition: transform .2s, box-shadow .2s !important; }
body.postid-1703730 .cb-module .ph-download-card.free-dl-card:hover { transform: translateY(-2px) !important; box-shadow: 0 2px 4px rgba(22,25,28,.05), 0 12px 26px rgba(255,82,72,.16) !important; }
body.postid-1703730 .cb-module .free-dl-card p.free-dl-card__eyebrow { display: block !important; margin: 0 !important; padding: 0 !important; font-family: Lato, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.65 !important; letter-spacing: 1.4px !important; text-transform: uppercase !important; color: #e0463d !important; }
body.postid-1703730 .cb-module .free-dl-card p.free-dl-card__eyebrow::before { display: none !important; content: none !important; }
body.postid-1703730 .cb-module .free-dl-card p.free-dl-card__title { margin: 0 !important; padding: 0 !important; font-family: Lato, sans-serif !important; font-size: 22px !important; font-weight: 900 !important; line-height: 1.15 !important; letter-spacing: 0 !important; color: #16191c !important; }
body.postid-1703730 .cb-module .free-dl-card p.free-dl-card__text { margin: 8px 0 18px !important; padding: 0 !important; font-family: Lato, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.55 !important; color: #3d4247 !important; }
body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__btn.trigger-download { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 15px 18px !important; background: #16191c !important; border: 0 !important; border-radius: 6px !important; color: #fff !important; font-family: Lato, sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 1.04px !important; text-transform: uppercase !important; text-align: center !important; text-decoration: none !important; box-shadow: none !important; transform: none !important; transition: background-color .2s !important; }
body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__btn.trigger-download::before { content: "" !important; display: block !important; flex: 0 0 auto !important; width: 18px !important; height: 18px !important; background: #fff !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2'/%3E%3C/svg%3E") center / contain no-repeat !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2'/%3E%3C/svg%3E") center / contain no-repeat !important; }
body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__btn.trigger-download::after { display: none !important; }
body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__btn.trigger-download:hover, body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__btn.trigger-download:focus-visible { background: #ff5248 !important; color: #fff !important; transform: none !important; box-shadow: none !important; text-decoration: none !important; }
body.postid-1703730 .cb-module .free-dl-card p.free-dl-card__note { margin: 14px 0 0 !important; padding: 0 !important; font-family: Lato, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.55 !important; color: #3d4247 !important; }
@media (max-width: 767px) { body.postid-1703730 .cb-module .ph-download-card.free-dl-card { padding: 20px 18px 20px 20px !important; } body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__btn.trigger-download { padding: 13px 12px !important; white-space: normal !important; } }

/* Logged-in card: the same coral card; the sample images are the black button, the PSD packs are outlined buttons under it */
body.postid-1703730 .cb-module .free-dl-card .free-dl-card__more { display: flex !important; flex-direction: column !important; gap: 8px !important; margin: 10px 0 0 !important; }
body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__chip.trigger-download { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 10px 14px !important; background: #fff !important; border: 1px solid #c9cdd2 !important; border-radius: 6px !important; color: #16191c !important; font-family: Lato, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; text-align: center !important; text-decoration: none !important; box-shadow: none !important; transform: none !important; white-space: normal !important; transition: color .2s, border-color .2s !important; }
body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__chip.trigger-download::after { display: none !important; }
body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__chip.trigger-download:hover, body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__chip.trigger-download:focus-visible { background: #fff !important; color: #e0463d !important; border-color: #ff5248 !important; transform: none !important; box-shadow: none !important; text-decoration: none !important; }

/* PDF guide card: the presets page's gray "Install Guide" card with the document icon */
body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc { position: relative !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px 16px !important; margin: 0 !important; padding: 18px 20px 18px 70px !important; background: #f5f6f7 !important; border: 1px solid #eceef0 !important; border-left: 1px solid #eceef0 !important; border-radius: 8px !important; box-shadow: none !important; transform: none !important; }
body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc:hover { transform: none !important; box-shadow: none !important; }
body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc::before { content: "" !important; position: absolute !important; left: 18px !important; top: 20px !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #e6e8eb !important; }
body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc::after { content: "" !important; position: absolute !important; left: 27px !important; top: 29px !important; width: 18px !important; height: 18px !important; background: #3d4247 !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E") center / contain no-repeat !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E") center / contain no-repeat !important; }
body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc > p { flex: 1 1 100% !important; margin: 0 !important; }
body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc p.free-guide-card__eyebrow { font-size: 11px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 1.4px !important; text-transform: uppercase !important; color: #5f666d !important; margin: 0 !important; }
body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc p.free-guide-card__title { font-family: Lato, sans-serif !important; font-size: 17px !important; line-height: 1.3 !important; font-weight: 800 !important; color: #16191c !important; margin: 2px 0 6px !important; }
body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc p.free-guide-card__text { font-size: 14px !important; line-height: 1.5 !important; color: #5f666d !important; margin: 0 0 12px !important; }
body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc > p:has(> a.free-guide-card__btn) { display: flex !important; flex: 1 1 100% !important; min-width: 0 !important; margin: 0 !important; }
body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc a.cta-btn.free-guide-card__btn { display: flex !important; justify-content: center !important; width: 100% !important; margin: 0 !important; padding: 9px 14px !important; background: #fff !important; border: 1px solid #c9cdd2 !important; border-radius: 6px !important; color: #16191c !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 1.2px !important; line-height: 1.2 !important; text-transform: uppercase !important; box-shadow: none !important; transform: none !important; }
body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc a.cta-btn.free-guide-card__btn:hover, body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc a.cta-btn.free-guide-card__btn:focus-visible { background: #fff !important; color: #e0463d !important; border-color: #ff5248 !important; transform: none !important; box-shadow: none !important; text-decoration: none !important; }
@media (min-width: 768px) and (max-width: 991px) { body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc { padding: 18px !important; } body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc::before, body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc::after { display: none !important; } }
@media (max-width: 767px) { body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc { padding: 16px 16px 16px 64px !important; } body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc::before { left: 14px !important; top: 18px !important; } body.postid-1703730 main .cb-module .free-guide-card.free-guide-card--doc::after { left: 23px !important; top: 27px !important; } }
/* ==== end Free tutorial download section pilot ==== */


/* ==== Author row, ported from the pack pages (Aaron 2026-10-06: "I redid the by Aaron Nace CSS for Film Vibes…
   port that over to the author for the free tutorials and… the pro tutorials"). Same values as pack CSS 1698103:
   44px round avatar, "by" and the date 13px gray, the name 16px/800 dark, coral on hover. Every tutorial page. */
body.single-tutorial main ul.tutorial-overview-list:has(> li.favorite) > li.tutorial-author img { width: 44px !important; height: 44px !important; margin-right: 12px !important; border-radius: 50% !important; }
body.single-tutorial main ul.tutorial-overview-list:has(> li.favorite) > li.tutorial-author > a { flex: 0 0 auto !important; width: auto !important; max-width: none !important; }
body.single-tutorial main ul.tutorial-overview-list:has(> li.favorite) > li.tutorial-author .tutorial-author-by { font-family: Lato, sans-serif !important; font-size: 13px !important; line-height: 1.35 !important; color: #5f666d !important; }
body.single-tutorial main ul.tutorial-overview-list:has(> li.favorite) > li.tutorial-author .tutorial-author-by a, body.single-tutorial main ul.tutorial-overview-list:has(> li.favorite) > li.tutorial-author .tutorial-author-by a strong { font-size: 16px !important; font-weight: 800 !important; color: #16191c !important; text-decoration: none !important; border: 0 !important; box-shadow: none !important; }
body.single-tutorial main ul.tutorial-overview-list:has(> li.favorite) > li.tutorial-author .tutorial-author-by a:hover strong { color: #e0463d !important; }
body.single-tutorial main ul.tutorial-overview-list:has(> li.favorite) > li.tutorial-author .tutorial-author-by span, body.single-tutorial main ul.tutorial-overview-list:has(> li.favorite) > li.tutorial-author .tutorial-author-by em { font-size: 13px !important; font-style: normal !important; color: #5f666d !important; }
/* ==== end Author row ==== */

/* ==== Free download section pilot (1699371), additions 2026-10-06 ====================================
   Aaron: the gap under the author row is too big (the overview list's 40px bottom margin + the tiles' 18px);
   the download button should get the pack pages' icon drop animation on hover/click, and the lift + coral glow. */
body.postid-1703730 .cb-module-free-tutorial-overview ul.tutorial-overview-list { margin-bottom: 0 !important; }
@keyframes free-dl-drop { 0% { transform: translateY(0); } 40% { transform: translateY(3px); } 70% { transform: translateY(-1px); } 100% { transform: translateY(0); } }
body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__btn.trigger-download { box-shadow: 0 4px 12px rgba(22,25,28,.18) !important; transition: background-color .2s, transform .2s, box-shadow .2s !important; }
body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__btn.trigger-download:hover, body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__btn.trigger-download:focus-visible, body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__btn.trigger-download:active { background: #ff5248 !important; color: #fff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 18px rgba(255,82,72,.5) !important; }
body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__btn.trigger-download:hover::before, body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__btn.trigger-download:focus-visible::before, body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__btn.trigger-download:active::before { animation: free-dl-drop .5s ease 1 !important; }
@media (prefers-reduced-motion: reduce) { body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__btn.trigger-download { transition: none !important; } body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__btn.trigger-download:hover { transform: none !important; } body.postid-1703730 .cb-module .free-dl-card a.free-dl-card__btn.trigger-download:hover::before { animation: none !important; } }
/* ==== end pilot additions ==== */

/* pilot gap match (2026-10-06): author row to tiles = 14px like the Film Vibes pack page */
body.postid-1703730 ul.free-specs { margin-top: 22px !important; }

/* pilot author/favorites split (Aaron 2026-10-06): the divider between the author and Add to favorites sits on the
   gutter between the two tile columns (each half = 50%), the heart lines up with the right column's icons */
body.postid-1703730 .cb-module-free-tutorial-overview ul.tutorial-overview-list li.tutorial-author { flex: 0 0 50% !important; width: 50% !important; max-width: 50% !important; box-sizing: border-box !important; }
body.postid-1703730 .cb-module-free-tutorial-overview ul.tutorial-overview-list li.favorite { flex: 0 0 50% !important; width: 50% !important; max-width: 50% !important; box-sizing: border-box !important; margin: -8px 0 !important; padding: 8px 12px 8px 6px !important; }

/* ==== Free newsletter card, pilot on 1699371 (Aaron 2026-10-06: the "Enjoying this free tutorial?" module is too
   big and the black button too strong — rethink it). The gray card of the PDF guide, a mail icon, the question as
   the eyebrow, a title line, one sentence, then the Sendlane email field and a small black button (coral + lift on
   hover; option B of three, Aaron's pick) on ONE row. Beats the rules
   `body.single-tutorial .cb-module.grid-right.overview-description:has(.slf-form)…` (0,6,1) — hence the long
   selector on the card and on every form rule. The Sendlane form carries inline styles, so everything is !important.
   Module markup: the h4 (module title) stays, a p.free-news__title is added above the text, the text is one sentence.
   Source: /Volumes/PHLEARN/tmp/free-categories-2026-10/free-dl-pilot/newsletter.css */
body.postid-1703730.single-tutorial main .cb-row .cb-module.grid-right.overview-description.newsletter-module:has(.slf-form) { position: relative !important; background: #f5f6f7 !important; border: 1px solid #eceef0 !important; border-radius: 8px !important; padding: 18px 20px 18px 70px !important; }
body.postid-1703730 .cb-module.newsletter-module::before { content: "" !important; position: absolute !important; left: 18px !important; top: 20px !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #e6e8eb !important; }
body.postid-1703730 .cb-module.newsletter-module::after { content: "" !important; position: absolute !important; left: 27px !important; top: 29px !important; width: 18px !important; height: 18px !important; background: #3d4247 !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center / contain no-repeat !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center / contain no-repeat !important; }
body.postid-1703730 .cb-module.newsletter-module > header.module-header { margin: 0 !important; padding: 0 !important; }
body.postid-1703730 .cb-module.newsletter-module > header.module-header h4 { margin: 0 !important; padding: 0 !important; font-family: Lato, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 1.4px !important; text-transform: uppercase !important; color: #5f666d !important; }
body.postid-1703730 .cb-module.newsletter-module > header.module-header h4::before, body.postid-1703730 .cb-module.newsletter-module > header.module-header h4::after { display: none !important; content: none !important; }
body.postid-1703730 .cb-module.newsletter-module > p { margin: 0 0 12px !important; font-family: Lato, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.5 !important; color: #5f666d !important; }
body.postid-1703730 .cb-module.newsletter-module > p.free-news__title { margin: 4px 0 6px !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.3 !important; color: #16191c !important; }
body.postid-1703730.single-tutorial main .cb-row .cb-module.grid-right.overview-description.newsletter-module:has(.slf-form) .sendlane-form .slf-widget__layout { display: block !important; max-width: none !important; min-width: 0 !important; background: transparent !important; }
body.postid-1703730.single-tutorial main .cb-row .cb-module.grid-right.overview-description.newsletter-module:has(.slf-form) form#slf-form { padding: 0 !important; min-height: 0 !important; background: transparent !important; }
body.postid-1703730.single-tutorial main .cb-row .cb-module.grid-right.overview-description.newsletter-module:has(.slf-form) .form-element[sl-form-element-type="text"] { display: none !important; }
body.postid-1703730.single-tutorial main .cb-row .cb-module.grid-right.overview-description.newsletter-module:has(.slf-form) form#slf-form .elements { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: 8px !important; }
body.postid-1703730.single-tutorial main .cb-row .cb-module.grid-right.overview-description.newsletter-module:has(.slf-form) form#slf-form .elements > .form-element[sl-form-element-type="field"] { width: auto !important; flex: 1 1 0% !important; min-width: 0 !important; margin: 0 !important; }
body.postid-1703730.single-tutorial main .cb-row .cb-module.grid-right.overview-description.newsletter-module:has(.slf-form) form#slf-form .elements > .form-element[sl-form-element-type="submit"] { width: auto !important; flex: 0 0 auto !important; margin: 0 !important; }
body.postid-1703730.single-tutorial main .cb-row .cb-module.grid-right.overview-description.newsletter-module:has(.slf-form) input.field-input { box-sizing: border-box !important; width: 100% !important; height: 40px !important; min-height: 0 !important; margin: 0 !important; padding: 0 12px !important; font-family: Lato, sans-serif !important; font-size: 14px !important; color: #16191c !important; background: #fff !important; border: 1px solid #c9cdd2 !important; border-radius: 6px !important; }
body.postid-1703730.single-tutorial main .cb-row .cb-module.grid-right.overview-description.newsletter-module:has(.slf-form) input.field-input:focus { outline: none !important; border-color: #ff5248 !important; }
body.postid-1703730.single-tutorial main .cb-row .cb-module.grid-right.overview-description.newsletter-module:has(.slf-form) button.slf-button { width: auto !important; height: 40px !important; min-height: 0 !important; margin: 0 !important; padding: 0 16px !important; background: #16191c !important; color: #fff !important; border: 1px solid #16191c !important; border-radius: 6px !important; font-family: Lato, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; white-space: nowrap !important; cursor: pointer !important; box-shadow: 0 4px 12px rgba(22,25,28,.18) !important; transform: none !important; transition: background-color .2s, transform .2s, box-shadow .2s !important; }
body.postid-1703730.single-tutorial main .cb-row .cb-module.grid-right.overview-description.newsletter-module:has(.slf-form) button.slf-button p { margin: 0 !important; font: inherit !important; color: inherit !important; }
body.postid-1703730.single-tutorial main .cb-row .cb-module.grid-right.overview-description.newsletter-module:has(.slf-form) button.slf-button:hover, body.postid-1703730.single-tutorial main .cb-row .cb-module.grid-right.overview-description.newsletter-module:has(.slf-form) button.slf-button:focus-visible { background: #ff5248 !important; border-color: #ff5248 !important; color: #fff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 18px rgba(255,82,72,.5) !important; }
/* ==== end Free newsletter card ==== */