/* Pulse blog: editorial index and long-form post template on pulse3.css. Page-scoped; the system stays untouched. */
.blog-hero, .post-hero { padding-top: calc(var(--nav-h) + var(--s7)); padding-bottom: var(--sec-s); }
.legal-head, .post-head { display: grid; gap: 22px; max-width: 980px; }
.legal-head .h1, .post-head .h1 { max-width: 16ch; }
.post-head .eyebrow a { color: inherit; } .post-head .eyebrow a:hover { color: var(--ink); }
.post-meta { color: var(--mute); }
.post-photo { margin-top: clamp(40px, 5vw, 72px); }
.post-body { padding-top: var(--sec-s); }
.post-aside { position: sticky; top: calc(var(--nav-h) + 24px); display: grid; gap: 16px; justify-items: start; align-content: start; }
.post-prose { max-width: 68ch; font-size: 18px; line-height: 1.62; color: var(--ink-2); }
.post-prose > * + * { margin-top: 1.1em; }
.post-prose > p:first-child { font-size: var(--t-lede); color: var(--ink); }
.post-prose h2 { font-size: var(--t-h3); line-height: 1.15; letter-spacing: -.025em; font-weight: 500; color: var(--ink); margin-top: 2.2em; }
.post-prose h3 { font-size: 20px; letter-spacing: -.015em; font-weight: 500; color: var(--ink); margin-top: 1.8em; }
.post-prose ul { list-style: none; padding: 0; display: grid; gap: 10px; }
.post-prose li { padding-left: 22px; position: relative; }
.post-prose li::before { content: ""; position: absolute; left: 0; top: .78em; width: 10px; height: 1.25px; background: var(--signal); }
.post-prose strong { color: var(--ink); font-weight: 500; }
.post-prose a { color: var(--ink); text-decoration: underline; text-underline-offset: .18em; text-decoration-color: var(--signal); }
.post-prose .pull { margin: 2em 0; border-left: 2px solid var(--signal); padding: 6px 0 6px 24px; }
.post-prose .pull p { font-family: var(--serif); font-style: italic; font-size: clamp(24px, 2.2vw, 32px); line-height: 1.22; letter-spacing: -.01em; color: var(--ink); text-wrap: balance; }
.post-prose .pull em { font-style: normal; color: var(--signal-text); }
.post-prose .callout { background: var(--cream); border: 1px solid var(--line); border-radius: var(--r-s); padding: 28px; margin: 2em 0; }
.post-prose .callout h3 { margin-top: 0; } .post-prose .callout p { margin-top: .6em; }
.post-prose .cta-box { background: var(--ink); color: var(--cream); border-radius: var(--r-s); padding: 32px; margin: 2.4em 0; display: grid; gap: 12px; }
.post-prose .cta-box .eyebrow { color: var(--cream-70); } .post-prose .cta-box .h3 { color: var(--cream); margin: 0; }
.post-prose .cta-box p { color: rgba(247, 239, 223, .8); margin: 0; } .post-prose .cta-box .cta-row { margin-top: 8px; }
.post-prose .cta-box a { text-decoration: none; }
.post-prose .compare-wrap { margin: 2em 0; }
.post-prose .compare { font-size: 14.5px; } .post-prose .compare th, .post-prose .compare td { padding: 14px 16px; }
.post-prose .compare tbody th { width: 20%; }
.post-prose .post-note { margin-top: 3em; padding-top: 1.4em; border-top: 1px solid var(--line); }
.post-prose .mono.small { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--mute); border: 1px solid var(--line); border-radius: var(--r-pill); padding: 2px 8px; white-space: nowrap; vertical-align: 2px; }
.post-prose .cta-box .mono.small { color: var(--cream-70); border-color: rgba(247,239,223,.25); }
/* index rows */
.post-list { display: grid; border-top: 1px solid var(--line); }
.post-row { display: grid; grid-template-columns: 220px 1fr 220px 80px; gap: 32px; align-items: center; padding: 32px 0; border-bottom: 1px solid var(--line); color: var(--ink); transition: background-color .5s var(--ease); }
.post-row-k { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--mute); }
.post-row-t { display: grid; gap: 10px; } .post-row-t .body { max-width: 60ch; }
.post-row-img { aspect-ratio: 3 / 2; border-radius: var(--r-s); }
.post-row-img img { transition: transform 1.4s var(--ease-out); }
.post-row:hover .post-row-img img { transform: scale(1.05); }
.post-row-go { justify-self: end; }
.post-row:hover .post-row-go span { transform: translateX(4px); } .post-row:hover .post-row-go::after { transform: scaleX(1); }
.section-ink .card .h3 { color: var(--cream); } .section-ink .card .link-arrow { color: var(--cream); }
@media (max-width: 1100px) { .post-row { grid-template-columns: 160px 1fr 180px; } .post-row-go { display: none; } }
@media (max-width: 900px) {
  .blog-hero, .post-hero { padding-top: calc(var(--nav-h) + var(--s5)); }
  .post-aside { position: static; grid-template-columns: 1fr 1fr; align-items: center; }
  .post-aside .eyebrow { grid-column: 1 / -1; }
  .post-row { grid-template-columns: 1fr; gap: 16px; padding: 24px 0; }
  .post-row-img { order: -1; aspect-ratio: 16 / 9; }
  .post-prose { font-size: 17px; }
}

/* AEO: the direct answer at the top of every guide */
.post-answer { margin: 0 0 2.4em; padding: 22px 24px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.post-answer-k { margin: 0 0 10px !important; font-family: var(--mono); font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--mute); }
.post-answer p:last-child { margin: 0; font-size: 1.04em; line-height: 1.55; color: var(--ink); }
.post-prose .cta-box .btn-ghost { color: var(--cream); text-decoration: none; }