/* Uses your existing tokens & components without overriding them */
.post-wrap { padding: 32px 0; }
.post .breadcrumbs{font-size:.92rem;color:var(--muted);margin:8px 0 14px}
.post .breadcrumbs a{color:inherit}
.post h1{font-size:clamp(26px,3.4vw,40px);line-height:1.2;margin:.2em 0 .4em;font-weight:800}
.post .meta{color:var(--muted);font-size:.95rem;margin:0 0 12px}
.post .card{background:#fff;border:1px solid rgba(2,6,23,.08);border-radius:14px;padding:18px;box-shadow:0 8px 22px rgba(2,6,23,.06);margin:16px 0}
.post img{max-width:100%;height:auto;border-radius:14px;box-shadow:var(--shadow)}
.post h2{font-size:clamp(20px,2.2vw,24px);margin:18px 0 8px}
.post ul, .post ol{padding-left:20px}
.post .faq dt{font-weight:700;margin-top:12px}
.post .faq dd{margin:6px 0 14px}
.post aside.related ul{margin:0;padding-left:18px}