.blogp{padding-top:max(22px,env(safe-area-inset-top));padding-right:max(clamp(16px,3vw,32px),env(safe-area-inset-right));padding-left:max(clamp(16px,3vw,32px),env(safe-area-inset-left));padding-bottom:calc(40px + env(safe-area-inset-bottom))}.land-nav{flex-wrap:nowrap;align-items:center;gap:10px;display:flex}.land-nav .brand{min-width:0}.sn-links{gap:4px;margin-left:clamp(8px,2vw,24px);display:flex}.sn-links a{min-height:40px;color:var(--ink2);border-radius:99px;align-items:center;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.sn-links a:hover,.sn-links a[aria-current]{color:var(--ink);background:#ffffffb3}@media (max-width:420px){.sn-in{display:none}.sn-links{margin-left:0}}.blog-hero{max-width:820px;padding:clamp(24px,5vw,56px) 0 clamp(16px,3vw,28px)}.blog-hero .chip{margin-bottom:14px}.blog-hero h1{letter-spacing:-.045em;overflow-wrap:break-word;font-size:clamp(34px,7vw,60px);font-weight:300;line-height:1.04}.blog-hero h1 b{background:linear-gradient(100deg,var(--blue),#8a5cff 55%,var(--orange));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.blog-hero>p{color:var(--ink2);max-width:58ch;margin-top:14px;font-size:clamp(15px,2vw,18px)}.blog-search{border:1.5px solid var(--line);max-width:520px;box-shadow:var(--sh);background:#fff;border-radius:99px;align-items:center;gap:8px;margin-top:22px;padding:5px 5px 5px 16px;display:flex}.blog-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px #2f5bff1f}.blog-search .i{color:var(--mute);flex:none}.blog-search input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;height:40px;font-size:16px}.blog-cats{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;margin:18px -4px 0;padding:4px;display:flex;overflow-x:auto}.blog-cats::-webkit-scrollbar{display:none}.blog-cats a{border:1px solid var(--line);min-height:40px;color:var(--ink2);white-space:nowrap;background:#fff;border-radius:99px;flex:none;align-items:center;padding:0 16px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.blog-cats a:hover{background:var(--blue-soft);color:var(--blue-d);border-color:#0000}.blog-cats a.on{background:var(--ink);border-color:var(--ink);color:#fff}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(14px,2.2vw,24px);margin-top:clamp(14px,2.2vw,24px);display:grid}.bc{box-shadow:var(--sh);background:#fff;border-radius:22px;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.bc:hover{box-shadow:var(--sh-lg);transform:translateY(-3px)}.bc-img{aspect-ratio:16/9;background:linear-gradient(120deg,#dfe6ff,#fde7cf);display:block;overflow:hidden}.bc-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.bc:hover .bc-img img{transform:scale(1.04)}.bc-ph{color:#2f5bff8c;place-items:center;width:100%;height:100%;display:grid}.bc-ph .i{width:44px;height:44px}.bc-b{flex-direction:column;flex:1;gap:8px;min-width:0;padding:clamp(16px,2.4vw,22px);display:flex}.bc-cat{letter-spacing:.05em;text-transform:uppercase;color:var(--blue);align-self:flex-start;padding:4px 0;font-size:12px;font-weight:800;text-decoration:none}.bc-t{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:clamp(17px,2.2vw,20px);line-height:1.3}.bc-t a{color:var(--ink);text-decoration:none}.bc-t a:hover{color:var(--blue)}.bc-x{color:var(--ink2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.bc-m{color:var(--mute);flex-wrap:wrap;gap:4px 8px;margin-top:auto;padding-top:6px;font-size:12.5px;display:flex}.bc-t a:after{content:"";position:absolute;inset:0}.bc{position:relative}.bc-cat{z-index:1;position:relative}.bc-feat{flex-direction:column}@media (min-width:861px){.bc-feat{flex-direction:row;align-items:stretch}.bc-feat .bc-img{aspect-ratio:auto;flex:1.25 1 0;min-height:340px}.bc-feat .bc-b{flex:1 1 0;justify-content:center;gap:12px;padding:clamp(24px,3vw,44px)}.bc-feat .bc-t{letter-spacing:-.03em;font-size:clamp(24px,2.6vw,34px)}.bc-feat .bc-x{-webkit-line-clamp:4;font-size:16px}.bc-feat .bc-m{margin-top:8px}}.blog-empty{text-align:center;justify-items:center;gap:10px;max-width:520px;margin:20px auto;padding:clamp(28px,5vw,48px);display:grid}.blog-empty h2{margin:0;font-size:20px}.blog-empty p{color:var(--ink2);margin:0}.blog-pager{justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.blog-pager>span:empty{width:1px}.post{max-width:1080px;margin:0 auto}.post-h{max-width:820px;padding:clamp(20px,4vw,44px) 0 clamp(14px,2.4vw,24px)}.crumb{color:var(--mute);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:14px;font-size:13px;display:flex}.crumb a{color:var(--ink2);padding:6px 0;font-weight:600;text-decoration:none}.crumb a:hover{color:var(--blue)}.post-h h1{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(28px,5.6vw,50px);font-weight:800;line-height:1.1}.post-lead{color:var(--ink2);white-space:pre-line;margin-top:14px;font-size:clamp(16px,2.2vw,20px);line-height:1.6}.post-meta{color:var(--mute);flex-wrap:wrap;gap:6px 18px;margin-top:18px;font-size:13px;display:flex}.post-meta span{align-items:center;gap:6px;display:inline-flex}.post-cover{box-shadow:var(--sh);aspect-ratio:16/9;background:#e6e9ff;border-radius:clamp(16px,2.4vw,26px);margin:6px 0 clamp(20px,3vw,34px);overflow:hidden}.post-cover img{object-fit:cover;width:100%;height:100%;display:block}.post-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.post-side{order:-1;gap:14px;display:grid}.post-side .card{padding:16px 18px}.post-side h2{text-transform:uppercase;letter-spacing:.08em;color:var(--mute);margin:0 0 10px;font-size:12px}.toc ol{counter-reset:t;gap:2px;margin:0;padding:0;list-style:none;display:grid}.toc li{counter-increment:t}.toc a{color:var(--ink2);border-radius:10px;gap:10px;padding:8px 6px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;display:flex}.toc a:before{content:counter(t);color:var(--blue);min-width:1.2em;padding-top:1px;font-size:12px;font-weight:800}.toc a:hover{background:var(--blue-soft);color:var(--blue-d)}.post-body{box-shadow:var(--sh);background:#fff;border-radius:clamp(16px,2.4vw,26px);min-width:0;padding:clamp(20px,4.4vw,48px)}@media (min-width:981px){.post-grid{grid-template-columns:minmax(0,1fr) 280px;gap:28px}.post-side{order:2;position:sticky;top:20px}}.prose{color:#2a2940;overflow-wrap:break-word;font-size:clamp(16px,1.9vw,17.5px);line-height:1.85}.prose>*+*{margin-top:1.1em}.prose h2{letter-spacing:-.03em;color:var(--ink);margin-top:1.9em;scroll-margin-top:20px;font-size:clamp(22px,3.2vw,28px);line-height:1.25}.prose h3,.prose h4{letter-spacing:-.02em;color:var(--ink);margin-top:1.6em;scroll-margin-top:20px;font-size:clamp(18px,2.4vw,21px);line-height:1.3}.prose a{color:var(--blue);text-underline-offset:3px;overflow-wrap:anywhere;font-weight:600;text-decoration:underline}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--orange);font-weight:700}.prose blockquote{border-left:5px solid var(--blue);background:var(--blue-soft);color:var(--ink);border-radius:0 16px 16px 0;margin-left:0;padding:14px 20px}.prose blockquote p{margin:0}.prose img{border-radius:16px;max-width:100%;height:auto;margin-inline:auto;display:block}.prose code{background:var(--field);border-radius:6px;padding:2px 6px;font:600 .88em ui-monospace,SFMono-Regular,Menlo,monospace}.prose pre{color:#e8e7ff;background:#14122b;border-radius:16px;padding:16px 18px;font-size:14px;line-height:1.6;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0;font-weight:500}.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}.post-cta{border-radius:var(--r);color:#fff;box-shadow:var(--sh-lg);background:linear-gradient(120deg,#2f5bff,#5b5cff 55%,#7a5cff);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-top:clamp(20px,3vw,32px);padding:clamp(20px,3.5vw,30px);display:flex}.post-cta>div{flex:260px;min-width:0}.post-cta h2{margin:0 0 4px;font-size:clamp(18px,2.6vw,22px)}.post-cta p{color:#ffffffe6;margin:0}.post-cta .btn{color:var(--ink);background:#fff}@media (max-width:640px){.post-cta .btn{width:100%}}.related{margin-top:clamp(28px,4vw,48px)}.related h2{letter-spacing:-.03em;margin:0;font-size:clamp(20px,3vw,26px)}.sitefoot{color:var(--mute);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 24px;padding-top:clamp(28px,4vw,44px);font-size:13px;display:flex}.sitefoot nav{flex-wrap:wrap;justify-content:center;gap:2px 6px;display:flex}.sitefoot a{min-height:40px;color:var(--ink2);align-items:center;padding:0 8px;font-weight:600;text-decoration:none;display:inline-flex}.sitefoot a:hover{color:var(--blue)}@media print{.land-nav,.post-side,.post-cta,.related,.sitefoot,.blog-search,.blog-cats{display:none!important}.post-body{box-shadow:none;padding:0}}@media (prefers-reduced-motion:reduce){.bc,.bc-img img{transition:none}.bc:hover{transform:none}}