.toc+ol li::marker{color:#4338ca;font-weight:500}.toc li{color:#4338ca;cursor:default;font-weight:600;margin-bottom:16px;list-style:decimal;margin-left:22px}.toc a{cursor:pointer;display:inline-block}.toc .toc-sublist{margin-top:12px}.toc .toc-subitem{border-left:2px solid #e0e7ff;font-size:.9em;font-weight:500;list-style:none;margin-bottom:10px;margin-left:0;padding-left:14px}.toc li>a:hover{text-decoration:underline}.toc h2{padding-bottom:28px}.toc-quick-links{display:grid;gap:22px}.toc-quick-links section{display:grid;gap:12px}.toc-quick-links h3{color:#0f172a;font-size:.82rem;font-weight:800;letter-spacing:.08em;margin:0;text-transform:uppercase}.toc-quick-card{border:1px solid #e0e7ff;border-radius:12px;background:#f8fafc;color:#4338ca;cursor:pointer;display:grid;gap:6px;isolation:isolate;padding:14px 16px;position:relative;text-decoration:none}.toc-quick-card:hover{border-color:#4338ca;background:#eef2ff}.toc-quick-card>strong,.toc-quick-title strong{color:#312e81;font-size:1rem;font-weight:700;line-height:1.35;pointer-events:none;position:relative;z-index:2}.toc-quick-card>span{color:#475569;font-size:.9rem;font-weight:500;line-height:1.4;pointer-events:none;position:relative;z-index:2}.toc-quick-card-link{border-radius:inherit;inset:0;position:absolute;z-index:1}.toc-quick-card-link:focus-visible{outline:2px solid #4338ca;outline-offset:3px}.toc-quick-title{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.toc-quick-title em{border-radius:999px;font-size:.7rem;font-style:normal;font-weight:800;letter-spacing:.04em;padding:3px 8px;text-transform:uppercase}.toc-quick-pill-easy{background:#dcfce7;color:#166534}.toc-quick-pill-hard{background:#fee2e2;color:#991b1b}.toc-quick-action-row a{align-items:center;color:#4338ca;display:inline-flex;font-size:.82rem;font-weight:800;gap:6px;line-height:1.35;text-decoration:none}.toc-quick-action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;pointer-events:none;position:relative;z-index:3}.toc-quick-action-row a{border-radius:999px;background:#fff;border:1px solid #c7d2fe;pointer-events:auto;padding:6px 10px}.toc-quick-action-row a:before{background:currentColor;content:"";display:inline-block;flex:0 0 auto;height:13px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") center / contain no-repeat;width:13px}.toc-quick-action-row a:hover{background:#eef2ff;border-color:#4338ca;text-decoration:underline}.toc{container-type:inline-size;margin-bottom:32px}@container (min-width: 620px){.toc-quick-links section{grid-template-columns:repeat(2,minmax(0,1fr))}.toc-quick-links h3{grid-column:1 / -1}}.post ol li,.post ul li{border-radius:16px;margin-left:32px;letter-spacing:.25px;line-height:28px;list-style:inside;font-weight:300}.post{word-break:break-word}.post ol li{padding:16px;list-style:decimal}.post ul li{padding:8px;list-style:disc}.post ol li img{margin-top:24px}.post ol li::marker{font-size:24px;font-weight:100}.post h2,.post h3,.post h4{font-weight:300;font-size:32px;line-height:40px;margin:32px 0 16px}.post h3{font-size:26px;font-weight:400;line-height:34px;margin-top:28px}.post h4{font-size:22px;font-weight:400;line-height:30px}.post p{line-height:30px;letter-spacing:.25px;margin-bottom:8px;font-weight:300}.blog-faq-disclosure{border-top:1px solid #e2e8f0;padding:16px 0}.blog-faq-disclosure:last-child{border-bottom:1px solid #e2e8f0}.blog-faq-summary{align-items:center;cursor:pointer;display:flex;font-size:24px;font-weight:400;justify-content:space-between;line-height:32px;list-style:none}.blog-faq-summary::-webkit-details-marker{display:none}.blog-faq-summary:after{color:#4338ca;content:"+";font-weight:600;margin-left:16px}.blog-faq-disclosure[open] .blog-faq-summary:after{content:"-"}.blog-faq-answer{margin-top:16px}.post p img,.post ol li img,.post ul li img{margin-top:28px;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.post div img{box-shadow:none;margin:0}.post p code,.post li code,.post h2 code,.post h3 code,.post h4 code{letter-spacing:.25px;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#312e81;padding:2px 5px;text-wrap:wrap;overflow-wrap:break-word}.post pre.astro-code{background:#0f172a!important;border:1px solid #334155;border-radius:8px;box-shadow:0 18px 40px -28px #0f172abf;color:#e2e8f0!important;font-size:15px;line-height:24px;margin:20px 0 28px;overflow-x:auto;padding:18px 20px;tab-size:2}.post pre.astro-code code{background:transparent;border:0;color:inherit;display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:500;letter-spacing:0;min-width:max-content;padding:0;white-space:pre}.post pre.astro-code .line{display:block;min-height:24px}.post li a,.post p a,.post h2 a{font-weight:600;color:#4338ca}.post li a:hover,.post p a:hover,.post h2 a:hover{font-weight:600;text-decoration:underline}@media only screen and (min-width:1280px){.blog{display:flex;justify-content:space-between}.toc{position:sticky;top:40px;width:30%;align-self:flex-start;height:auto;margin-top:0}.toc h2{margin:0}.post{width:65%}}.tip h1,.tip h2,.tip h3,.tip h4{margin:0;font-size:20px;font-weight:500}.tip p{margin:0;padding-top:8px;font-size:18px;line-height:28px}