main{max-width:56rem;padding:6rem 1.5rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}@media(max-width:768px){main{padding:4rem 1rem;gap:1rem}}main .blog-back{color:var(--blue-600);text-decoration:underline;display:flex;justify-content:flex-start}main .blog-back a{display:flex;align-items:center;gap:.5rem}main .entry-title-card{padding:1rem 0;display:flex;flex-direction:column;align-items:flex-start}main .entry-title-card .entry-title{font-size:2.25rem;line-height:2.5rem;margin-bottom:1rem;font-weight:600;line-height:1.1;font-family:IBM Plex Mono,sans-serif}main .entry-title-card .entry-metadata{font-size:.875rem;line-height:1.25rem;color:var(--gray-500);line-height:1.4}main .entry-title-card .entry-metadata .entry-tag:hover{color:var(--yellow-500)}main .entry-content{line-height:1.7;font-family:Geist Mono,sans-serif;color:var(--gray-800)}main .entry-content>*+*{margin-top:1.25rem}main .entry-content p{margin-bottom:1rem;line-height:1.8}main .entry-content h1,main .entry-content h2,main .entry-content h3,main .entry-content h4,main .entry-content h5,main .entry-content h6{font-family:IBM Plex Mono,sans-serif;color:var(--gray-900);font-weight:600}main .entry-content h1>a,main .entry-content h2>a,main .entry-content h3>a,main .entry-content h4>a,main .entry-content h5>a,main .entry-content h6>a{color:inherit;font:inherit;text-decoration:inherit}main .entry-content h1 code,main .entry-content h2 code,main .entry-content h3 code,main .entry-content h4 code,main .entry-content h5 code,main .entry-content h6 code{background-color:var(--blue-50);color:var(--blue-800);border:1px solid var(--blue-200);padding:.125rem .25rem;border-radius:.25rem;font-family:IBM Plex Mono,sans-serif;font-size:inherit;font-weight:inherit}main .entry-content h1{font-size:2.25rem;line-height:2.5rem;margin-top:2rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--gray-300);color:var(--gray-900)}main .entry-content h1:first-child{margin-top:.5rem}main .entry-content h2{font-size:1.875rem;line-height:2.25rem;margin-top:2rem;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-200);color:var(--gray-900)}main .entry-content h3{font-size:1.5rem;line-height:2rem;margin-top:1.75rem;margin-bottom:1rem;color:var(--gray-800)}main .entry-content h4{font-size:1.25rem;line-height:1.75rem;margin-top:1.5rem;margin-bottom:.75rem;color:var(--gray-800)}main .entry-content h5{font-size:1.125rem;line-height:1.75rem;margin-top:1.25rem;margin-bottom:.5rem;color:var(--gray-700)}main .entry-content h6{font-size:1rem;line-height:1.5rem;margin-top:1rem;margin-bottom:.5rem;color:var(--gray-600)}main .entry-content strong{font-weight:700}main .entry-content em{font-style:italic}main .entry-content a:not(h1 a,h2 a,h3 a,h4 a,h5 a,h6 a){color:var(--blue-600);text-decoration:underline;text-decoration-color:var(--blue-300);text-decoration-thickness:1.5px;text-underline-offset:3px}main .entry-content a:not(h1 a,h2 a,h3 a,h4 a,h5 a,h6 a):hover{color:var(--blue-700);text-decoration-color:var(--blue-600)}main .entry-content blockquote{padding:1.5rem;border-left:4px solid var(--green-400);border-top:2px solid var(--green-200);border-right:2px solid var(--green-200);border-bottom:2px solid var(--green-200);background-color:var(--green-50);margin:1.5rem 0;border-radius:var(--rounded);position:relative}main .entry-content blockquote:before{content:"";position:absolute;top:.75rem;left:.5rem;font-size:2rem;color:var(--green-300);font-family:serif;line-height:1}main .entry-content blockquote p{margin:0;color:var(--green-800);font-style:italic;line-height:1.6}main .entry-content ul,main .entry-content ol{margin:1.25rem 0;padding-left:2rem}main .entry-content ul li,main .entry-content ol li{margin-bottom:.5rem;line-height:1.6}main .entry-content ul{list-style-type:disc}main .entry-content ul ul{list-style-type:circle;margin:.5rem 0}main .entry-content ul ul ul{list-style-type:square}main .entry-content ol{list-style-type:decimal}main .entry-content code:not(pre code){font-size:.875rem;line-height:1.25rem;padding:.125rem .375rem;background-color:var(--blue-50);color:var(--blue-800);font-weight:500;border:1px solid var(--blue-200);border-radius:.25rem;font-family:IBM Plex Mono,sans-serif}main .entry-content pre{margin:1.5rem 0;padding:1.5rem;border-radius:var(--rounded);border:2px solid var(--gray-800);background-color:var(--gray-900);overflow-x:auto;position:relative}main .entry-content pre:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-400),var(--green-400),var(--yellow-400),var(--red-400));border-radius:var(--rounded) var(--rounded) 0 0}main .entry-content pre .copy-button{position:absolute;top:.75rem;right:.75rem;background-color:var(--gray-700);color:var(--gray-100);border:1px solid var(--gray-600);border-radius:.5rem;padding:.5rem .75rem;font-size:.75rem;font-family:IBM Plex Mono,sans-serif;cursor:pointer;transition:all .2s ease;z-index:10}main .entry-content pre .copy-button:hover{background-color:var(--gray-600);border-color:var(--gray-500)}main .entry-content pre .copy-button:active{background-color:var(--green-600);border-color:var(--green-500)}main .entry-content pre .copy-button.copied{background-color:var(--green-600);border-color:var(--green-500);color:#fff}main .entry-content pre code{background:none;border:none;padding:0;font-family:IBM Plex Mono,sans-serif;color:var(--gray-100);font-size:.875rem;line-height:1.6}main .entry-content hr{margin:1.5rem 0;height:2px;background-color:var(--gray-300)}main .entry-content a{color:var(--blue-600);text-decoration:none;text-decoration:underline}main .entry-content table{width:100%;margin:1.5rem 0;border-collapse:collapse;border:1px solid var(--gray-300);border-radius:var(--rounded);overflow:hidden;background-color:#fff}main .entry-content table th,main .entry-content table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--gray-200)}main .entry-content table th{background-color:var(--gray-50);font-weight:600;color:var(--gray-900);font-family:IBM Plex Mono,sans-serif;font-size:.875rem;line-height:1.25rem;border-bottom:2px solid var(--gray-300)}main .entry-content table td{background-color:#fff;font-size:.875rem;line-height:1.25rem;color:var(--gray-700)}main .entry-content table tr:hover td{background-color:var(--gray-25)}main .entry-content table tr:last-child td{border-bottom:none}