.journal{width:min(1120px,calc(100% - 40px));margin-inline:auto}.journal .crumbs ol{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 28px;padding:0;list-style:none;font-size:.875rem;color:var(--text-muted)}.journal .crumbs li+li:before{content:"/";margin-right:6px;opacity:.6}.journal .crumbs li[aria-current]{color:var(--text-primary);max-width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journal .crumbs a{color:inherit}.journal .eyebrow{margin:0 0 12px;color:var(--accent);font-size:.8125rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.journal .metadata{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0}.journal .metadata>*+*:before{content:"\0000b7";margin-right:14px;opacity:.6}.journal .journal-head{margin-bottom:40px}.journal .journal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:24px;margin:0;padding:0;list-style:none}.journal .journal-grid>li{display:flex}.journal .journal-card{position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--bg-elevated);transition:border-color .2s ease-out,transform .2s ease-out}.journal .journal-card:hover,.journal .journal-card:focus-within{border-color:var(--accent);transform:translateY(-2px)}.journal .journal-card-media{display:block;aspect-ratio:16 / 9;overflow:hidden}.journal .journal-card-media img{display:block;width:100%;height:100%;object-fit:cover}.journal .journal-card-body{display:flex;flex:1;flex-direction:column;gap:12px;padding:22px 24px 26px}.journal .journal-card :is(h2,h3){margin:0;font-family:var(--font-display);font-size:1.3rem;line-height:1.25;letter-spacing:-.02em}.journal .journal-card :is(h2,h3) a{color:var(--text-primary);text-decoration:none}.journal .journal-card :is(h2,h3) a:after{content:"";position:absolute;inset:0;border-radius:inherit}.journal .journal-card p{margin:0}.journal .journal-card-more{margin-top:auto;padding-top:6px;color:var(--accent);font-weight:600}.journal .post-head{max-width:860px;margin:0 auto 36px;text-align:center}.journal .post-head .crumbs ol,.journal .post-head .metadata{justify-content:center}.journal .post-head h1{max-width:none;margin-inline:auto;font-size:clamp(2.2rem,5vw,3.8rem)}.journal .post-lede{max-width:62ch;margin:0 auto 20px;font-size:1.2rem}.journal .post-hero{margin:0 0 48px}.journal .post-hero img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid var(--border)}.journal .post-body{max-width:860px;margin-inline:auto;font-size:1.125rem;line-height:1.75}.journal .post-body .mdx-content{max-width:none}.journal .post-body .mdx-content>:first-child{margin-top:0}.journal .post-body :is(p,li){color:var(--text-primary);opacity:.9}.journal .post-body h2{margin:56px 0 18px}.journal .post-body h3{margin:36px 0 12px;font-size:1.35rem}.journal .post-body figure{margin:40px 0}.journal .post-body figure img{display:block;width:100%;border-radius:14px}.journal .post-body figcaption{margin-top:10px;color:var(--text-muted);font-size:.9rem;text-align:center}.journal .post-body li+li{margin-top:.4em}.journal .post-takeaways{margin:0 0 48px;padding:28px 32px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:14px;background:var(--bg-elevated)}.journal .post-takeaways h2{margin:0 0 12px;font-size:1.25rem}.journal .post-takeaways ul{margin:0;padding-left:1.2em;list-style:disc}.journal .post-faq{margin-top:64px}.journal .post-faq details{border-bottom:1px solid var(--border);padding:16px 0}.journal .post-faq summary{cursor:pointer;color:var(--text-primary);font-weight:600}.journal .post-faq details p{margin:12px 0 0}.journal .post-tags{display:flex;flex-wrap:wrap;gap:8px;margin:48px 0 0;padding:0;list-style:none}.journal .post-tags li{padding:4px 12px;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.875rem}.journal .post-related{margin-top:80px}.journal .next-step{max-width:860px;margin-inline:auto}@media(max-width:640px){.journal .post-head{text-align:left}.journal .post-head .crumbs ol,.journal .post-head .metadata{justify-content:flex-start}.journal .post-takeaways{padding:22px}}@media(prefers-reduced-motion:reduce){.journal .journal-card{transition:none}.journal .journal-card:hover,.journal .journal-card:focus-within{transform:none}}
