/* Blog post typography + hero (linked only from blog posts) */
.page-header.blog-hero{position:relative;padding:150px 0 64px;background-color:#16121a;background-image:var(--hero);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}
.page-header.blog-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,9,15,.7) 0%,rgba(12,9,15,.8) 55%,rgba(12,9,15,.92) 100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.page-header.blog-hero .container{position:relative;z-index:1;max-width:860px}
.page-header.blog-hero h1{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5);font-size:clamp(1.75rem,4.4vw,3rem)}
.page-header.blog-hero h1 .text-accent{color:#ff8a80}
.page-header.blog-hero p{color:rgba(255,255,255,.9);text-shadow:0 1px 6px rgba(0,0,0,.45)}
.page-header.blog-hero .blog-card-tag{background:rgba(183,28,28,.92);color:#fff}
.page-header.blog-hero .breadcrumb{color:rgba(255,255,255,.7);flex-wrap:wrap}
.page-header.blog-hero .breadcrumb a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.45)}
.page-header.blog-hero .breadcrumb a:hover{text-decoration-color:#fff}
@media(max-width:768px){.page-header.blog-hero{padding:112px 0 40px}.page-header.blog-hero .container{padding-left:16px;padding-right:16px}}

.blog-content{max-width:720px;margin:0 auto;font-size:1.06rem;line-height:1.8;color:var(--gray-700,#444);overflow-wrap:break-word}
.blog-content > :first-child{margin-top:0}
.blog-content p{font-size:inherit;line-height:inherit;color:inherit;margin:0 0 1.2em}
.blog-content h2{font-size:clamp(1.4rem,3vw,1.8rem);line-height:1.3;margin:2.2em 0 .7em;color:var(--ink,#1a1a1a)}
.blog-content h3{font-size:clamp(1.15rem,2.4vw,1.3rem);line-height:1.35;margin:1.6em 0 .5em;color:var(--ink,#1a1a1a)}
.blog-content h2 + h3{margin-top:.8em}
.blog-content ul,.blog-content ol{margin:0 0 1.3em;padding-inline-start:1.5em;line-height:1.75;color:inherit}
.blog-content ul{list-style:disc}
.blog-content ol{list-style:decimal}
.blog-content li{margin:0 0 .55em;padding-inline-start:.2em}
.blog-content li > ul,.blog-content li > ol{margin:.5em 0 0}
.blog-content strong{color:var(--ink,#1a1a1a);font-weight:700}
.blog-content a{color:var(--accent,#b71c1c);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.blog-content a:hover{text-decoration-thickness:2px}
.blog-content a.btn{text-decoration:none;color:#fff}
.blog-content img{display:block;width:100%;height:auto;border-radius:12px;margin:0 0 1.8em}
.blog-content blockquote{margin:1.6em 0;padding:.9em 1.2em;border-inline-start:4px solid var(--accent,#b71c1c);background:var(--gray-50,#faf8f5);border-radius:0 10px 10px 0;font-style:italic}
[dir="rtl"] .blog-content blockquote{border-radius:10px 0 0 10px}
.blog-content table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.95em;display:block;overflow-x:auto}
.blog-content th,.blog-content td{border:1px solid var(--gray-100,#eee);padding:.6em .8em;text-align:start;vertical-align:top}
.blog-content th{background:var(--gray-50,#faf8f5);color:var(--ink,#1a1a1a)}
.blog-content .post-related{margin-top:3em;padding-top:1.4em;border-top:1px solid var(--gray-100,#eee)}
.blog-content .post-related h2{margin-top:0;font-size:1.3rem}
.blog-content .post-cta{text-align:center;margin:2.6em 0}
html[lang="ja"] .blog-content,html[lang="ko"] .blog-content{line-height:1.95}
html[lang="ar"] .blog-content{font-size:1.1rem;line-height:1.95}
@media(max-width:600px){.blog-content{font-size:1rem;line-height:1.75}.blog-content ul,.blog-content ol{padding-inline-start:1.25em}}