img{pointer-events:none}.markdown-post{line-height:1.625}.markdown-hero-image{overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.markdown-header{border-bottom:2px solid #c5c1c0;padding-bottom:1.5rem}.markdown-meta .image img{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.markdown-content{font-size:1rem;color:#1f2937}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:2.5rem;margin-bottom:1rem;line-height:1.25;color:#000}.markdown-content h1{font-size:2.25rem;border-bottom:2px solid #9ca3af;padding-bottom:.5rem;font-weight:700;color:#000}.markdown-content h2{font-size:1.5rem;border-bottom:1px solid #d1d5db;padding-bottom:.25rem;color:#000;font-weight:600}.markdown-content h3{font-size:1.25rem;color:#000;font-weight:600}.markdown-content h4{font-size:1.125rem;color:#000;font-weight:500}.markdown-content p{margin-bottom:1.5rem;text-align:justify}.markdown-content p:last-child{margin-bottom:0}.markdown-content code{background-color:#c5c1c0;border:1px solid #858585;color:#c2542f;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;padding:.25rem}.markdown-content pre{background-color:#111827;color:#f3f4f6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.625;margin:1.5rem 0;overflow-x:auto;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.markdown-content pre code{background:transparent;border:none;color:inherit;padding:0}.code-block-container{position:relative}.copy-button{position:absolute;top:.75rem;right:.75rem;background:#1f2937;border:1px solid #374151;cursor:pointer;font-size:.75rem;padding:.5rem .75rem;transition:background .2s,border .2s;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:10}.copy-button:hover{background:#374151;border-color:#4b5563}.copy-button.copied{background:#16a34a;border-color:#16a34a;color:#fff}.copy-button .icon{margin-right:.25rem}.markdown-content blockquote{background:#c5c1c0;border-left:4px solid #991e1e;font-style:italic;margin:2rem 0;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.markdown-content blockquote p{margin-bottom:0;color:#000}.markdown-content ul,.markdown-content ol{margin-bottom:1.5rem;padding-left:2rem}.markdown-content li{margin-bottom:.5rem}.markdown-content ul li{list-style-type:disc}.markdown-content ul ul li{list-style-type:circle}.markdown-content ol li{list-style-type:decimal}.markdown-content table{border-collapse:collapse;margin:2rem 0;width:100%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.markdown-content table th,.markdown-content table td{border:1px solid #d1d5db;padding:.75rem 1rem;text-align:left}.markdown-content table th{background:#374151;color:#fff;font-weight:600}.markdown-content table tr:nth-child(2n){background:#f3f4f6}.markdown-content table tr:hover{background:#e5e7eb}.markdown-content img{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;height:auto;margin:1.5rem auto;max-width:100%;display:block}.markdown-content iframe{display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5rem;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0000000d;width:800px;height:450px;max-width:100%}.markdown-content iframe{width:800px;height:450px}.markdown-content iframe[src*="youtube.com"],.markdown-content iframe[src*="youtu.be"],.markdown-content iframe[src*="vimeo.com"]{width:800px;height:450px;aspect-ratio:16/9}.markdown-content iframe[src*="codepen.io"],.markdown-content iframe[src*="jsfiddle.net"]{width:800px;height:500px}.markdown-content iframe[src*="gist.github.com"]{width:800px;height:400px}.markdown-content .embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-left:auto;margin-right:auto;max-width:800px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.markdown-content .embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;margin:0}.markdown-content a{color:#374151;text-decoration:underline;text-underline-offset:2px;transition:color .2s,background .2s,padding .2s}.markdown-content a:hover{color:#111827;background:#f3f4f6;padding-left:.125rem;padding-right:.125rem}.markdown-content hr{border:none;height:2px;background:#9ca3af;margin:3rem 0}.markdown-content input[type=checkbox]{margin-right:.5rem;transform:scale(1.1)}.markdown-content .highlight,.markdown-content .note,.markdown-content .warning,.markdown-content .info{padding:1.5rem;margin:1.5rem 0;border-left:4px solid;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.markdown-content .highlight{background:#f9fafb;border-left-color:#9ca3af}.markdown-content .note{background:#f3f4f6;border-left-color:#6b7280}.markdown-content .warning{background:#fefce8;border-left-color:#ca8a04}.markdown-content .info{background:#ecfdf5;border-left-color:#16a34a}@media screen and (max-width: 768px){.markdown-content{font-size:.875rem}.markdown-content h1{font-size:1.5rem}.markdown-content h2{font-size:1.125rem}.markdown-content pre{font-size:.75rem;padding:1rem}.markdown-content table{font-size:.75rem}.markdown-content table th,.markdown-content table td{padding:.5rem}.markdown-content iframe{width:95%;max-width:95%;height:auto;min-height:250px}.markdown-content .embed-container{width:95%;max-width:95%}}.markdown-author-footer{border-top:1px solid #d1d5db;margin-top:2rem;padding-top:1rem}.markdown-author-footer .media{align-items:center;display:flex}.markdown-author-footer .image img{width:3rem;height:3rem;object-fit:cover}@media print{.markdown-post{font-size:1rem;line-height:1.5}.markdown-content pre{background:#f3f4f6;color:#111827;border:1px solid #9ca3af}.markdown-content a{color:#111827;text-decoration:underline}}