/* Blog post shared styles — imported by all posts in /blogs/ */
.blog-hero { background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 100%); padding: 72px 0 56px; }
.blog-hero .blog-tag { display:inline-block; background:rgba(255,107,44,.15); color:var(--orange); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; padding:4px 14px; border-radius:20px; margin-bottom:16px; }
.blog-hero h1 { color:#fff; font-size:clamp(1.7rem,4vw,2.8rem); font-weight:800; line-height:1.15; max-width:780px; }
.blog-hero .blog-meta { display:flex; gap:20px; margin-top:16px; flex-wrap:wrap; }
.blog-hero .blog-meta span { font-size:13px; color:rgba(255,255,255,0.55); }
.blog-content { max-width:780px; margin:0 auto; padding:56px 24px 72px; }
.blog-content h2 { font-size:1.45rem; font-weight:700; color:#000; margin:44px 0 16px; line-height:1.25; }
.blog-content h3 { font-size:1.1rem; font-weight:700; color:#111; margin:32px 0 12px; }
.blog-content p { font-size:15.5px; color:#3a3a3a; line-height:1.82; margin-bottom:22px; }
.blog-content ul, .blog-content ol { margin:0 0 24px 26px; }
.blog-content li { font-size:15px; color:#3a3a3a; line-height:1.75; margin-bottom:10px; }
.blog-content a { color:var(--orange); font-weight:600; text-decoration:none; }
.blog-content a:hover { text-decoration:underline; }
.blog-content strong { color:#111; }
.blog-cta-box { background:#fff8f4; border-left:4px solid var(--orange); border-radius:0 10px 10px 0; padding:28px 32px; margin:44px 0; box-shadow:0 2px 12px rgba(0,0,0,0.06); }
.blog-cta-box h3 { font-size:1.05rem; font-weight:700; color:#000; margin:0 0 8px; }
.blog-cta-box p { font-size:14px; color:#555; margin-bottom:18px; }
.blog-related { background:#f5f5f5; padding:60px 0; }
.blog-related h2 { text-align:center; font-size:1.6rem; font-weight:700; margin-bottom:32px; }
.blog-related h2 span { color:var(--orange); }
.blog-related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.blog-related-card { background:#fff; border-radius:12px; overflow:hidden; border:1px solid #e8e8e8; transition:transform .2s,box-shadow .2s; }
.blog-related-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,0.09); }
.blog-related-card img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.blog-related-card-body { padding:18px; }
.blog-related-card-body .blog-tag { display:inline-block; background:rgba(255,107,44,.1); color:var(--orange); font-size:10px; font-weight:700; text-transform:uppercase; padding:3px 10px; border-radius:20px; margin-bottom:8px; }
.blog-related-card-body h4 { font-size:14px; font-weight:700; color:#000; line-height:1.4; margin-bottom:10px; }
.blog-related-card-body a { font-size:13px; color:var(--orange); font-weight:600; }
@media(max-width:900px){ .blog-related-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:580px){ .blog-related-grid{grid-template-columns:1fr;} .blog-content{padding:36px 16px 48px;} }