.blog-container{margin:0 auto;min-height:80vh;max-width:1200px;padding:2rem}.blog-container .blog-header{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.blog-container .blog-header .blog-image{width:100%;height:300px;object-fit:cover;display:block;border-radius:.75rem;box-shadow:0 4px 24px rgba(0,0,0,.1)}.blog-container .blog-header h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:rgba(0,0,0,.5);padding:1rem 2rem;border-radius:.5rem;font-size:2.5rem;text-align:center;z-index:2;width:80%;max-width:900px;box-shadow:0 2px 16px rgba(0,0,0,.2);font-weight:700;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.25)}.blog-container h2{font-size:2rem;margin-top:2.5rem;margin-bottom:1.25rem;font-weight:600;color:#1a1a1a;letter-spacing:.01em}.blog-container h3{font-size:1.3rem;margin-top:2rem;margin-bottom:1rem;font-weight:500;color:#03599b;letter-spacing:.13em}.blog-container p{font-size:1.1rem;line-height:1.7;color:#232323;margin-bottom:1.25rem}.blog-container a{color:#0070f3;text-decoration:underline;transition:color .2s}.blog-container a:hover{color:#0051a8}.blog-container .figure{display:block;margin:2rem auto .5rem;max-width:800px;width:100%;height:auto;border-radius:.5rem;box-shadow:0 2px 16px rgba(0,0,0,.08);object-fit:contain}.blog-container .blog-figure{text-align:center;font-size:1rem;color:#666;margin-bottom:2rem;margin-top:.5rem}.blog-container strong{font-weight:600;color:#222}.blog-container ol,.blog-container ul{margin-left:2rem;margin-bottom:1.25rem;font-size:1.1rem;line-height:1.7}.blog-container blockquote{margin:2rem 0;padding:1.25rem 2rem;background:#f9f9f9;border-left:5px solid #0476cd;border-radius:.5rem;font-style:italic;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.04)}.blog-container blockquote p{margin:0;font-size:1.15rem;line-height:1.7;color:#222}@media(max-width:700px){.blog-container .blog-header h1{font-size:1.3rem;padding:.5rem 1rem;width:90%}.blog-container .blog-header .blog-image{border-radius:.5rem}.blog-container .blog-figure{text-align:left}.blog-container .figure{max-width:100%}.blog-container .blog-container{padding:1rem}.blog-container blockquote{padding:1rem;font-size:1rem}.blog-container blockquote p{font-size:1rem}}