@layer theme,base;@layer components{.blog-post{max-width:72rem;margin:0 auto;padding:2rem 1.5rem 5rem}.blog-post-header{text-align:center;max-width:48rem;margin:0 auto 2.5rem}.blog-post-title{font-family:var(--serif);letter-spacing:-.025em;color:var(--foreground);margin-bottom:1rem;font-size:3rem;font-weight:500;line-height:1.12}.blog-post-meta{color:var(--muted);justify-content:center;align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.blog-post-meta-sep{background:var(--muted);opacity:.5;border-radius:50%;width:3px;height:3px}.blog-post-cover{aspect-ratio:2;border-radius:1rem;width:100%;margin-bottom:3.5rem;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000f}.blog-post-cover img{object-fit:cover}.dark .blog-post-cover{box-shadow:0 4px 32px #0006}.blog-post-cover+.blog-post-content:before{content:"";background:var(--accent);opacity:.6;border-radius:1px;width:3rem;height:2px;margin:0 auto 3rem;display:block}.blog-post-content{max-width:48rem;font-family:var(--sans);color:var(--foreground);margin:0 auto;font-size:1.0625rem;line-height:1.8}.blog-post-content h1{font-family:var(--serif);letter-spacing:-.02em;margin-top:3.5rem;margin-bottom:1.25rem;font-size:2.5rem;font-weight:600;line-height:1.2}.blog-post-content h1:first-child{margin-top:0}.blog-post-content h2{font-family:var(--serif);letter-spacing:-.01em;margin-top:3rem;margin-bottom:1rem;font-size:1.75rem;font-weight:600;line-height:1.3}.blog-post-content h3{font-family:var(--serif);margin-top:2.5rem;margin-bottom:.75rem;font-size:1.375rem;font-weight:600;line-height:1.4}.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{font-family:var(--sans);margin-top:2rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.4}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content p:last-child{margin-bottom:0}.blog-post-content a{color:var(--accent);text-underline-offset:2px;text-decoration:underline;transition:color .2s}.blog-post-content a:hover{color:var(--accent-hover)}.blog-post-content strong{font-weight:600}.blog-post-content em{font-style:italic}.blog-post-content ul{margin-bottom:1.5rem;padding-left:1.5rem;list-style-type:disc}.blog-post-content ol{margin-bottom:1.5rem;padding-left:1.5rem;list-style-type:decimal}.blog-post-content li{margin-bottom:.5rem;padding-left:.25rem}.blog-post-content li:last-child{margin-bottom:0}.blog-post-content blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:2rem 0;padding-left:1.5rem;font-style:italic}.blog-post-content pre{background:#78716c14;border-radius:.75rem;margin:2rem 0;padding:1.5rem;font-size:.875rem;line-height:1.6;overflow-x:auto}.dark .blog-post-content pre{background:#fafaf90f}.blog-post-content code{font-family:var(--mono)}.blog-post-content img{object-fit:cover;border-radius:.75rem;width:calc(100% + 8rem);max-width:calc(100% + 8rem);height:auto;margin:2.5rem -4rem;display:block;box-shadow:0 2px 20px #0000000f}.dark .blog-post-content img{box-shadow:0 2px 24px #00000059}@media (max-width:768px){.blog-post-header{margin-bottom:2rem}.blog-post-title{font-size:2.25rem}.blog-post-cover{border-radius:.75rem;margin-bottom:2.5rem}.blog-post-cover+.blog-post-content:before{margin-bottom:2rem}.blog-post-content{font-size:1rem}.blog-post-content img{border-radius:.5rem;width:calc(100% + 2rem);max-width:calc(100% + 2rem);margin:2rem -1rem}.blog-post-content h1{font-size:2rem}.blog-post-content h2{font-size:1.5rem}.blog-post-content h3{font-size:1.25rem}}@media (max-width:640px){.blog-post{padding:1.5rem 1rem 3rem}.blog-post-title{font-size:2rem}.blog-post-content img{width:calc(100% + 2rem);max-width:calc(100% + 2rem);margin:1.5rem -1rem}}}@layer utilities;