:root{--brand-red: #ff6b6b;--brand-black: #272b2a;--brand-green: #007542;--brand-green-filter: brightness(0) saturate(100%) invert(20%) sepia(100%) saturate(6000%) hue-rotate(125deg) brightness(90%) contrast(150%);--color-white: #ffffff;--bg-primary: #f0eee6;--hero-bg-glass: rgba(255, 255, 255, .39);--hero-border-glass: rgba(255, 255, 255, .41);--hero-shadow: rgb(236, 236, 241);--dark-bg: #14141c;--border-light: #e0e0e0;--border-dark: #cccccc;--text-danger: #e53935;--attention-delete: #ff6666;--text-primary: #333333;--text-secondary: #6e6e6e;--brand-grey-1: #87867f;--brand-grey-2: #acaca6;--brand-grey-3: #c5c5c0;--brand-grey-4: #e8e6dc;--brand-grey-5: #f0eee6;--brand-grey-6: #faf9f6;--accent-yellow-1: #ffbe3c;--accent-yellow-2: #ffcf6e;--accent-yellow-3: #ffdf9e;--accent-yellow-4: #fceccb;--accent-green-1: #059688;--accent-green-2: #63b9a4;--accent-green-3: #a7d5c2;--accent-green-4: #dcede1;--accent-blue-1: #3aa7ea;--accent-blue-2: #6ebbee;--accent-blue-3: #a1d5f5;--accent-blue-4: #def2ff;--accent-pink-1: #db4781;--accent-pink-2: #e3729e;--accent-pink-3: #efadc7;--accent-pink-4: #fbebf1;--accent-purple-1: #8a4b70;--accent-purple-2: #a1739b;--accent-purple-3: #b896b4;--accent-purple-4: #dbcad9;--grey-1: #212121;--grey-2: #333333;--grey-3: #4e4e4e;--grey-4: #6e6e6e;--grey-5: #8f8f8f;--grey-6: #cccccc;--grey-7: #e0e0e0;--grey-8: #f2f2f2;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}@font-face{font-family:Inter-Black;src:url(/fonts/Inter-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Inter-Bold;src:url(/fonts/Inter-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter-SemiBold;src:url(/fonts/Inter-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter-Medium;src:url(/fonts/Inter-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter-Regular;src:url(/fonts/Inter-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter-Italic;src:url(/fonts/Inter-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Inter-Light;src:url(/fonts/Inter-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}.blog-cover .container{padding-bottom:16px}.blog-cover .blog-title-area{max-width:64rem;margin:0 auto}.blog-cover .blog-title-area .blog-title{font-family:Inter-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;color:var(--grey-1);margin-bottom:16px;text-align:center}@media (max-width: 768px){.blog-cover .blog-title-area .blog-title{font-size:24px}}@media (min-width: 1024px){.blog-cover .blog-title-area .blog-title{font-size:32px}}@media (min-width: 1280px){.blog-cover .blog-title-area .blog-title{font-size:2.5rem}}.blog-cover .blog-title-area .blog-cover-img-area{margin:0 auto 16px;width:100%}.blog-cover .blog-title-area .blog-cover-img-area .blog-cover-img{aspect-ratio:18/9;width:100%;overflow:hidden;border-radius:12px;position:relative}.blog-cover .blog-title-area .blog-cover-img-area .blog-cover-img img{width:100%;height:100%;object-fit:cover;margin-bottom:0}.blog-writeup .blog-content-area{max-width:64rem;margin:0 auto}.blog-writeup .blog-content-area .blog-date{font-size:16px;color:var(--grey-3);font-family:Inter-Medium,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:block;margin-bottom:12px}.blog-writeup .blog-content-area .blog-content{font-size:18px;max-width:none;color:var(--grey-2);line-height:1.75}.blog-writeup .blog-content-area .blog-content h1,.blog-writeup .blog-content-area .blog-content h2,.blog-writeup .blog-content-area .blog-content h3,.blog-writeup .blog-content-area .blog-content h4,.blog-writeup .blog-content-area .blog-content h5,.blog-writeup .blog-content-area .blog-content h6{font-family:Inter-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--grey-1);margin-top:2rem;margin-bottom:1rem;line-height:1.25}.blog-writeup .blog-content-area .blog-content h2{font-size:20px;margin-top:2rem;margin-bottom:1rem;text-align:left}.blog-writeup .blog-content-area .blog-content h3{font-size:20px}.blog-writeup .blog-content-area .blog-content h4{font-size:18px}.blog-writeup .blog-content-area .blog-content h5{font-size:16px}.blog-writeup .blog-content-area .blog-content h6{font-size:14px}.blog-writeup .blog-content-area .blog-content p{font-family:Inter-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--grey-2);margin:1rem 0;line-height:1.75}.blog-writeup .blog-content-area .blog-content strong{font-family:Inter-SemiBold,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--grey-1)}.blog-writeup .blog-content-area .blog-content em{font-style:italic}.blog-writeup .blog-content-area .blog-content a{color:var(--accent-blue-2);text-decoration:none;transition:color .2s ease}.blog-writeup .blog-content-area .blog-content a:hover{color:var(--accent-blue-1);text-decoration:underline}.blog-writeup .blog-content-area .blog-content ol{list-style:decimal;list-style-position:outside;margin-left:1.5rem;margin-top:1rem;margin-bottom:1rem}.blog-writeup .blog-content-area .blog-content ol li{font-family:Inter-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--grey-1);margin-bottom:.75rem;padding-left:.5rem;line-height:1.5}.blog-writeup .blog-content-area .blog-content ul{list-style:disc;list-style-position:outside;margin-left:1.5rem;margin-top:1rem;margin-bottom:1rem}.blog-writeup .blog-content-area .blog-content ul li{font-family:Inter-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--grey-1);margin-bottom:.75rem;padding-left:.5rem;line-height:1.5}.blog-writeup .blog-content-area .blog-content blockquote{border-left:4px solid var(--grey-4);padding-left:16px;margin:16px 0;font-style:italic;color:var(--grey-3)}.blog-writeup .blog-content-area .blog-content pre{background-color:var(--grey-6);border-radius:8px;padding:16px;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;margin:16px 0}.blog-writeup .blog-content-area .blog-content pre code{background:none;padding:0;font-size:inherit}.blog-writeup .blog-content-area .blog-content code{background-color:var(--grey-6);padding:.125rem .25rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em}.blog-writeup .blog-content-area .blog-content table{width:100%;border-collapse:collapse;margin:16px 0}.blog-writeup .blog-content-area .blog-content table th,.blog-writeup .blog-content-area .blog-content table td{border:1px solid var(--grey-5);padding:8px 12px;text-align:left}.blog-writeup .blog-content-area .blog-content table th{background-color:var(--grey-6);font-family:Inter-SemiBold,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.blog-writeup .blog-content-area .blog-content table tr:nth-child(2n){background-color:var(--grey-7)}.blog-writeup .blog-content-area .blog-content img{border-radius:8px;margin:16px auto}.blog-writeup .blog-content-area .blog-content hr{border:none;border-top:1px solid var(--grey-5);margin:24px 0}.blog-writeup .blog-content-area .blog-chart-section{margin-top:32px;margin-bottom:32px}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container{max-width:64rem;margin:0 auto}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container{width:100%;border-radius:12px;border:1px solid var(--grey-6);background-color:var(--color-white);padding:16px}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-header{margin-bottom:16px}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-header .chart-title{margin-top:0;margin-bottom:0;font-size:24px;font-family:Inter-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--grey-1)}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-controls{margin-bottom:16px}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-controls .chart-controls-wrapper{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-controls .chart-state-select{border:1px solid var(--grey-5);border-radius:8px;padding:8px;font-size:14px;min-width:200px;background-color:var(--color-white);color:var(--grey-2);font-family:Inter-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-controls .chart-state-select:hover{border-color:var(--grey-4)}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-controls .chart-state-select:focus{border-color:var(--brand-green);box-shadow:0 0 0 2px #006d4433}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-controls .chart-state-select option{padding:4px 8px;color:var(--grey-2);font-family:Inter-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-controls .chart-state-select option:disabled{color:var(--grey-3)}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-controls .chart-selected-states{display:flex;flex-wrap:wrap;gap:8px}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-controls .chart-selected-states .chart-state-tag{display:flex;align-items:center;gap:8px;background-color:var(--grey-6);padding:6px 12px;border-radius:20px;border:1px solid var(--grey-6);transition:all .2s ease}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-controls .chart-selected-states .chart-state-tag:hover{border-color:var(--grey-5);background-color:var(--grey-4)}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-controls .chart-selected-states .chart-state-tag .chart-state-name{font-size:14px;font-family:Inter-Medium,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-controls .chart-selected-states .chart-state-tag .chart-state-remove{margin-left:4px;color:var(--grey-5);background:none;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-controls .chart-selected-states .chart-state-tag .chart-state-remove:hover{color:var(--grey-2);background-color:var(--grey-6)}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-wrapper{height:500px;width:100%;margin-top:16px}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-wrapper .recharts-cartesian-grid-horizontal{stroke:var(--grey-6)}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-wrapper .recharts-cartesian-axis-line{stroke:var(--grey-5)}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-wrapper .recharts-cartesian-axis-tick-value{fill:var(--grey-4);font-size:14px;font-family:Inter-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-wrapper .recharts-legend-item-text{font-size:14px;color:var(--grey-2);font-family:Inter-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-wrapper .recharts-tooltip-wrapper .recharts-tooltip-item{font-size:14px;font-family:Inter-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container .chart-wrapper .recharts-label{fill:var(--grey-4);font-size:14px;font-family:Inter-Medium,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container.chart-loading{padding:24px;text-align:center;color:var(--grey-4);font-family:Inter-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.blog-writeup .blog-content-area .blog-chart-section .blog-chart-container .chart-container.chart-error{color:var(--text-danger);padding:16px;border:1px solid #ff6b6b;border-radius:12px;background-color:#fff5f5;font-family:Inter-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:left}