.blog-hero,.post-hero{position:relative;overflow:hidden;background:var(--dark);color:var(--on-ink)}.blog-hero{padding-block:72px 80px}.blog-hero h1{max-width:820px;font-size:clamp(40px,4.4vw,62px);letter-spacing:-1.2px;line-height:1.5;text-wrap:balance}.blog-hero p{max-width:640px;margin-top:22px;font-size:18px;line-height:1.9;color:var(--grey-79-6)}.blog-hero-dots{position:absolute;inset-inline-end:0;bottom:0;width:min(46%,560px);height:auto;color:var(--accent);opacity:.55;pointer-events:none}.blog-hero .container,.post-hero .container{position:relative;z-index:1}.blog-index{padding-block:64px 96px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}.blog-card--featured+.blog-grid{margin-top:56px;padding-top:56px;border-top:1px solid var(--line)}.blog-card{position:relative;display:flex;flex-direction:column;gap:20px;min-width:0}.blog-card-media{overflow:hidden;aspect-ratio:16/10;border-radius:14px;background:var(--canvas)}.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.blog-card:hover .blog-card-media img{transform:scale(1.03)}.blog-card-title{margin:8px 0 0;font-size:21px;font-weight:600;line-height:1.65;text-wrap:balance}.blog-card-title a::after{content:"";position:absolute;inset:0;border-radius:14px}.blog-card-title a:focus-visible{outline:0}.blog-card-title a:focus-visible::after{outline:3px solid var(--focus);outline-offset:6px}.blog-card:hover .blog-card-title a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.blog-card-summary{margin-top:8px;font-size:16px;line-height:1.9;color:var(--muted)}.blog-card--featured{display:grid;grid-template-columns:minmax(0,1.15fr)minmax(0,1fr);gap:56px;align-items:center}.blog-card--featured .blog-card-title{font-size:clamp(28px,2.6vw,38px);font-weight:700;line-height:1.5;letter-spacing:-.4px}.blog-card--featured .blog-card-summary{margin-top:14px;font-size:18px}.blog-card-more{display:inline-flex;align-items:center;gap:12px;margin-top:22px;font-weight:500;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.blog-grid>.blog-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,400px)minmax(0,1fr);gap:40px;align-items:center}.blog-meta{font-size:14px;line-height:1.7;color:var(--muted)}.blog-meta>*+*::before{content:"·";margin-inline:10px;color:var(--grey-74-7)}.blog-category{display:inline-block;padding:1px 10px;border-radius:999px;background:var(--soft);font-weight:600;color:var(--label)}.blog-meta>.blog-category+*::before{content:none}.blog-meta>.blog-category{margin-inline-end:12px}.blog-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:64px}.blog-pagination>*{display:grid;place-items:center;min-width:44px;min-height:44px;padding-inline:14px;border:1px solid var(--line);border-radius:999px;font-size:15px;font-weight:500}.blog-pagination a:hover{background:var(--soft)}.blog-pagination [aria-current]{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.post-hero{padding-block:32px 72px}.post-hero--cover{padding-bottom:200px}.post-hero-inner>*{max-width:820px}.post-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:500;color:var(--grey-79-6)}.post-back:hover{color:var(--on-ink)}.post-hero .blog-meta{margin-top:16px;color:var(--grey-79-6)}.post-hero .blog-meta>*+*::before{color:var(--grey-46-3)}.post-hero .blog-category{background:var(--accent);color:var(--ink)}.post-hero h1{margin-top:10px;font-size:clamp(34px,3.6vw,50px);line-height:1.5;letter-spacing:-.8px;text-wrap:balance}.post-lead{margin-top:16px;font-size:19px;line-height:1.9;color:var(--grey-79-6)}.post{display:grid;grid-template-columns:minmax(0,760px);grid-template-areas:"cover" "body" "app";justify-content:center;padding-block:56px 96px}.post--rail{grid-template-columns:260px minmax(0,720px);column-gap:64px;grid-template-areas:"cover cover" "rail body"}.post-hero--cover+.post{padding-top:0}.post-cover{grid-area:cover;position:relative;z-index:1;overflow:hidden;margin-block:-140px 56px;border-radius:16px;background:var(--canvas);box-shadow:0 24px 60px color-mix(in srgb,var(--ink) 18%,transparent)}.post-cover img{width:100%}.post-rail{grid-area:rail;position:sticky;top:122px;align-self:start;display:flex;flex-direction:column;gap:32px;max-height:calc(100vh - 146px);overflow-y:auto;scrollbar-width:thin}.post-toc-title{margin-bottom:12px;font-size:14px;font-weight:600;color:var(--muted)}.post-toc ol,.post-toc-mobile ol{margin:0;padding:0;list-style:none}.post-toc ol{border-inline-start:1px solid var(--line)}.post-toc a{display:block;margin-inline-start:-1px;padding:6px 16px;border-inline-start:2px solid transparent;font-size:15px;line-height:1.65;color:var(--muted);transition:color .15s ease,border-color .15s ease}.post-toc a:hover{color:var(--ink)}.post-toc a[aria-current]{border-color:var(--ink);color:var(--ink);font-weight:600}.post-toc .post-toc-level-1 a{padding-inline-start:30px;font-size:14px}.post-app{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:16px;background:var(--dark);color:var(--on-ink)}.post-app-identity{display:flex;align-items:center;gap:12px}.post-app-identity img{border-radius:10px;flex-shrink:0}.post-app-identity strong{display:block;font-size:17px;line-height:1.5}.post-app-rating{font-size:13px;color:var(--grey-79-6)}.post-app-rating>span{color:var(--star-on-dark)}.post-app>p{font-size:16px;line-height:1.75}.post-app .button-lime{min-height:46px;width:100%;padding:10px 18px;background:var(--cta-dark-bg);color:var(--cta-dark-fg);font-weight:700}.post-app .button-lime:hover{background:var(--cta-dark-hover)}.post-app-more{align-self:center;font-size:14px;color:var(--grey-79-6);text-decoration:underline;text-underline-offset:4px}.post-app-more:hover{color:var(--on-ink)}.post-app :is(a,button):focus-visible{outline-color:var(--focus-on-dark)}.post-app--inline{display:none}.post-toc-mobile{display:none}.post-content{grid-area:body;min-width:0;font-size:18px;line-height:2.05;color:var(--text)}.post-content>*+*{margin-top:1.1em}.post-content :is(h2,h3,h4,h5,h6){margin-top:1.9em;color:var(--ink);font-weight:700;line-height:1.6;letter-spacing:-.2px}.post-content>:first-child{margin-top:0}.post-content :is(h2,h3,h4,h5,h6)+*{margin-top:.6em}.post-content h2{font-size:28px}.post-content h3{font-size:25px}.post-content h4{font-size:22px}.post-content :is(h5,h6){font-size:19px}.post-content p{margin-bottom:0}.post-content strong{color:var(--ink);font-weight:700}.post-content a{color:var(--emphasis);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.post-content a:hover{text-decoration-thickness:2px}.post-content :is(ul,ol){margin-bottom:0;padding-inline-start:1.4em}.post-content li+li{margin-top:.45em}.post-content li::marker{color:var(--ink)}.post-content blockquote{margin-inline:0;padding:4px 22px;border-inline-start:3px solid var(--ink);font-size:20px;color:var(--ink)}.post-content hr{margin-block:2.5em;border:0;border-top:1px solid var(--line)}.post-content img{border-radius:12px}.post-content table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;font-size:16px;line-height:1.8}.post-content :is(th,td){padding:10px 14px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}.post-content th{color:var(--ink);font-weight:600}.post-content code{padding:2px 6px;border-radius:6px;background:var(--soft);font-size:.9em}.post-related{padding-block:64px 96px;border-top:1px solid var(--line)}.post-related h2{margin-bottom:32px;font-size:30px;line-height:1.6}@media(max-width:1100px){.post--rail{grid-template-columns:240px minmax(0,1fr);column-gap:48px}.blog-grid{gap:40px 24px}}@media(max-width:1000px){.post--rail{grid-template-columns:minmax(0,720px);grid-template-areas:"cover" "mobile-toc" "body" "app"}.post-rail{display:none}.post-app--inline{grid-area:app;display:flex;margin-top:48px;padding:24px}.post-toc-mobile{grid-area:mobile-toc;display:block;margin-bottom:36px;border:1px solid var(--line);border-radius:12px;padding-inline:18px}.post-toc-mobile summary{display:flex;align-items:center;justify-content:space-between;min-height:54px;font-weight:600;cursor:pointer;list-style:none}.post-toc-mobile summary::-webkit-details-marker{display:none}.post-toc-mobile summary::after{content:"+";font-size:22px;font-weight:400;line-height:1}.post-toc-mobile[open] summary::after{content:"−"}.post-toc-mobile ol{padding-bottom:12px;border-top:1px solid var(--line)}.post-toc-mobile a{display:block;padding-block:9px;font-size:15px;line-height:1.65;color:var(--muted)}.post-toc-mobile .post-toc-level-1 a{padding-inline-start:16px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.blog-card--featured,.blog-grid>.blog-card:only-child{grid-template-columns:1fr;gap:20px}}@media(max-width:760px){.blog-hero{padding-block:40px 48px}.blog-hero-dots{width:80%;opacity:.35}.blog-hero h1{font-size:36px;letter-spacing:-.6px}.blog-hero p{font-size:17px;margin-top:8px}.blog-index{padding-block:36px 56px}.blog-grid{grid-template-columns:1fr;gap:40px}.blog-card--featured+.blog-grid{margin-top:40px;padding-top:40px}.blog-card--featured .blog-card-summary{font-size:17px}.post{padding-block:36px 56px}.post-hero{padding-block:16px 48px}.post-hero--cover{padding-bottom:110px}.post-hero h1{font-size:32px;letter-spacing:-.5px}.post-lead{font-size:17px}.post-cover{margin-block:-80px 32px;border-radius:12px}.post-content{font-size:17px;line-height:2}.post-content h2{font-size:24px}.post-content h3{font-size:22px}.post-content h4{font-size:20px}.post-content :is(h5,h6){font-size:18px}.post-related{padding-block:44px 56px}.post-related h2{font-size:24px;margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.blog-card-media img{transition:none}.blog-card:hover .blog-card-media img{transform:none}}.apps-cta{padding-block:64px;background:var(--dark)}.apps-cta-inner{position:relative;overflow:hidden;padding:56px 48px 64px;border-radius:12px;background:var(--paper);text-align:center}.apps-cta-inner>*{position:relative;z-index:1}.apps-cta h2{max-width:760px;margin:0 auto;font-size:clamp(28px,2.8vw,40px);line-height:1.55;text-wrap:balance}.apps-cta-lead{max-width:620px;margin:14px auto 0;font-size:18px;line-height:1.9;color:var(--muted)}.apps-cta-lead strong{color:var(--ink)}.apps-cta-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1000px;margin:36px auto 0;padding:0;list-style:none;text-align:start}.apps-cta-app{display:flex;align-items:center;gap:14px;height:100%;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .18s ease,transform .18s ease}.apps-cta-app:hover{border-color:var(--ink);transform:translateY(-2px)}.apps-cta-app img{border-radius:12px;flex-shrink:0}.apps-cta-app-text{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.6}.apps-cta-app-text strong{font-size:17px}.apps-cta-app-text span{font-size:14px;color:var(--muted)}.apps-cta-app-arrow{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--soft)}.apps-cta-dots{position:absolute;inset-inline-end:0;bottom:0;z-index:0;width:50%;height:auto;color:var(--ink);opacity:.5;pointer-events:none}@media(max-width:1100px){.apps-cta-inner{padding:44px 32px 52px}}@media(max-width:900px){.apps-cta-list{grid-template-columns:1fr;max-width:480px}}@media(max-width:760px){.apps-cta{padding-block:40px}.apps-cta-inner{padding:32px 20px 40px}.apps-cta h2{font-size:26px}.apps-cta-lead{font-size:16px}.apps-cta-list{margin-top:28px}.apps-cta-dots{width:90%;opacity:.3}}@media(prefers-reduced-motion:reduce){.apps-cta-app:hover{transform:none}}.post-content--page>p:first-child{font-size:15px;color:var(--muted)}.not-found{display:flex;flex-direction:column;align-items:center;padding-block:96px 120px;text-align:center}.not-found-code{font-size:clamp(88px,12vw,140px);font-weight:700;line-height:1.2;letter-spacing:-2px;color:var(--grey-86-10)}.not-found h1{margin-top:8px;font-size:clamp(32px,3.4vw,44px);line-height:1.5}.not-found>p:not(.not-found-code){margin-top:12px;font-size:18px;line-height:1.9;color:var(--muted)}.not-found-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px}@media(max-width:760px){.not-found{padding-block:56px 72px}.not-found>p:not(.not-found-code){font-size:17px}}