:root{--accent: #2337ff;--accent-dark: #000d8a;--black: 15, 18, 25;--gray: 96, 115, 159;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57;--gray-gradient: rgba(var(--gray-light), 50%), #fff;--box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%)}@font-face{font-family:Atkinson;src:url(/blog/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/blog/fonts/atkinson-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}body{font-family:Atkinson,sans-serif;margin:0;padding:0;text-align:left;background:linear-gradient(var(--gray-gradient)) no-repeat;background-size:100% 600px;word-wrap:break-word;overflow-wrap:break-word;color:rgb(var(--gray-dark));font-size:16px;line-height:1.7}main{width:720px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em}h1,h2,h3,h4,h5,h6{line-height:1.2}h1{font-size:2.5em;color:rgb(var(--black));margin:0 0 .75rem}h2{font-size:2em;color:#2d3748;margin:2rem 0 .75rem}h3{font-size:1.6em;color:#4a5568;margin:1.5rem 0 .5rem}h4{font-size:1.3em;color:#718096;margin:1.25rem 0 .5rem}h5{font-size:1.1em;color:#718096;margin:1rem 0 .5rem}strong,b{font-weight:700}a,a:hover{color:var(--accent)}p{margin-bottom:1em}.prose p{margin-bottom:1.25em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.95em}table th,table td{padding:.75em 1em;text-align:left;border:1px solid rgb(var(--gray-light))}table th{background-color:rgb(var(--gray-light));font-weight:700;color:rgb(var(--black))}table tr:nth-child(2n){background-color:rgba(var(--gray-light),.3)}img{max-width:100%;height:auto;border-radius:8px}code{padding:2px 5px;background-color:rgb(var(--gray-light));border-radius:2px}pre{padding:1.5em;border-radius:8px}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);padding:0 0 0 20px;margin:0;font-size:1.333em}hr{border:none;border-top:1px solid rgb(var(--gray-light))}@media(max-width:720px){body{font-size:15px}main{padding:1em}table{font-size:.85em}table th,table td{padding:.5em .75em}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.callout{padding:1rem 1.25rem;margin:1.5rem 0;border-radius:8px;border-left:4px solid;display:flex;gap:.75rem;align-items:flex-start}.callout-icon{font-size:1.25rem;line-height:1.4;flex-shrink:0}.callout-content{flex:1}.callout-content p{margin:0}.callout-content p+p{margin-top:.5rem}.callout-title{font-weight:700;margin-bottom:.25rem}.callout-tip{background-color:#f0fdf4;border-color:#22c55e;color:#166534}.callout-warning{background-color:#fffbeb;border-color:#f59e0b;color:#92400e}.callout-info{background-color:#eff6ff;border-color:#3b82f6;color:#1e40af}.callout-note{background-color:#f8fafc;border-color:#64748b;color:#475569}.callout-important{background-color:#fef2f2;border-color:#ef4444;color:#991b1b}.image-figure{margin:2rem 0;text-align:center}.image-figure img{border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:100%}.image-figure figcaption{margin-top:.75rem;font-size:.875rem;color:rgb(var(--gray));font-style:italic}details.accordion{margin:1rem 0;border:1px solid rgb(var(--gray-light));border-radius:8px;overflow:hidden}details.accordion+details.accordion{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}details.accordion:first-of-type{border-radius:8px 8px 0 0}details.accordion:last-of-type{border-radius:0 0 8px 8px}details.accordion:only-of-type{border-radius:8px}details.accordion summary{padding:1rem 1.25rem;background-color:#f8fafc;cursor:pointer;font-weight:600;color:rgb(var(--gray-dark));list-style:none;display:flex;align-items:center;justify-content:space-between}details.accordion summary::-webkit-details-marker{display:none}details.accordion summary:after{content:"+";font-size:1.25rem;font-weight:400;color:rgb(var(--gray));transition:transform .2s ease}details.accordion[open] summary:after{content:"−"}details.accordion[open] summary{border-bottom:1px solid rgb(var(--gray-light))}details.accordion .accordion-content{padding:1rem 1.25rem}details.accordion .accordion-content p:last-child{margin-bottom:0}.steps{counter-reset:step-counter;margin:1.5rem 0;padding-left:0;list-style:none}.step{counter-increment:step-counter;display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.step:before{content:counter(step-counter);flex-shrink:0;width:2rem;height:2rem;background-color:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.step-content{flex:1;padding-top:.25rem}.step-content p{margin:0}.step-content p+p{margin-top:.5rem}.screenshot{margin:2rem 0;border-radius:12px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid rgb(var(--gray-light))}.screenshot img{display:block;width:100%;border-radius:0}.screenshot-caption{background-color:#f8fafc;padding:.75rem 1rem;font-size:.875rem;color:rgb(var(--gray));border-top:1px solid rgb(var(--gray-light))}.feature-box{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #e0e7ff;border-radius:12px;padding:1.5rem;margin:2rem 0}.feature-box-title{font-size:1.1rem;font-weight:700;color:var(--accent-dark);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.feature-box-content{color:rgb(var(--gray-dark))}.feature-box-content p:last-child{margin-bottom:0}.quick-ref{background-color:#fafafa;border:1px solid rgb(var(--gray-light));border-radius:8px;padding:1.25rem;margin:1.5rem 0}.quick-ref-title{font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--gray));margin-bottom:.75rem}.quick-ref-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgb(var(--gray-light))}.quick-ref-item:last-child{border-bottom:none}.quick-ref-action{font-weight:600;color:rgb(var(--gray-dark));min-width:140px}.quick-ref-result{color:rgb(var(--gray))}footer[data-astro-cid-sz7xmlte]{padding:2em 1em 6em;background:linear-gradient(var(--gray-gradient)) no-repeat;color:rgb(var(--gray));text-align:center}.social-links[data-astro-cid-sz7xmlte]{display:flex;justify-content:center;gap:1em;margin-top:1em}.social-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{text-decoration:none;color:rgb(var(--gray))}.social-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:rgb(var(--gray-dark))}a[data-astro-cid-eimmu3lg]{display:inline-block;text-decoration:none}a[data-astro-cid-eimmu3lg].active{font-weight:bolder;text-decoration:underline}header[data-astro-cid-3ef6ksr2]{margin:0;padding:0 1em;background:#fff;box-shadow:0 2px 8px rgba(var(--black),5%)}h2[data-astro-cid-3ef6ksr2]{margin:0;font-size:1em}h2[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2],h2[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{text-decoration:none}nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{padding:1em .5em;color:var(--black);border-bottom:4px solid transparent;text-decoration:none}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{text-decoration:none;border-bottom-color:var(--accent)}.social-links[data-astro-cid-3ef6ksr2],.social-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{display:flex}@media(max-width:720px){.social-links[data-astro-cid-3ef6ksr2]{display:none}}