/* ============ V2 Cosmic — Post (article + reading card) ============ */

.v2-post-hero { padding: 60px 40px 40px; max-width: 760px; margin: 0 auto; text-align: center; }
.v2-post-kicker { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold-1); margin-bottom: 18px; }
.v2-post-h1 { font-family: var(--font-display); font-weight: 400; font-size: 48px; line-height: 1.08; margin: 0 0 10px; }

.v2-post-body { max-width: 680px; margin: 0 auto; padding: 20px 40px 60px; font-size: 17px; line-height: 1.75; }
.v2-post-body p { margin: 0 0 18px; }
.v2-post-body p:last-child { margin-bottom: 0; }
.v2-post-body strong { color: var(--gold-1); font-weight: 500; }
.v2-post-body em { color: var(--gold-0); font-style: italic; }
.v2-post-body h2, .v2-post-body h3 { font-family: var(--font-display); font-weight: 400; color: var(--gold-1); margin: 32px 0 14px; line-height: 1.2; }
.v2-post-body h2 { font-size: 32px; }
.v2-post-body h3 { font-size: 24px; }
.v2-post-body blockquote { border-left: 2px solid color-mix(in oklch, var(--gold-1) 45%, transparent); padding: 4px 0 4px 22px; margin: 22px 0; font-family: var(--font-display); font-style: italic; font-size: 19px; color: var(--gold-0); }
.v2-post-body blockquote p { margin: 0; }
.v2-post-body ul, .v2-post-body ol { margin: 0 0 18px; padding-left: 22px; }
.v2-post-body li { margin: 6px 0; }
.v2-post-body hr { border: 0; border-top: 1px solid color-mix(in oklch, var(--gold-1) 25%, transparent); margin: 28px 0; }
.v2-post-body code { font-family: var(--font-mono); font-size: 14px; background: color-mix(in oklch, var(--gold-1) 12%, transparent); padding: 1px 6px; border-radius: 3px; }
.v2-post-body a { color: var(--gold-1); border-bottom: 1px solid color-mix(in oklch, var(--gold-1) 35%, transparent); }
.v2-post-body a:hover { border-bottom-color: var(--gold-1); }

.v2-post-line-assets { max-width: 560px; margin: 0 auto 40px; padding: 0 40px; display: grid; gap: 14px; text-align: center; }
.v2-post-line-qr img { max-width: 180px; height: auto; display: inline-block; }

@media (max-width: 720px) {
  .v2-post-hero { padding: 40px 20px 28px; }
  .v2-post-h1 { font-size: 34px; }
  .v2-post-body { padding: 20px 20px 48px; font-size: 16px; }
  .v2-post-body h2 { font-size: 26px; }
}