/* Original Pickit articles, presented with the current site's editorial system. */
.blog-page { color: var(--ink); }
.blog-page :is(h1, h2, h3, p, li, a) { overflow-wrap: anywhere; }
.blog-page :is(h1, h2, h3) { letter-spacing: -.025em; }
.blog-intro { padding-block: 78px 44px; }
.blog-intro h1 { max-width: 950px; font-size: clamp(40px, 4.8vw, 66px); line-height: 1.08; }
.blog-intro > p { max-width: 670px; margin-top: 24px; font-size: 20px; line-height: 1.55; }
.blog-index-tools { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-block: 22px; border-top: 1px solid var(--line); }
.blog-index-tools > p { flex-shrink: 0; padding-block: 8px; font-size: 13px; }
.blog-topics-menu { max-width: 820px; text-align: right; }
.blog-topics-menu summary { display: inline-flex; align-items: center; gap: 10px; padding-block: 8px; color: #5d526f; cursor: pointer; font-size: 13px; list-style: none; }
.blog-topics-menu summary::-webkit-details-marker { display: none; }
.blog-topics-menu[open] summary > svg { transform: rotate(180deg); }
.blog-topic-links { display: flex; flex-wrap: wrap; gap: 8px; }
.blog-topics-menu .blog-topic-links { justify-content: flex-end; padding-block: 12px 4px; }
.blog-topic-links a { display: inline-flex; max-width: 100%; padding: 9px 14px; border: 1px solid #e7e1ee; border-radius: 24px; background: #faf8fd; color: #655772; font-size: 12px; line-height: 1.35; text-align: left; transition: background 160ms ease, color 160ms ease; }
.blog-topic-links a:hover, .blog-topic-links a[aria-current="page"] { color: var(--purple); background: #eee7fb; border-color: #e0d6f2; }
.blog-card { min-width: 0; display: flex; flex-direction: column; }
.blog-card-media { display: block; overflow: hidden; aspect-ratio: 1.75; border-radius: 18px; background: #f0eff4; }
.blog-card-media > img { width: 100%; height: 100%; object-fit: cover; transition: transform 240ms ease; }
.blog-card:has(a:hover) .blog-card-media > img { transform: scale(1.025); }
/* Current-site cover art for the featured article and its nine latest cards. */
.blog-cover { container-type: inline-size; position: relative; isolation: isolate; width: 100%; height: 100%; overflow: hidden; color: #302242; font-family: var(--font-ui); background: var(--cover-background); }
.blog-cover-lilac { --cover-background: radial-gradient(ellipse at 96% 4%, #bedcff 0, transparent 60%), radial-gradient(ellipse at 5% 90%, #ebc9ed 0, transparent 63%), linear-gradient(130deg, #f4ecff, #d9c9f5); }
.blog-cover-blue { --cover-background: radial-gradient(ellipse at 98% 8%, #dbc7f7 0, transparent 58%), radial-gradient(ellipse at 4% 95%, #c7edee 0, transparent 55%), linear-gradient(130deg, #e8f5ff, #bfdafa); }
.blog-cover-peach { --cover-background: radial-gradient(ellipse at 90% 6%, #e4cef6 0, transparent 63%), radial-gradient(ellipse at 0% 100%, #ffd2b8 0, transparent 65%), linear-gradient(130deg, #fff1e9, #f6e4f5); }
.blog-cover-mint { --cover-background: radial-gradient(ellipse at 98% 4%, #bbd8fa 0, transparent 60%), radial-gradient(ellipse at 8% 92%, #e4ecbd 0, transparent 62%), linear-gradient(125deg, #edf9f3, #c2e7de); }
.blog-cover-logo { position: absolute; z-index: 2; top: 9%; left: 8%; width: 16%; height: auto; opacity: .8; }
.blog-cover-label { position: absolute; z-index: 2; left: 8%; bottom: 10%; max-width: 86%; font-size: 5.8cqw; line-height: 1.15; font-weight: 650; letter-spacing: -.025em; }
.blog-cover-art { position: absolute; left: 25%; top: 11%; width: 62%; height: 62%; font-size: 4cqw; }
.blog-cover-art svg { width: 1.5em; height: 1.5em; stroke-width: 1.5; flex-shrink: 0; }
.cover-sheet { position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .7em; border: 1px solid #fffffff0; border-radius: .85em; background: linear-gradient(135deg, #ffffffeb, #ffffff78); box-shadow: .25em .7em 1.8em -.7em #4e29734d; }
.cover-lines { display: block; width: 58%; height: .6em; border-top: .18em solid #ad98c649; border-bottom: .18em solid #ad98c649; border-radius: 1px; }
.cover-orb { position: absolute; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle at 28% 23%, #e5cdff 0, #b893ef 25%, #8750d7 52%, #57229c 79%, #432070); box-shadow: inset -.15em -.25em .55em #4a1b8545, .25em .7em 1.4em -.55em #54218970; }
.cover-badge { position: absolute; display: grid; place-items: center; width: 2.8em; height: 2.8em; border: 1px solid #ffffffed; border-radius: .85em; background: #fff; color: #6716d8; box-shadow: .15em .4em 1.2em -.5em #59258e70; }
.cover-brand .cover-sheet-back { width: 64%; height: 82%; top: 4%; left: 10%; transform: rotate(-14deg); background: linear-gradient(135deg, #b995eb, #e5cefb); }
.cover-brand-sheet { width: 66%; height: 83%; left: 21%; top: 11%; transform: rotate(9deg); }
.cover-brand-sheet > img { width: 31%; }
.cover-swatches { display: flex; width: 68%; height: 15%; gap: 5%; }
.cover-swatches i { flex: 1; border-radius: .2em; background: #6716d8; }
.cover-swatches i:nth-child(2) { background: #b794ee; }
.cover-swatches i:nth-child(3) { background: #b9d8ef; }
.cover-swatches i:nth-child(4) { background: #f2c8b7; }
.cover-brand > .cover-orb { width: 24%; aspect-ratio: 1; right: 1%; bottom: -4%; }
.cover-brand-future { transform: rotate(-9deg); }
.cover-brand-future > .cover-badge { left: 3%; bottom: 4%; }
.cover-fan .cover-sheet { width: 47%; height: 76%; top: 12%; }
.cover-fan .cover-sheet:nth-child(1) { left: 2%; transform: rotate(-16deg); color: #53778e; }
.cover-fan .cover-sheet:nth-child(2) { left: 27%; top: 3%; transform: rotate(-2deg); color: #955e83; }
.cover-fan .cover-sheet:nth-child(3) { left: 53%; top: 16%; transform: rotate(14deg); color: #6716d8; }
.cover-fan-creation .cover-sheet:nth-child(1) { background: #fdf3e5; }
.cover-fan-creation .cover-sheet:nth-child(3) { background: linear-gradient(145deg, #8862bd, #6029a6); color: #fff; }
.cover-fan-creation .cover-sheet:nth-child(3) .cover-lines { border-color: #ffffff70; }
.cover-mini-landscape { display: block; width: 64%; height: 32%; border-radius: .28em; background: radial-gradient(circle at 70% 26%, #fff2db 0 10%, transparent 11%), linear-gradient(145deg, transparent 46%, #947ac3 47% 68%, #bca5dc 69%), #d4e4f2; }
.cover-question { width: 80%; height: 46%; top: 5%; left: 0; flex-direction: row; transform: rotate(-7deg); padding-inline: 10%; gap: 12%; color: #9475b3; }
.cover-answer { width: 78%; height: 48%; top: 45%; left: 21%; flex-direction: row; transform: rotate(5deg); background: linear-gradient(130deg, #9364d2, #632eab); color: #fff; gap: 7%; border-color: #ae8fdf; }
.cover-answer > i { width: .35em; height: .35em; border-radius: 50%; background: #ffffffa6; }
.cover-conversation > .cover-orb { width: 18%; aspect-ratio: 1; left: 7%; bottom: -2%; }
.cover-five > .cover-orb { width: 40%; aspect-ratio: 1; left: 32%; top: 24%; color: #fff; }
.cover-number { position: absolute; display: grid; place-items: center; width: 1.85em; height: 1.85em; border: 1px solid #fff; border-radius: .55em; color: #77519a; background: #ffffffc7; font-weight: 600; box-shadow: .15em .3em .7em -.4em #613d7980; }
.cover-number:nth-child(2) { top: -3%; left: 45%; transform: rotate(8deg); }
.cover-number:nth-child(3) { top: 24%; right: 0; transform: rotate(15deg); }
.cover-number:nth-child(4) { bottom: -6%; right: 17%; transform: rotate(-6deg); }
.cover-number:nth-child(5) { bottom: -5%; left: 18%; transform: rotate(12deg); }
.cover-number:nth-child(6) { top: 25%; left: 2%; transform: rotate(-12deg); }
.cover-library > .cover-sheet { width: 88%; height: 91%; left: 8%; top: 6%; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 8%; padding: 8%; transform: rotate(-7deg); }
.cover-library .cover-sheet > span { display: grid; place-items: center; height: 100%; border-radius: .3em; background: #e7ddf4; color: #9b83ba; }
.cover-library .cover-sheet > span:first-child { background: #7950b6; color: #fff; }
.cover-library .cover-mini-landscape { width: 100%; height: 100%; }
.cover-library > .cover-badge { right: -4%; bottom: -5%; }
.cover-flow { left: 17%; width: 74%; top: 14%; display: flex; align-items: center; gap: 3%; }
.cover-flow > .cover-sheet { position: relative; width: 25%; aspect-ratio: 1; flex-shrink: 0; transform: rotate(-8deg); }
.cover-flow > .cover-sheet:nth-of-type(2) { background: linear-gradient(145deg, #9f78d1, #6935ab); color: #fff; transform: rotate(4deg) translateY(-22%); }
.cover-flow > .cover-sheet:last-child { transform: rotate(11deg); }
.cover-flow > svg { width: 6%; color: #799ca3; }
.cover-brief > .cover-sheet:first-child { width: 55%; height: 94%; left: 6%; top: -2%; transform: rotate(-10deg); align-items: flex-start; padding-left: 13%; color: #916fa7; }
.cover-brief > .cover-sheet:nth-child(2) { width: 54%; height: 62%; right: 0; bottom: 0; transform: rotate(10deg); }
.cover-brief .cover-mini-landscape { height: 44%; }
.cover-brief > .cover-badge { right: 10%; top: -8%; }
.cover-formats { display: flex; align-items: center; gap: 5%; width: 75%; left: 17%; }
.cover-formats > .cover-sheet { position: relative; flex-shrink: 0; width: 30%; height: 70%; gap: 8%; transform: rotate(-7deg); }
.cover-formats > .cover-sheet:nth-child(2) { width: 42%; height: 54%; transform: rotate(2deg); }
.cover-formats > .cover-sheet:nth-child(3) { width: 22%; height: 82%; transform: rotate(9deg); }
.cover-formats .cover-sheet > i { width: 34%; aspect-ratio: 1; border-radius: 30% 50% 30% 0; background: linear-gradient(135deg, #c6a6ed, #6716d8); transform: rotate(-40deg); }
.cover-formats .cover-sheet > span { width: 54%; height: 3%; background: #b49dcc6e; border-radius: 1em; }
.blog-card-copy { display: flex; flex: 1; flex-direction: column; align-items: flex-start; min-width: 0; padding-top: 22px; }
.blog-card-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 13px; color: #746b7e; font-size: 12px; line-height: 1.5; }
.blog-card-meta > span { color: var(--purple); font-weight: 550; }
.blog-card h2 { font-size: 23px; line-height: 1.3; font-weight: 650; text-wrap: pretty; }
.blog-card h2 a:hover { color: var(--purple); }
.blog-card-copy > p { margin-top: 15px; color: #6a6472; font-size: 15px; line-height: 1.65; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.blog-read-link { display: inline-flex; align-items: center; gap: 10px; color: var(--purple); font-size: 14px; line-height: 1.5; }
.blog-card-copy > .blog-read-link { margin-top: auto; padding-top: 22px; }
.blog-read-link svg { flex-shrink: 0; transition: transform 160ms ease; }
.blog-read-link:hover svg { transform: translateX(3px); }
.blog-card-featured { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); align-items: center; padding: 28px; gap: 42px; border: 1px solid #ece7f4; border-radius: 28px; background: linear-gradient(120deg, #f1eefb 0%, #f7f4fc 60%, #f0f6fd 100%); }
.blog-card-featured .blog-card-media { width: 100%; aspect-ratio: 1.32; background: transparent; border-radius: 16px; }
.blog-card-featured .blog-card-media > img { object-fit: contain; }
.blog-card-featured .blog-card-copy { padding: 20px 18px 20px 0; }
.blog-card-featured:not(:has(.blog-card-media)) { grid-template-columns: minmax(0, 1fr); }
.blog-card-featured:not(:has(.blog-card-media)) .blog-card-copy { max-width: 860px; padding: 20px; }
.blog-card-featured h2 { font-size: clamp(28px, 2.8vw, 38px); line-height: 1.17; letter-spacing: -.03em; }
.blog-card-featured .blog-card-copy > p { margin-top: 22px; font-size: 17px; line-height: 1.6; -webkit-line-clamp: 4; }
.blog-card-featured .blog-read-link { padding-top: 28px; }
.blog-card-featured:not(:has(.blog-card-media)) { grid-template-columns: 1fr; }
.blog-card-featured:not(:has(.blog-card-media)) .blog-card-copy { max-width: 790px; padding: 20px; }
.blog-articles { padding-block: 14px 84px; }
.blog-articles-after-featured { padding-top: 66px; }
.blog-section-title { font-size: clamp(28px, 3vw, 38px); line-height: 1.2; font-weight: 650; margin-bottom: 32px; }
.blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 52px 30px; }
.blog-pagination { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 60px; padding-top: 28px; border-top: 1px solid var(--line); }
.blog-pagination ol { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; list-style: none; gap: 5px; padding: 0; margin: 0; }
.blog-pagination li { display: flex; align-items: center; gap: 5px; }
.blog-pagination li a, .blog-page-gap { display: grid; place-items: center; width: 40px; height: 40px; font-size: 14px; border-radius: 50%; }
.blog-pagination li a:hover { background: #f5f2fa; }
.blog-pagination li a[aria-current="page"] { background: #eee7fb; color: var(--purple); font-weight: 600; }
.blog-page-direction { display: inline-flex; align-items: center; gap: 9px; min-width: 98px; min-height: 40px; color: #635c6c; font-size: 13px; }
.blog-page-direction:last-child { justify-content: flex-end; }
.blog-page-direction:hover { color: var(--purple); }
.blog-back { display: inline-flex; align-items: center; gap: 9px; color: #6d617b; font-size: 13px; line-height: 1.5; }
.blog-back:hover { color: var(--purple); }
.blog-intro > .blog-back { margin-bottom: 28px; }
.blog-article-header { padding-block: 36px 0; background: linear-gradient(180deg, #f8f5fd, #f9f8fd 72%, #fff); }
.blog-article-heading { max-width: 960px; margin: 40px auto 0; text-align: center; }
.blog-article-heading .eyebrow { justify-content: center; margin-bottom: 22px; }
.blog-article-heading h1 { font-size: clamp(36px, 4.1vw, 57px); line-height: 1.12; font-weight: 650; letter-spacing: -.035em; }
.blog-article-meta { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 8px 13px; margin-top: 27px; color: #776c83; font-size: 13px; line-height: 1.5; }
.blog-article-meta a { color: #514261; }
.blog-article-meta a:hover { color: var(--purple); text-decoration: underline; text-underline-offset: 3px; }
.blog-article-image { max-width: 980px; margin: 42px auto 0; }
.blog-article-image > img { width: 100%; max-height: 580px; object-fit: contain; border-radius: 20px; }
.blog-article-image > .blog-cover { height: auto; aspect-ratio: 1.75; border-radius: 20px; }
.blog-article-content { max-width: 750px; padding-block: 56px 76px; }
.blog-prose { min-width: 0; font-size: 18px; line-height: 1.8; color: #514b5a; overflow-wrap: anywhere; }
.blog-prose :is(div, span, p, li) { max-width: 100%; }
.blog-prose :is(p, li) { font-size: inherit; line-height: inherit; color: inherit; }
.blog-prose :is(p, ul, ol, dl, table, blockquote, figure, pre) { margin-block: 0 24px; }
.blog-prose :is(h1, h2, h3, h4, h5, h6) { margin-block: 42px 18px; color: #28212f; text-wrap: pretty; }
.blog-prose :is(h1, h2) { font-size: 31px; line-height: 1.25; font-weight: 650; }
.blog-prose h3 { font-size: 25px; line-height: 1.3; font-weight: 650; }
.blog-prose :is(h4, h5, h6) { font-size: 21px; line-height: 1.35; }
.blog-prose > :first-child { margin-top: 0; }
.blog-prose :is(ul, ol) { padding-left: 25px; }
.blog-prose li { padding-left: 4px; margin-bottom: 9px; }
.blog-prose li > :is(ul, ol) { margin-top: 10px; }
.blog-prose li > p { margin-bottom: 8px; }
.blog-prose a { color: var(--purple); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.blog-prose a:hover { text-decoration-thickness: 2px; }
.blog-prose :is(img, video, audio, iframe, embed, object, svg) { max-width: 100%; }
.blog-prose img { height: auto; margin-inline: auto; border-radius: 8px; }
.blog-prose p:has(> img), .blog-prose p:has(> a > img), .blog-prose figure { margin-block: 32px; }
.blog-prose iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; margin-block: 30px; border: 0; border-radius: 10px; }
.blog-external-video { margin-block: 30px; padding: 24px; border: 1px solid #e8e2ee; border-radius: 12px; background: #f7f3fb; }
.blog-external-video p { margin-bottom: 14px; }
.blog-prose .blog-external-video a { text-decoration: none; }
.blog-prose video { display: block; width: 100%; height: auto; }
.blog-prose .blog-video { margin-block: 30px; border-radius: 10px; background: #000; }
.blog-prose audio { display: block; width: 100%; margin-block: 24px; }
.blog-prose blockquote { padding: 26px 30px; margin-block: 32px; border-left: 3px solid #b49adb; border-radius: 0 16px 16px 0; background: #f7f3fb; color: #534260; }
.blog-prose blockquote > :last-child { margin-bottom: 0; }
.blog-prose figcaption { margin-top: 10px; color: #7a7085; font-size: 13px; line-height: 1.6; text-align: center; }
.blog-prose table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: 15px; }
.blog-prose :is(th, td) { min-width: 120px; padding: 13px 16px; border: 1px solid #e8e2ee; text-align: left; vertical-align: top; }
.blog-prose th { background: #f7f3fb; color: #45334f; font-weight: 600; }
/* Older posts use a table to arrange a demo invitation and its linked image. */
.blog-prose table:has(a[href*="cta-redirect.hubspot.com"]) { padding: 24px; border-radius: 16px; background: #f7f3fb; }
.blog-prose table:has(a[href*="cta-redirect.hubspot.com"]) :is(tbody, td) { display: block; }
.blog-prose table:has(a[href*="cta-redirect.hubspot.com"]) tr { display: flex; align-items: center; gap: 22px; }
.blog-prose table:has(a[href*="cta-redirect.hubspot.com"]) td { flex: 1; min-width: 0; padding: 0; border: 0; }
.blog-prose table:has(a[href*="cta-redirect.hubspot.com"]) p { font-size: 16px; margin-bottom: 0; }
.blog-prose pre { max-width: 100%; padding: 20px; overflow-x: auto; border-radius: 12px; background: #f5f3f8; font-size: 14px; line-height: 1.6; }
.blog-prose pre:has(img) { padding: 0; border-radius: 0; background: transparent; }
.blog-prose code { overflow-wrap: anywhere; }
.blog-prose pre code { white-space: pre; }
.blog-prose hr { margin-block: 36px; border: 0; border-top: 1px solid var(--line); }
.blog-article-footer { display: flex; flex-direction: column; gap: 14px; margin-top: 42px; padding-top: 28px; border-top: 1px solid var(--line); }
.blog-article-footer > span { color: #7a6e85; font-size: 12px; }
.blog-related { padding-block: 64px 76px; background: #f8f7fa; }
.blog-related-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 30px; }
.blog-related-heading .blog-section-title { margin: 0; }
.blog-related-heading > a { flex-shrink: 0; }
@media (max-width: 1050px) {
  .blog-card-featured { gap: 28px; padding: 24px; }
  .blog-card-featured .blog-card-copy { padding-right: 0; }
  .blog-card-featured .blog-card-copy > p { font-size: 16px; }
  .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px 26px; }
  .blog-card h2 { font-size: 22px; }
  .blog-card-featured h2 { font-size: 30px; }
  .blog-article-content { max-width: 720px; }
}
@media (max-width: 760px) {
  .blog-intro { padding-block: 55px 34px; }
  .blog-intro > p { font-size: 18px; }
  .blog-index-tools { flex-wrap: wrap; gap: 2px 20px; }
  .blog-topics-menu { flex: 1; }
  .blog-card-featured { grid-template-columns: 1fr; gap: 0; padding: 24px; }
  .blog-card-featured .blog-card-media { aspect-ratio: 1.75; }
  .blog-card-featured .blog-card-copy { padding: 24px 4px 4px; }
  .blog-card-featured h2 { font-size: 30px; }
  .blog-card-featured .blog-card-copy > p { margin-top: 18px; }
  .blog-card-featured .blog-read-link { padding-top: 22px; }
  .blog-articles-after-featured { padding-top: 48px; }
  .blog-articles { padding-bottom: 60px; }
  .blog-grid { gap: 36px 24px; }
  .blog-card h2 { font-size: 21px; }
  .blog-card-featured h2 { font-size: 30px; }
  .blog-pagination { margin-top: 42px; gap: 10px; }
  .blog-page-direction { min-width: 40px; }
  .blog-page-direction > span { display: none; }
  .blog-article-heading { margin-top: 30px; text-align: left; }
  .blog-article-heading .eyebrow, .blog-article-meta { justify-content: flex-start; }
  .blog-article-heading h1 { font-size: clamp(32px, 5.3vw, 42px); }
  .blog-article-meta { margin-top: 22px; }
  .blog-article-image { margin-top: 32px; }
  .blog-article-image > img, .blog-article-image > .blog-cover { border-radius: 12px; }
  .blog-article-content { padding-block: 38px 54px; }
  .blog-prose { font-size: 17px; line-height: 1.75; }
  .blog-prose :is(h1, h2) { font-size: 28px; }
  .blog-prose h3 { font-size: 23px; }
  .blog-prose blockquote { padding: 22px 24px; }
  .blog-related { padding-block: 48px 58px; }
}
@media (max-width: 540px) {
  .blog-intro h1 { font-size: 38px; }
  .blog-grid { grid-template-columns: 1fr; gap: 38px; }
  .blog-card-media { border-radius: 14px; }
  .blog-card-copy { padding-top: 18px; }
  .blog-card h2 { font-size: 23px; }
  .blog-card-copy > p { margin-top: 12px; }
  .blog-card-featured { padding: 18px; border-radius: 22px; }
  .blog-card-featured .blog-card-copy { padding: 22px 2px 6px; }
  .blog-card-featured h2 { font-size: 27px; }
  .blog-pagination { gap: 5px; }
  .blog-pagination li a, .blog-page-gap { width: 34px; height: 38px; }
  .blog-pagination ol, .blog-pagination li { gap: 0; }
  .blog-page-direction { min-width: 25px; }
  .blog-article-header { padding-top: 26px; }
  .blog-article-heading h1 { font-size: 33px; }
  .blog-article-meta { gap: 6px 10px; font-size: 12px; }
  .blog-prose :is(h1, h2) { font-size: 26px; }
  .blog-prose :is(h1, h2, h3, h4, h5, h6) { margin-top: 34px; }
  .blog-prose blockquote { padding: 20px; }
  .blog-prose table:has(a[href*="cta-redirect.hubspot.com"]) tr { flex-direction: column; align-items: stretch; }
  .blog-related-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .blog-card-media > img, .blog-read-link svg, .blog-topic-links a { transition: none; }
}