.blog-page h1{margin-bottom:2rem;font-size:clamp(3.2rem,5vw,4.8rem);font-weight:700;line-height:1.2}.blog-page h2{margin-top:4rem;margin-bottom:1.6rem;font-size:clamp(2.4rem,4vw,3.6rem);font-weight:600;line-height:1.3}.blog-page h3{margin-top:3.2rem;margin-bottom:1.2rem;font-size:clamp(2rem,3vw,2.4rem);font-weight:600;line-height:1.4}.blog-page h4{margin-top:2.4rem;margin-bottom:1rem;font-size:clamp(1.8rem,2.5vw,2rem);font-weight:600;line-height:1.4}.blog-page p{color:#374151;margin-bottom:1.6rem;font-size:clamp(1.6rem,1.5vw,1.8rem);line-height:1.8}.blog-page ul,.blog-page ol{margin:2.4rem 0;padding-left:3rem}.blog-page li{margin-bottom:1rem;line-height:1.7}.blog-page a{color:#2563eb;text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px;transition:all .2s}.blog-page a:hover{color:#1d4ed8;text-decoration-thickness:2px}.blog-page section{margin-bottom:4.8rem}.blog-page section:last-child{margin-bottom:0}.blog-page .card,.blog-page [class*=card]{margin-bottom:1.6rem;padding:2.4rem;transition:all .3s}.blog-page .card:hover,.blog-page [class*=card]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.blog-page button,.blog-page [role=button]{transition:all .2s ease-in-out}.blog-page button:hover:not(:disabled),.blog-page [role=button]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.blog-page button:active:not(:disabled),.blog-page [role=button]:active{transform:translateY(0)}.blog-page figure,.blog-page img{margin:3.2rem 0}.blog-page blockquote{border-left:4px solid #2563eb;margin:3.2rem 0;padding:2rem}.blog-page table{width:100%;margin:3.2rem 0}.blog-page td,.blog-page th{padding:1.2rem 1.6rem}.blog-page pre,.blog-page code{margin:2.4rem 0}.blog-page nav{margin:1.6rem 0}.blog-page nav a,.blog-page nav button{justify-content:center;align-items:center;min-height:4.4rem;padding:.8rem 1.2rem;display:inline-flex}@media (max-width:768px){.blog-page h1{margin-bottom:1.6rem;font-size:3.2rem}.blog-page h2{margin-top:3.2rem;margin-bottom:1.2rem;font-size:2.4rem}.blog-page h3{margin-top:2.4rem;margin-bottom:1rem;font-size:2rem}.blog-page section{margin-bottom:3.2rem}}.blog-page :focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #2563eb}.blog-page{scroll-behavior:smooth}.blog-page>div,.blog-page>section{min-height:fit-content}.blog-page *{box-sizing:border-box}