.journal-page{--teal:hsl(175,65%,31%);--teal-dark:hsl(175,55%,32%);--navy:hsl(222,47%,11%);--navy-soft:hsl(222,47%,15%);--navy-dark:hsl(222,47%,18%);--muted:hsl(220,9%,42%);--muted-mid:hsl(220,9%,46%);--border:hsl(220,13%,90%);--border-faint:hsl(220,13%,94%);--card-shadow:0 1px 3px rgba(0,0,0,0.04),0 12px 32px -16px rgba(20,40,60,0.10);--max:1216px;min-height:100vh;color:var(--navy);background:#F4F1EA;font-family:var(--font-inter),"Inter",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative;overflow-x:clip;isolation:isolate}.journal-page .page-content{position:relative;z-index:1;margin-bottom:96px}@media (max-width:860px){.journal-page .page-content{margin-bottom:64px}}@keyframes journal-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.journal-page .anim-rise{animation:journal-rise .8s cubic-bezier(.16,.84,.3,1) both}.journal-page .delay-1{animation-delay:.05s}.journal-page .delay-2{animation-delay:.15s}@media (prefers-reduced-motion:reduce){.journal-page .anim-rise{animation:none!important}}.journal-page main{max-width:var(--max);margin:0 auto;padding:40px 32px 0}.journal-page .hero{text-align:center;max-width:720px;margin:40px auto}.journal-page .hero h1{font-family:var(--font-bricolage),"Bricolage Grotesque",system-ui,sans-serif;font-size:clamp(40px,5.5vw,60px);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin-top:0;color:var(--navy)}.journal-page .hero-sub{font-size:18px;color:var(--muted);line-height:1.55;margin-top:18px;text-wrap:pretty}.journal-page .journal-list{max-width:760px;margin:32px auto 0;list-style:none;padding:0;display:flex;flex-direction:column;gap:4px}.journal-page .journal-entry{display:block;background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px 28px;box-shadow:var(--card-shadow);text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease}.journal-page .journal-entry:hover{border-color:hsl(175,40%,78%);transform:translateY(-1px)}.journal-page .journal-entry-date{font-size:12.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-mid)}.journal-page .journal-entry-title{font-family:var(--font-bricolage),"Bricolage Grotesque",system-ui,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.015em;color:var(--navy);margin:6px 0 8px;line-height:1.2}.journal-page .journal-entry-desc{font-size:15px;line-height:1.6;color:var(--navy-dark);margin:0}.journal-page .journal-entry-draft{display:inline-block;margin-left:8px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:hsl(28,70%,32%);background:hsl(40,90%,90%);border:1px dashed hsl(28,70%,60%);border-radius:6px;padding:1px 6px;vertical-align:middle}.journal-page .journal-empty{max-width:760px;margin:32px auto 0;text-align:center;color:var(--muted);font-size:16px}.journal-page .journal-article{max-width:70ch;margin:0 auto;padding-top:8px}.journal-page .journal-post-head{margin-bottom:32px}.journal-page .journal-post-head h1{font-family:var(--font-bricolage),"Bricolage Grotesque",system-ui,sans-serif;font-size:clamp(32px,4.5vw,46px);font-weight:500;letter-spacing:-.025em;line-height:1.1;margin:0 0 14px;color:var(--navy);text-wrap:balance}.journal-page .journal-post-meta{font-size:14px;color:var(--muted-mid);margin:0}.journal-page .journal-post-body{font-size:17px;line-height:1.7;color:var(--navy-dark)}.journal-page .journal-post-body>:first-child{margin-top:0}.journal-page .journal-post-body h2{font-size:26px;letter-spacing:-.015em;margin:40px 0 14px;line-height:1.2}.journal-page .journal-post-body h2,.journal-page .journal-post-body h3{font-family:var(--font-bricolage),"Bricolage Grotesque",system-ui,sans-serif;font-weight:600;color:var(--navy)}.journal-page .journal-post-body h3{font-size:20px;margin:32px 0 12px}.journal-page .journal-post-body p{margin:0 0 20px}.journal-page .journal-post-body ol,.journal-page .journal-post-body ul{margin:0 0 20px;padding-left:24px}.journal-page .journal-post-body li{margin-bottom:8px}.journal-page .journal-post-body strong{color:var(--navy);font-weight:600}.journal-page .journal-post-body a{color:var(--teal-dark);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.journal-page .journal-post-body a:hover{color:var(--teal)}.journal-page .journal-post-body blockquote{margin:0 0 20px;padding:4px 20px;border-left:3px solid hsl(175,40%,78%);color:var(--muted);font-style:italic}.journal-page .journal-post-body code{font-family:var(--font-jetbrains),"JetBrains Mono",ui-monospace,monospace;font-size:.9em;background:rgba(20,40,60,.06);padding:1px 5px;border-radius:5px}.journal-page .journal-post-body pre{overflow-x:auto;background:var(--navy);color:#eef2f0;padding:16px 18px;border-radius:12px;margin:0 0 20px}.journal-page .journal-post-body pre code{background:none;padding:0;color:inherit}.journal-page .journal-post-body hr{border:none;border-top:1px solid var(--border);margin:32px 0}.journal-page .journal-author-bio{margin:40px 0 0;padding-top:24px;border-top:1px solid var(--border);font-size:15px;line-height:1.6;color:var(--muted)}.journal-page .journal-author-bio strong{color:var(--navy);font-weight:600}.journal-page .journal-newsletter{--sf-ivory:#f5f0e6;--sf-mint:#9ed4b9;background:#0a1f17;color:var(--sf-ivory);border-radius:16px;padding:22px 26px;margin-top:40px}.journal-page .journal-newsletter-title{font-family:var(--font-bricolage),"Bricolage Grotesque",system-ui,sans-serif;font-size:18px;font-weight:600;color:var(--sf-ivory);margin:0 0 12px}@media (max-width:720px){.journal-page main{padding:24px 20px 0}.journal-page .journal-entry{padding:20px 22px}.journal-page .journal-post-body{font-size:16px}}