/* ---- WLS Post Styles ---- */ .wls-post-wrap { font-family: Georgia, 'Times New Roman', serif; color: #1a1a1a; max-width: 800px; margin: 0 auto; line-height: 1.75; } .wls-post-wrap * { box-sizing: border-box; } .wls-post-wrap p { font-size: 17px; margin-bottom: 1.1rem; color: #222; } .wls-post-wrap h2 { font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 23px; font-weight: 700; color: #6B21A8; border-bottom: 2px solid #6B21A8; padding-bottom: 6px; margin: 2.2rem 0 .8rem; } .wls-post-wrap h3 { font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 18px; font-weight: 700; color: #3b0764; margin: 1.6rem 0 .5rem; } .wls-post-wrap strong { color: #3b0764; } /* Episode badge */ .wls-ep-badge { display: inline-block; background: #6B21A8; color: #fff; font-family: Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 5px 14px; border-radius: 20px; margin-bottom: 14px; } .wls-ep-series { display: inline-block; background: #B45309; color: #fff; font-family: Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .06em; padding: 5px 12px; border-radius: 20px; margin-bottom: 14px; margin-left: 6px; } /* Executive summary */ .wls-exec-summary { background: #f5f0ff; border-left: 5px solid #6B21A8; border-radius: 0 8px 8px 0; padding: 1.1rem 1.4rem; margin-bottom: 1.5rem; } .wls-exec-summary .wls-label { font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: #6B21A8; margin-bottom: 6px; } .wls-exec-summary p { font-size: 15px; color: #3b0764; margin: 0; font-style: italic; line-height: 1.7; } /* Quick takeaways */ .wls-takeaways { background: #faf7ff; border: 1.5px solid #d8b4fe; border-radius: 10px; padding: 1.1rem 1.4rem 1.1rem 1.4rem; margin-bottom: 1.75rem; } .wls-takeaways .wls-label { font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: #6B21A8; margin-bottom: 10px; } .wls-takeaways ul { margin: 0; padding: 0; list-style: none; } .wls-takeaways ul li { font-size: 15px; color: #222; padding: 7px 0 7px 26px; position: relative; border-bottom: 1px solid #ede9fe; line-height: 1.55; font-family: Arial, sans-serif; } .wls-takeaways ul li:last-child { border-bottom: none; padding-bottom: 0; } .wls-takeaways ul li::before { content: "?"; position: absolute; left: 0; color: #1D9E75; font-weight: 900; font-size: 15px; top: 7px; } /* Try This Now box */ .wls-try-this { background: #ecfdf5; border-left: 5px solid #1D9E75; border-radius: 0 8px 8px 0; padding: .9rem 1.2rem; margin: 1.2rem 0 1.4rem; } .wls-try-this .wls-label { font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: #0F6E56; margin-bottom: 6px; } .wls-try-this p { font-size: 14.5px; color: #065f46; margin: 0; line-height: 1.65; } /* Pull quote */ .wls-pull-quote { border-left: 5px solid #B45309; padding: .8rem 1.2rem; margin: 1.3rem 0; background: #fffbeb; border-radius: 0 8px 8px 0; } .wls-pull-quote p { font-size: 16.5px; color: #78350f; font-style: italic; margin: 0; line-height: 1.7; } /* Flywheel table */ .wls-flywheel-wrap { overflow-x: auto; margin: 1.3rem 0; } .wls-flywheel { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; } .wls-flywheel thead th { background: #6B21A8; color: #fff; padding: 10px 14px; text-align: left; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; } .wls-flywheel tbody tr { border-bottom: 1px solid #ede9fe; } .wls-flywheel tbody tr:last-child { border-bottom: 2px solid #6B21A8; background: #f5f0ff; } .wls-flywheel tbody tr:hover { background: #faf7ff; } .wls-flywheel td { padding: 10px 14px; color: #1a1a1a; line-height: 1.55; vertical-align: top; } .wls-flywheel td:first-child { font-weight: 700; color: #6B21A8; white-space: nowrap; width: 120px; } .wls-flywheel td:nth-child(2) { font-weight: 700; color: #3b0764; } /* Comparison table */ .wls-compare-wrap { overflow-x: auto; margin: 1.3rem 0; } .wls-compare { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; } .wls-compare thead th { padding: 10px 14px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; text-align: left; } .wls-compare thead th:first-child { background: #6b7280; color: #fff; } .wls-compare thead th:last-child { background: #6B21A8; color: #fff; } .wls-compare tbody tr { border-bottom: 1px solid #e5e7eb; } .wls-compare tbody tr:nth-child(even) td:last-child { background: #faf7ff; } .wls-compare tbody tr:nth-child(odd) td:last-child { background: #f5f0ff; } .wls-compare td { padding: 9px 14px; vertical-align: top; line-height: 1.5; } .wls-compare td:first-child { color: #4b5563; text-decoration: line-through; text-decoration-color: #d1d5db; } .wls-compare td:last-child { color: #3b0764; font-weight: 600; } /* PAA section */ .wls-paa { background: #faf7ff; border: 1px solid #d8b4fe; border-radius: 10px; padding: 1.1rem 1.4rem; margin: 1.5rem 0; } .wls-paa .wls-label { font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: #6B21A8; margin-bottom: 12px; } .wls-paa-item { border-bottom: 1px solid #ede9fe; padding-bottom: 12px; margin-bottom: 12px; } .wls-paa-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .wls-paa-q { font-family: Arial, sans-serif; font-size: 15px; font-weight: 700; color: #3b0764; margin-bottom: 5px; } .wls-paa-a { font-family: Arial, sans-serif; font-size: 14px; color: #374151; line-height: 1.65; margin: 0; } /* Action steps */ .wls-steps { list-style: none; margin: .5rem 0 1rem; padding: 0; } .wls-steps li { display: flex; align-items: flex-start; gap: 12px; padding: 9px 0; border-bottom: 1px solid #ede9fe; font-family: Arial, sans-serif; font-size: 14.5px; color: #222; line-height: 1.55; } .wls-steps li:last-child { border-bottom: none; } .wls-step-badge { flex-shrink: 0; background: #6B21A8; color: #fff; font-size: 11px; font-weight: 700; padding: 2px 10px; border-radius: 20px; white-space: nowrap; margin-top: 2px; } .wls-step-badge.teal { background: #1D9E75; } .wls-step-badge.gold { background: #B45309; } /* Mistakes */ .wls-mistakes { list-style: none; margin: .5rem 0 1rem; padding: 0; } .wls-mistakes li { display: flex; align-items: flex-start; gap: 12px; padding: 9px 0; border-bottom: 1px solid #fee2e2; font-family: Arial, sans-serif; font-size: 14.5px; color: #222; line-height: 1.55; } .wls-mistakes li:last-child { border-bottom: none; } .wls-mistakes .mx { color: #b91c1c; font-size: 17px; font-weight: 900; flex-shrink: 0; margin-top: -1px; } /* Trending 2026 */ .wls-trend { display: flex; align-items: flex-start; gap: 12px; padding: 9px 0; border-bottom: 1px solid #d1fae5; font-family: Arial, sans-serif; font-size: 14.5px; color: #222; line-height: 1.55; } .wls-trend:last-child { border-bottom: none; } .wls-trend-badge { flex-shrink: 0; background: #1D9E75; color: #fff; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 20px; white-space: nowrap; margin-top: 3px; letter-spacing: .05em; } /* CTA box */ .wls-cta { background: linear-gradient(135deg, #f5f0ff 0%, #ecfdf5 100%); border: 2px solid #6B21A8; border-radius: 12px; padding: 1.75rem 2rem; margin: 2.5rem 0; text-align: center; } .wls-cta h3 { font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 22px; font-weight: 700; color: #3b0764; margin-bottom: .5rem; margin-top: 0; border: none; } .wls-cta .cta-sub { font-family: Arial, sans-serif; font-size: 14.5px; color: #374151; margin-bottom: 1rem; line-height: 1.6; font-style: italic; } .wls-cta ul { list-style: none; text-align: left; max-width: 540px; margin: 0 auto 1.4rem; padding: 0; } .wls-cta ul li { font-family: Arial, sans-serif; font-size: 14.5px; color: #1a1a1a; padding: 5px 0 5px 26px; position: relative; line-height: 1.55; } .wls-cta ul li::before { content: "?"; position: absolute; left: 0; font-size: 14px; } .wls-cta-btn { display: inline-block; background: #6B21A8; color: #ffffff !important; font-family: Arial, sans-serif; font-size: 16px; font-weight: 700; padding: 14px 32px; border-radius: 8px; text-decoration: none !important; letter-spacing: .03em; margin-top: .5rem; } .wls-cta-btn:hover { background: #3b0764; } .wls-cta-url { font-family: Arial, sans-serif; font-size: 13px; color: #6B21A8; margin-top: 10px; } /* Bios */ .wls-bios { display: flex; gap: 16px; margin: 1.75rem 0; flex-wrap: wrap; } .wls-bio-card { flex: 1; min-width: 240px; background: #faf7ff; border: 1px solid #d8b4fe; border-radius: 10px; padding: 1rem 1.15rem; } .wls-bio-name { font-family: Arial, sans-serif; font-size: 13px; font-weight: 700; color: #6B21A8; margin-bottom: 6px; } .wls-bio-text { font-family: Arial, sans-serif; font-size: 13px; color: #374151; line-height: 1.65; margin: 0; } /* Related links */ .wls-related { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 10px; padding: 1rem 1.4rem; margin: 1.5rem 0; } .wls-related .wls-label { font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: #6B21A8; margin-bottom: 10px; } .wls-related ul { margin: 0; padding: 0; list-style: none; } .wls-related ul li { font-family: Arial, sans-serif; font-size: 14px; padding: 5px 0 5px 18px; position: relative; border-bottom: 1px solid #e5e7eb; color: #222; } .wls-related ul li:last-child { border-bottom: none; } .wls-related ul li::before { content: "?"; position: absolute; left: 0; color: #6B21A8; font-weight: 700; } .wls-related ul li a { color: #6B21A8; text-decoration: underline; } .wls-divider { border: none; border-top: 2px solid #ede9fe; margin: 2.2rem 0; } .wls-section-label { font-family: Arial,