.page main>.post-shell{max-width:1100px;margin-inline:auto}.post-crumbs{color:var(--muted);margin:0 0 16px;font-size:.875rem}.page .post-crumbs a:not(.btn):not(.chip){color:var(--muted);text-decoration:none;transition:color .18s}@media (hover:hover) and (pointer:fine){.page .post-crumbs a:not(.btn):not(.chip):hover{color:var(--text)}}.post-head{margin:0 0 28px}.post{border:1px solid var(--line);background:#151d1af0;border-radius:22px;padding:clamp(22px,5vw,64px);box-shadow:0 24px 60px #00000047}.post-head h1{font:700 clamp(1.75rem, 3.8vw, 2.6rem)/1.15 var(--display);letter-spacing:-.025em;text-wrap:balance;max-width:900px;margin:0 0 14px}.post-meta{color:var(--muted);margin:0 0 26px;font-size:.875rem}.post-toc{box-shadow:inset 0 0 0 1px var(--line);background:#151d1af0;border-radius:18px;margin:0;padding:20px 24px}.post-toc strong{font:600 .8125rem/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;display:block}.post-toc ol{counter-reset:toc;grid-template-rows:repeat(6,auto);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;gap:2px 48px;margin:0;padding:0;list-style:none;display:grid}.post-toc li{counter-increment:toc;align-items:baseline;gap:12px;margin:0;display:flex}.post-toc li:before{content:counter(toc);min-width:1.4em;color:var(--mint);font-variant-numeric:tabular-nums;flex:none;font-size:.875rem;font-weight:600}.page .post-toc a:not(.btn):not(.chip){color:var(--text);padding:3px 0;font-size:.9375rem;line-height:1.4;text-decoration:none;transition:color .18s}@media (hover:hover) and (pointer:fine){.page .post-toc a:not(.btn):not(.chip):hover{color:var(--mint-2)}}.page .post .prose{color:#dbe5e1;font-size:1.125rem;line-height:1.75}.page .post .prose>:first-child{margin-top:0}.page .post .prose p,.page .post .prose ul,.page .post .prose ol{margin:0 0 18px}.page .post .prose h2{font:650 1.5rem/1.25 var(--display);margin:2.2em 0 .6em;scroll-margin-top:90px}.page .post .prose h3{margin:1.6em 0 .5em;scroll-margin-top:90px}.page .post .prose strong{color:#fff;font-weight:600}.page .post .prose a:not(.btn):not(.chip){color:var(--mint-2);text-underline-offset:3px;text-decoration:underline 1px #7fe0ba66;transition:text-decoration-color .18s}@media (hover:hover) and (pointer:fine){.page .post .prose a:not(.btn):not(.chip):hover{text-decoration-color:currentColor}}.page .post .prose table{border-collapse:separate;border-spacing:0;margin:0 0 24px;font-size:.9375rem;line-height:1.5;display:block;overflow-x:auto}.page .post .prose table th,.page .post .prose table td{min-width:130px}@media (width>=761px){.page .post .prose table{border-radius:12px;width:100%;display:table;overflow:visible;box-shadow:inset 0 0 0 1px #ffffff1a}.page .post .prose th:first-child{border-top-left-radius:12px}.page .post .prose th:last-child{border-top-right-radius:12px}}.page .post .prose th,.page .post .prose td{vertical-align:top;border:0;border-bottom:1px solid #ffffff14;padding:10px 14px}.page .post .prose tr:last-child td{border-bottom:0}.page .post .prose th{color:#fff;background:#ffffff0f;font-weight:600}.post-tags{border-top:1px solid #ffffff14;margin:40px 0 0;padding-top:22px}@media (width<=640px){.post{border-radius:18px}.post-toc{padding:16px 18px}.page .post .prose{font-size:1rem}}.post-cta{border-top:1px solid #ffffff14;margin:2.2em 0 0;padding-top:2em}.post-cta+.post-tags{margin-top:44px}.page .post .prose+.post-cta h2,.page .post-cta h2{font:650 1.5rem/1.25 var(--display);margin:0 0 .6em}.page .post-cta p{color:#dbe5e1;max-width:900px;margin:0 0 22px;font-size:1.125rem;line-height:1.7}.post-cta-btns{flex-wrap:wrap;gap:12px;display:flex}.page .post-cta .btn-primary{color:var(--mint-ink)}.page main>.blog-grid{max-width:none}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:22px;display:grid}.blog-card{background:#151d1ad9;border-radius:18px;flex-direction:column;transition:transform .2s;display:flex;overflow:hidden}.blog-card:before{content:"";z-index:2;border-radius:inherit;pointer-events:none;transition:box-shadow .2s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}@media (hover:hover) and (pointer:fine){.blog-card:hover{transform:translateY(-3px)}.blog-card:hover:before{box-shadow:inset 0 0 0 1px #7fe0ba80}}.blog-card-cover{aspect-ratio:1200/630;background:var(--sunken);display:block}.blog-card-cover img{object-fit:cover;width:100%;height:100%;display:block}.blog-card-ph{height:100%;font:700 1.25rem/1 var(--display);color:var(--mint);letter-spacing:.02em;place-items:center;display:grid}.blog-card-body{flex-direction:column;gap:8px;padding:18px 20px 22px;display:flex}.page .blog-card .meta{margin:0;font-size:.8125rem}.page .blog-card h2{font:650 1.125rem/1.3 var(--display);margin:0}.page .blog-card h2 a:not(.btn):not(.chip){color:var(--text);text-decoration:none}.page .blog-card h2 a:after{content:"";position:absolute;inset:0}.blog-card{position:relative}.page .blog-card .meta a:not(.btn):not(.chip){z-index:1;color:var(--muted);text-decoration:none;position:relative}.page .blog-card .blog-card-cover{color:var(--mint);text-decoration:none}.page .blog-card p:not(.meta){color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9062rem;line-height:1.55;display:-webkit-box;overflow:hidden}.page .post .post-tags{margin-top:44px}
