/* * Journey editorial styles. * The marketing pages are the brand; the journey is a person. * Narrow column, serif body, minimal chrome. */ .journey-page { font-family: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif; color: var(--ink-warm, #1c1917); background: var(--paper-warm, #fcfaf7); line-height: 1.7; font-size: 1.0625rem; } /* Re-paint the body background when .journey-page is applied to so the warm paper extends edge-to-edge under the editorial layout. */ body.journey-page { background: var(--paper-warm, #fcfaf7); } .journey-page .prose-narrow { max-width: 42rem; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; } .journey-page h1, .journey-page h2, .journey-page h3 { font-family: "Poppins", system-ui, sans-serif; color: #0f172a; letter-spacing: -0.01em; } .journey-page h1 { font-size: 2.25rem; font-weight: 600; line-height: 1.15; margin-top: 0; } .journey-page h2 { font-size: 1.5rem; font-weight: 600; margin-top: 2.5rem; margin-bottom: 0.75rem; } .journey-page h3 { font-size: 1.2rem; font-weight: 600; margin-top: 1.75rem; margin-bottom: 0.5rem; } .journey-page p { margin-top: 1rem; margin-bottom: 1rem; } .journey-page ul, .journey-page ol { padding-left: 1.5rem; margin-top: 1rem; margin-bottom: 1rem; } .journey-page ul li { list-style: disc; } .journey-page ol li { list-style: decimal; } .journey-page li { margin-top: 0.25rem; margin-bottom: 0.25rem; } .journey-page a { color: var(--brand-700, #0f766e); text-decoration: underline; text-underline-offset: 2px; } .journey-page a:hover { color: var(--brand-800, #115e59); } .journey-page blockquote { border-left: 4px solid #cbd5e1; padding-left: 1rem; margin: 1.25rem 0; color: #475569; font-style: italic; } .journey-page code { background: #f1f5f9; padding: 0.1rem 0.35rem; border-radius: 4px; font-size: 0.9em; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; } .journey-page pre { background: #0f172a; color: #e2e8f0; padding: 1rem 1.1rem; border-radius: 8px; overflow-x: auto; font-size: 0.9rem; line-height: 1.55; margin: 1.25rem 0; } .journey-page pre code { background: transparent; color: inherit; padding: 0; border-radius: 0; } .journey-page hr { border: 0; border-top: 1px solid #e2e8f0; margin: 2rem 0; } /* "Lesson" callout — drop a

starting with "Lesson:" or use > **Lesson:** ... in markdown to get the styled blockquote. */ .journey-page .lesson, .journey-page blockquote.lesson { border-left-color: #0f172a; background: #f8fafc; padding: 1rem 1.25rem; margin: 2rem 0; font-style: normal; color: #0f172a; border-radius: 0 8px 8px 0; } .journey-meta { color: #64748b; font-size: 0.875rem; margin-bottom: 2.5rem; font-family: "Poppins", system-ui, sans-serif; } .journey-meta .sep { margin: 0 0.5rem; color: #cbd5e1; } .journey-nav { padding: 1rem 1.25rem; border-bottom: 1px solid #e7e5e4; /* stone-200 for the warmer zone */ background: var(--paper-warm, #fcfaf7); font-family: "Poppins", system-ui, sans-serif; } .journey-nav .inner { max-width: 42rem; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; font-size: 0.875rem; } .journey-nav a { color: #0f172a; text-decoration: none; } .journey-nav a:hover { color: #334155; } .journey-timeline-entry { padding: 1.5rem 0; border-bottom: 1px solid #e2e8f0; } .journey-timeline-entry:last-child { border-bottom: 0; } .journey-timeline-entry .date { font-family: "Poppins", system-ui, sans-serif; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.12em; color: #64748b; margin-bottom: 0.35rem; } .journey-timeline-entry .title { font-family: "Poppins", system-ui, sans-serif; font-size: 1.35rem; font-weight: 600; color: #0f172a; margin-bottom: 0.35rem; } .journey-timeline-entry .teaser { color: #475569; margin-bottom: 0.5rem; } .journey-timeline-entry a.read { font-family: "Poppins", system-ui, sans-serif; font-size: 0.875rem; color: #0f172a; text-decoration: underline; }