.post-hero{padding:5rem 2rem 4rem;position:relative;overflow:hidden}
.post-hero::after{content:'';position:absolute;top:50%;right:-8%;width:40%;aspect-ratio:1;transform:translateY(-50%);background:url('/themes/yns/images/x-watermark-white.svg') center/contain no-repeat;opacity:.06;pointer-events:none}
.post-hero .container{position:relative;z-index:1;max-width:800px}
.post-hero .back{color:rgba(255,255,255,.55);font-size:.82rem;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;margin-bottom:1.25rem}
.post-hero .back:hover{color:#0ab3eb}
.post-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.post-meta .cat{background:#0ab3eb;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .65rem;border-radius:50px}
.post-meta .mx{font-size:.78rem;color:rgba(255,255,255,.5)}
.post-hero h1{color:#fff;font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1.2;margin:0}
.post-hero .summary{color:rgba(255,255,255,.65);font-size:1rem;margin-top:1rem;line-height:1.6}
.post-body{max-width:720px;margin:0 auto;padding:3.5rem 2rem 4rem}
.post-body h2{font-size:1.4rem;color:#00437c;margin:2.5rem 0 1rem}
.post-body h3{font-size:1.1rem;color:#00437c;margin:2rem 0 .75rem}
.post-body p{line-height:1.85;color:#2e2e2e;margin-bottom:1.25rem;font-size:1.025rem}
.post-body ul,.post-body ol{margin:.75rem 0 1.25rem 0;padding-left:1.75rem;display:block}
.post-body ul{list-style-type:disc}
.post-body ol{list-style-type:decimal}
.post-body li{line-height:1.7;color:#2e2e2e;font-size:1rem;margin-bottom:.4rem;display:list-item}
.post-body blockquote{border-left:3px solid #0ab3eb;padding:.75rem 1.5rem;margin:2rem 0;background:#F9FAF8;border-radius:0 8px 8px 0}
.post-body blockquote p{color:#00437c;font-style:italic;margin:0}
.post-body code{background:#F9FAF8;padding:.15rem .4rem;border-radius:4px;font-size:.88em;color:#00437c}
.post-body pre{background:#1e2d40;border-radius:8px;padding:1.25rem 1.5rem;overflow-x:auto;margin:1.5rem 0}
.post-body pre code{background:none;color:#e8f0ff;padding:0}
.post-body strong{color:#00437c}
.post-body img{max-width:100%;border-radius:8px;margin:1.5rem 0}
.post-author{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#F9FAF8;border-radius:12px;margin:3rem 0}
.post-author img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.post-author strong{color:#00437c;display:block;font-size:.9rem}
.post-author span{font-size:.8rem;color:#959595}
.post-cta{background:linear-gradient(135deg,#001e3c 0%,#00437c 50%,#0872b9 100%);border-radius:14px;padding:2.5rem;text-align:center;margin-top:3rem}
.post-cta h3{color:#fff;margin-bottom:.5rem;font-size:1.2rem}
.post-cta p{color:rgba(255,255,255,.7);margin-bottom:1.5rem;font-size:.95rem}