.post-hero .kicker { text-decoration: none; }
.post-hero .kicker:hover { color: var(--yellow); filter: brightness(1.08); }
.post-hero h1 { max-width: 24em; }
.post-meta { margin: 18px 0 0; font-size: 15px; color: #AFC0FF; }
.post { padding-top: 56px; padding-bottom: 96px; }
.post-body { max-width: 760px; margin: 0 auto; background: var(--white); border-radius: 22px; padding: 40px 44px; box-shadow: 0 0 0 1px var(--line); }
.post-body h2 { font-size: 24px; margin: 2em 0 .6em; }
.post-body > h2:first-child { margin-top: 0; }
.post-body p, .post-body li { color: #2D3563; }
.post-body ol, .post-body ul { padding-left: 1.4em; margin: 0 0 1em; }
.post-body li { margin-bottom: .4em; }
.post-body .pair-line { margin: 0 0 12px; padding: 4px 0 4px 14px; border-left: 4px solid var(--yellow); color: var(--navy); font-weight: 800; }
.post-body .ex { margin: 0 0 16px; padding: 16px 18px; border-radius: 14px; background: #F7F9FF; box-shadow: inset 0 0 0 1px var(--line); }
.post-body .ex p { margin: 0; }
.post-body .ex p + p { margin-top: 12px; }
.post-body .ex span[lang="en"] { display: block; color: var(--navy); font-weight: 700; }
.post-body .ex small { display: block; color: var(--muted); font-size: 15px; }
.post-body .post-sources li { font-size: 14.5px; color: var(--muted); overflow-wrap: anywhere; }
.post-body .post-note { margin: 32px 0 0; font-size: 14.5px; color: var(--muted); }
.post-cta { max-width: 760px; margin: 28px auto 0; display: flex; align-items: center; gap: 22px; padding: 26px 28px; border-radius: 22px; color: var(--white); background: linear-gradient(120deg, var(--navy-deep), var(--navy-2)); }
.post-cta img { flex: none; width: 104px; height: 104px; }
.post-cta h2 { color: var(--white); font-size: 21px; margin-bottom: 6px; }
.post-cta p { color: #C8D3FF; font-size: 15.5px; margin-bottom: 14px; }
.related { max-width: 760px; margin: 40px auto 0; }
.related h2 { font-size: 21px; }
.post-list { max-width: 760px; margin: 0 auto; display: grid; gap: 16px; }
.post-card { display: block; text-decoration: none; background: var(--white); border-radius: var(--radius); padding: 24px 26px; box-shadow: 0 0 0 1px var(--line), 0 10px 24px rgba(22,32,92,.06); }
.post-card + .post-card { margin-top: 0; }
.related .post-card + .post-card { margin-top: 12px; }
.post-card h2, .post-card h3 { color: var(--navy); font-size: 20px; margin-bottom: 6px; }
.post-card p { color: #3B4470; font-size: 16px; margin: 0 0 8px; }
.post-card time { color: var(--muted); font-size: 14px; }
.post-card:hover h2, .post-card:hover h3 { color: var(--sky); }
@media (max-width: 760px) {
  .post { padding-top: 32px; padding-bottom: 72px; }
  .post-body { padding: 26px 18px; }
  .post-body h2 { font-size: 21px; }
  .post-cta { flex-direction: column; align-items: flex-start; padding: 22px 18px; }
  .post-cta img { width: 84px; height: 84px; }
}