.blog-article{max-width:800px;margin:0 auto;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.7;color:#1a202c}.blog-article h1{font-size:2.5rem;font-weight:800;line-height:1.2;margin-top:0;margin-bottom:1.5rem;color:#1a202c;letter-spacing:-.025em}.blog-article h2{font-size:2rem;font-weight:700;line-height:1.3;margin-top:3rem;margin-bottom:1.25rem;color:#2d3748;letter-spacing:-.02em;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.blog-article h3{font-size:1.5rem;font-weight:600;line-height:1.4;margin-top:2.5rem;margin-bottom:1rem;color:#2d3748}.blog-article h4{font-size:1.25rem;font-weight:600;line-height:1.5;margin-top:2rem;margin-bottom:.75rem;color:#4a5568}.blog-article h5{font-size:1.125rem;font-weight:600;line-height:1.5;margin-top:1.5rem;margin-bottom:.5rem;color:#4a5568}.blog-article h6{font-size:1rem;font-weight:600;line-height:1.5;margin-top:1.5rem;margin-bottom:.5rem;color:#718096;text-transform:uppercase;letter-spacing:.05em}.blog-article p{font-size:1.125rem;line-height:1.8;margin-top:0;margin-bottom:1.5rem;color:#2d3748}.blog-article a{color:#3182ce;text-decoration:underline;text-decoration-color:#90cdf4;text-decoration-thickness:2px;text-underline-offset:2px;transition:all .2s ease}.blog-article a:hover{color:#2c5282;text-decoration-color:#3182ce}.blog-article ul,.blog-article ol{font-size:1.125rem;line-height:1.8;margin-top:0;margin-bottom:1.5rem;padding-left:2rem;color:#2d3748}.blog-article ul{list-style-type:disc}.blog-article ul ul{list-style-type:circle;margin-top:.5rem;margin-bottom:.5rem}.blog-article ul ul ul{list-style-type:square}.blog-article ol{list-style-type:decimal}.blog-article ol ol{list-style-type:lower-alpha;margin-top:.5rem;margin-bottom:.5rem}.blog-article ol ol ol{list-style-type:lower-roman}.blog-article li{margin-bottom:.75rem;padding-left:.5rem}.blog-article li:last-child{margin-bottom:0}.blog-article li>p{margin-bottom:.75rem}.blog-article blockquote{font-size:1.25rem;font-style:italic;line-height:1.7;margin:2rem 0;padding:1.5rem 2rem;border-left:4px solid #3182ce;background-color:#f7fafc;color:#2d3748;border-radius:0 .5rem .5rem 0}.blog-article blockquote p{margin-bottom:.75rem}.blog-article blockquote p:last-child{margin-bottom:0}.blog-article blockquote cite{display:block;margin-top:1rem;font-size:.875rem;font-style:normal;color:#718096}.blog-article blockquote cite:before{content:"— "}.blog-article code{font-family:Menlo,Monaco,Courier New,monospace;font-size:.875em;padding:.2em .4em;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:.25rem;color:#e53e3e}.blog-article pre{font-family:Menlo,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.7;margin:1.5rem 0;padding:1.5rem;background-color:#2d3748;color:#f7fafc;border-radius:.5rem;overflow-x:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.blog-article pre code{padding:0;background-color:transparent;border:none;color:inherit;font-size:inherit}.blog-article table{width:100%;margin:2rem 0;border-collapse:collapse;font-size:1rem;line-height:1.6;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border-radius:.5rem;overflow:hidden}.blog-article thead{background-color:#4a5568;color:#fff}.blog-article th{padding:1rem;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.blog-article tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.blog-article tbody tr:last-child{border-bottom:none}.blog-article tbody tr:hover{background-color:#f7fafc}.blog-article td{padding:1rem;color:#2d3748}.blog-article tbody tr:nth-child(2n){background-color:#f7fafc}.blog-article img{max-width:100%;height:auto;margin:2rem 0;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.blog-article figure{margin:2rem 0}.blog-article figcaption{margin-top:.75rem;font-size:.875rem;font-style:italic;text-align:center;color:#718096}.blog-article hr{margin:3rem 0;border:none;border-top:2px solid #e2e8f0}.blog-article strong,.blog-article b{font-weight:700;color:#1a202c}.blog-article em,.blog-article i{font-style:italic}.blog-article mark{background-color:#fef08a;padding:.1em .3em;border-radius:.25rem}.blog-article abbr[title]{text-decoration:underline dotted;cursor:help}.blog-article sub,.blog-article sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}.blog-article sup{top:-.5em}.blog-article sub{bottom:-.25em}@media(max-width:768px){.blog-article{padding:1rem}.blog-article h1{font-size:2rem}.blog-article h2{font-size:1.75rem}.blog-article h3{font-size:1.375rem}.blog-article h4{font-size:1.125rem}.blog-article p,.blog-article ul,.blog-article ol{font-size:1rem}.blog-article blockquote{font-size:1.125rem;padding:1rem 1.5rem}.blog-article table{font-size:.875rem}.blog-article th,.blog-article td{padding:.75rem}}.blog-index,.blog-index-loading,.blog-index-error,.blog-index-empty{min-height:100vh;background-color:#f7fafc}.blog-index article{background-color:#fff;transition:all .3s ease}.blog-index article:hover{transform:translateY(-2px)}.blog-index nav{margin-top:3rem;padding-bottom:3rem}.blog-index nav button{font-weight:500;transition:all .2s ease}.blog-index nav button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.blog-index nav button:active:not(:disabled){transform:translateY(0)}@media(max-width:768px){.blog-index nav{flex-wrap:wrap}.blog-index nav button{font-size:.875rem;padding:.5rem .75rem}}