.journal-page{--journal-surface:#f7f6ef;--journal-soft:#e5e8da;scroll-padding-top:110px}.journal-page[data-theme=dark]{--journal-surface:#1e2419;--journal-soft:#29331f}.journal-page .journey-main{animation:none;padding-top:42px}.journal-page .journey-button{border-radius:999px;gap:14px}.journal-page .journey-button svg{width:19px;height:19px;transition:transform .2s}.journal-page .journey-button:hover svg{transform:translateX(3px)}.journal-page h1,.journal-page h2,.journal-page h3{overflow-wrap:anywhere}.journal-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end;padding-bottom:38px}.journal-heading h1{font-size:clamp(2.8rem,5.3vw,5.4rem);line-height:1.04;letter-spacing:-.065em;font-weight:700;margin-top:17px}.journal-heading h1 span{color:var(--muted)}.journal-heading>p{color:var(--muted);max-width:400px;font-size:1.0625rem;line-height:1.7;justify-self:end;margin-bottom:5px}.journal-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding-block:19px}.journal-page .blog-filter{gap:7px}.journal-page .blog-filter button{padding:10px 16px;transition:background .2s,color .2s;min-height:44px}.journal-page .blog-filter button:hover{border-color:var(--ink)}.journal-page .blog-filter button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#1d1f18}.journal-search{display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:var(--journal-surface);border-radius:999px;padding:0 15px;max-width:300px;min-height:46px}.journal-search:focus-within{outline:2px solid #839f4f;outline-offset:2px}.journal-search svg{width:19px;height:19px;flex-shrink:0}.journal-search input{width:100%;min-width:0;background:none;border:0;outline:0;font:16px Space,Arial,sans-serif;color:var(--ink);padding:12px 0}.journal-results{color:var(--muted);font-size:.8125rem;margin:20px 0 15px}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.journal-card{background:var(--journal-surface);border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;min-width:0;transition:border-color .2s,transform .2s,box-shadow .2s;animation:journal-enter .35s var(--ease) both}.journal-card:hover{border-color:#8c9c70;transform:translateY(-3px);box-shadow:0 12px 30px #161c1008}.journal-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.journal-category{font-size:.8125rem;display:inline-block;padding:5px 10px;border:1px solid var(--line);border-radius:999px;line-height:1.5}.journal-number{font:12px SpaceMono,monospace;color:var(--muted)}.journal-card h2{font-size:clamp(1.6rem,2.4vw,2.4rem);line-height:1.18;letter-spacing:-.045em;font-weight:500}.journal-card h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.journal-card-content>div>p{color:var(--muted);line-height:1.7;margin-top:18px}.journal-card-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:19px;margin-top:28px;align-items:center}.journal-card-bottom>span{font-size:.8125rem;color:var(--muted)}.journal-card-bottom>a{display:flex;gap:10px;align-items:center;font-size:.9375rem;min-height:44px;white-space:nowrap}.journal-card-bottom svg{width:20px;height:20px;transition:translate .2s}.journal-card:hover .journal-card-bottom svg{translate:4px 0}.journal-featured{grid-column:1/-1;background:#1e2718;color:#eeece1;padding:30px 36px;--muted:#bdc7b0;--line:#4d5d3e}.journal-featured .journal-category{color:var(--lime);border-color:#677d45}.journal-featured h2{font-size:clamp(2rem,3.6vw,3.6rem);max-width:850px}.journal-featured .journal-card-content{display:grid;grid-template-columns:1.8fr 1fr;gap:60px;align-items:center}.journal-featured .journal-card-content>div>p{max-width:690px}.journal-feature-apps{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.journal-feature-apps img{width:72px;height:72px;border-radius:18px;object-fit:contain;background:white;padding:12px}.journal-feature-apps span{color:#9dac8b;font-size:1.5rem}.journal-feature-apps p{flex-basis:100%;text-align:center;color:#bdc7b0;font-size:.875rem;margin-top:4px!important}.journal-empty{padding:50px 24px;text-align:center;border:1px dashed var(--line);border-radius:20px}.journal-empty p{color:var(--muted);margin:12px 0 25px}.journal-endnote{margin-top:50px;border-top:1px solid var(--line);padding-top:28px}.journal-endnote>div{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:15px}.journal-endnote h2{font-size:2rem;letter-spacing:-.05em}.journal-breadcrumb{display:flex;gap:12px;font-size:.875rem;color:var(--muted);align-items:center;margin-bottom:30px}.journal-breadcrumb a{min-height:44px;display:inline-flex;align-items:center}.journal-breadcrumb a:hover{color:var(--ink)}.journal-article-heading{max-width:1080px;margin-inline:auto}.journal-article-heading h1{font-size:clamp(2.6rem,4.7vw,4.8rem);line-height:1.08;font-weight:700;letter-spacing:-.055em;margin:24px 0}.journal-intro{font-size:1.2rem;line-height:1.7;color:var(--muted);max-width:850px}.journal-article-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0 30px;border-bottom:1px solid var(--line);margin-top:20px}.journal-article-meta>div:first-child{display:flex;gap:13px;align-items:center;font-size:.9375rem}.journal-author-icon{display:grid;place-items:center;background:var(--ink);color:var(--paper);width:42px;height:42px;border-radius:13px;font-weight:700}.journal-article-meta small{display:block;color:var(--muted);font-size:.8125rem;margin-top:3px}.journal-reading-tools{display:flex;gap:9px}.journal-reading-tools button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;transition:background .2s;font-size:1rem}.journal-reading-tools button span{font-size:.75rem}.journal-reading-tools button:hover,.journal-reading-tools button[aria-pressed=true],.journal-reading-tools .copied{background:var(--lime);color:#1d1f18;border-color:var(--lime)}.journal-reading-tools svg{width:20px;height:20px}.journal-reading-layout{display:grid;grid-template-columns:240px minmax(0,720px);gap:70px;max-width:1080px;margin:45px auto 0}.journal-toc{align-self:start;position:sticky;top:125px;font-size:.875rem}.journal-toc>a{display:flex;gap:12px;padding:12px 0 12px 12px;border-left:2px solid var(--line);color:var(--muted);line-height:1.6}.journal-toc>a:first-of-type{margin-top:20px}.journal-toc>a>span{font:12px SpaceMono,monospace;margin-top:4px}.journal-toc>a[aria-current=location]{color:var(--ink);border-color:#819e39}.journal-toc>a:hover{color:var(--ink)}.journal-toc>a.journal-back{border-left:0;padding-left:0;margin-top:20px}.journal-body{font-size:1.125rem;line-height:1.85;min-width:0}.journal-body.journal-large-text{font-size:1.35rem}.journal-body section{scroll-margin-top:125px}.journal-body section+section{margin-top:40px}.journal-body h2{font-size:1.8em;letter-spacing:-.04em;line-height:1.22;margin-bottom:22px;font-weight:500}.journal-body p+p{margin-top:20px}.journal-body p{color:var(--muted)}.journal-article-cta{display:flex;gap:22px;align-items:flex-start;padding:27px;background:var(--journal-soft);border:1px solid var(--line);border-radius:20px;margin-top:38px;font-size:1rem}.journal-article-cta>img{background:white;object-fit:contain;border-radius:12px;padding:7px;flex-shrink:0}.journal-article-cta h2{font-size:1.5rem;margin-bottom:10px}.journal-article-cta a{display:inline-flex;align-items:center;gap:12px;margin-top:18px;min-height:44px;text-decoration:underline;text-underline-offset:5px}.journal-article-cta svg{width:20px;height:20px}.journal-related{border-top:1px solid var(--line);padding-top:35px;margin-top:65px}.journal-related h2{font-size:2.5rem;letter-spacing:-.05em;margin-top:10px}.journal-related>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.journal-related-card{display:flex;align-items:flex-start;flex-direction:column;gap:18px;padding:25px;background:var(--journal-surface);border:1px solid var(--line);border-radius:18px;transition:border-color .2s,translate .2s}.journal-related-card:hover{border-color:#8c9c70;translate:0 -3px}.journal-related-card h3{font-size:1.45rem;letter-spacing:-.03em;line-height:1.3}.journal-related-card>span:last-child{margin-top:auto;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:.8125rem;color:var(--muted)}.journal-progress{height:3px;position:fixed;top:90px;left:0;right:0;z-index:49;pointer-events:none}.journal-progress span{height:100%;display:block;background:var(--lime);transform:scaleX(0);transform-origin:left}.journal-page .page-kicker{font-size:.75rem}.journal-page :is(a,button):focus-visible{outline:3px solid #819e39;outline-offset:5px}.journal-page[data-theme=dark] :is(a,button):focus-visible{outline-color:var(--lime)}
@keyframes journal-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.journal-heading{gap:25px;grid-template-columns:1.4fr 1fr}.journal-toolbar{flex-wrap:wrap}.journal-search{max-width:none;flex:1;min-width:230px}.journal-reading-layout{grid-template-columns:200px minmax(0,1fr);gap:35px}.journal-featured .journal-card-content{gap:25px}.journal-card-bottom{align-items:flex-start;flex-direction:column;gap:8px}.journal-featured .journal-card-bottom{flex-direction:row;align-items:center}}
@media(max-width:700px){.journal-page .shell{width:calc(100% - 32px)}.journal-page .journey-main{padding-block:26px 50px}.journal-heading{grid-template-columns:1fr;gap:20px;padding-bottom:27px}.journal-heading h1{font-size:2.75rem}.journal-heading>p{justify-self:start;font-size:1rem}.journal-toolbar{gap:14px;padding-block:15px}.journal-page .blog-filter{flex-wrap:wrap;gap:6px}.journal-page .blog-filter button{padding:8px 12px;font-size:.8125rem}.journal-search{width:100%;flex-basis:100%}.journal-grid{grid-template-columns:1fr;gap:14px}.journal-card,.journal-featured{padding:23px}.journal-card-top{margin-bottom:22px}.journal-featured .journal-card-content{grid-template-columns:1fr;gap:22px}.journal-feature-apps{justify-content:flex-start;gap:10px}.journal-feature-apps img{width:42px;height:42px;border-radius:10px;padding:7px}.journal-feature-apps p{flex-basis:auto;margin-left:4px;font-size:.8125rem}.journal-featured h2{font-size:2rem}.journal-featured .journal-card-bottom{flex-direction:column;align-items:flex-start}.journal-endnote>div{flex-direction:column;align-items:flex-start}.journal-article-heading h1{font-size:2.35rem;line-height:1.12;margin-block:20px}.journal-intro{font-size:1.0625rem}.journal-article-meta{gap:15px;flex-wrap:wrap}.journal-reading-layout{grid-template-columns:1fr;margin-top:28px;gap:25px}.journal-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:20px}.journal-toc>a{padding-block:8px}.journal-toc>a.journal-back{display:none}.journal-body{font-size:1.0625rem}.journal-body h2{font-size:1.7em}.journal-article-cta{padding:21px;gap:15px}.journal-related{margin-top:45px}.journal-related>div:last-child{grid-template-columns:1fr;gap:15px}.journal-related h2{font-size:2rem}.journal-page .journey-nav{gap:12px}.journal-page .journey-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}}
@media(prefers-reduced-motion:reduce){.journal-page{scroll-behavior:auto}.journal-page *,.journal-page *:before,.journal-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.journal-card:hover{transform:none}.journal-related-card:hover{translate:none}}
.journal-breadcrumb{flex-wrap:wrap;gap:8px 12px;line-height:1.6}.journal-breadcrumb>[aria-current]{max-width:760px;font-size:.8rem}.journal-author-link{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}.journal-author-link:hover{text-decoration-color:var(--ink)}.journal-cover{max-width:1080px;margin:30px auto 0}.journal-cover img{width:100%;height:auto;max-height:390px;object-fit:contain;object-position:center;background:var(--journal-soft);border:1px solid var(--line);border-radius:16px;display:block}.journal-cover figcaption{color:var(--muted);font-size:.72rem;line-height:1.6;margin-top:9px}.journal-cover figcaption a{text-decoration:underline;text-underline-offset:3px}.journal-feed{margin-top:25px;font-size:.82rem;color:var(--muted)}.journal-feed a{text-decoration:underline;text-underline-offset:4px}.journal-cover+ .journal-reading-layout{margin-top:35px}@media(max-width:700px){.journal-breadcrumb>[aria-current]{flex-basis:100%;font-size:.75rem}.journal-cover{margin-top:22px}.journal-cover img{max-height:260px}.journal-cover figcaption{font-size:.68rem}}
