.blog-page, .blog-article-page { --blog-rule: #cfcdc4; --blog-muted: #65655e; }
.blog-intro { display: grid; grid-template-columns: 56.8% 43.2%; align-items: end; padding-top: clamp(35px, 4vw, 62px); padding-bottom: clamp(35px, 3.5vw, 55px); }
.blog-intro h1 { font: 900 clamp(88px, 9vw, 140px)/.9 "Roboto Condensed Variable", Arial, sans-serif; letter-spacing: -.035em; margin-top: 21px; }
.blog-intro h1 > span { color: var(--accent); }
.blog-intro > p { font-size: clamp(22px, 1.9vw, 29px); line-height: 1.3; letter-spacing: -.025em; max-width: 500px; padding-bottom: 2px; }
.blog-stories { scroll-margin-top: 20px; }
.blog-feature { display: grid; grid-template-columns: 46% 54%; background: #dcdff1; padding: clamp(28px, 3vw, 46px); gap: 0; align-items: center; }
.blog-feature-copy { padding-right: clamp(28px, 3.3vw, 51px); }
.blog-feature-copy > .eyebrow { font-size: 11px; }
.blog-post-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px 17px; font-size: 12px; line-height: 1.5; color: var(--blog-muted); }
.blog-feature .blog-post-meta { margin-top: 22px; color: #42464e; }
.blog-post-meta > span:first-child { color: var(--ink); font-weight: 540; }
.blog-feature h2 { font: 900 clamp(38px, 3.6vw, 56px)/1.02 "Roboto Condensed Variable", Arial, sans-serif; letter-spacing: -.025em; margin-top: 21px; }
.blog-feature h2 a:hover, .blog-post h3 a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }
.blog-post-summary { font-size: 18px; line-height: 1.55; letter-spacing: -.01em; color: #44443e; }
.blog-feature .blog-post-summary { margin-top: 22px; max-width: 470px; }
.blog-read-link { display: inline-flex; align-items: center; gap: 13px; font-size: 17px; min-height: 44px; margin-top: 22px; font-weight: 510; letter-spacing: -.015em; border-bottom: 1px solid currentColor; }
.blog-read-link svg { width: 25px; height: 25px; transition: transform .2s ease; }
.blog-read-link:hover svg { transform: translateX(4px); }
.blog-feature-visual { display: block; min-width: 0; padding-left: 12px; }
.blog-post-image { padding: clamp(18px, 2.4vw, 35px); background: #e5e4dc; }
.blog-post-image.is-featured { background: transparent; padding: 0; }
.blog-post-image img { width: 100%; height: auto; border: 1px solid #b6b7bd; }
.blog-image-caption { display: block; margin-top: 15px; color: #50555e; font-size: 11px; letter-spacing: .035em; line-height: 1.4; }
.blog-card-visual { display: block; }
.blog-card-visual:hover img, .blog-feature-visual:hover img { border-color: var(--ink); }
.blog-more { padding-top: clamp(42px, 5vw, 78px); padding-bottom: clamp(60px, 6vw, 95px); }
.blog-section-label { display: flex; align-items: baseline; justify-content: space-between; gap: 25px; border-top: 1px solid #aaa89f; padding-top: 23px; margin-bottom: 36px; }
.blog-section-label h2 { font-size: 20px; font-weight: 520; letter-spacing: -.025em; }
.blog-section-label > span { font-size: 12px; color: var(--blog-muted); }
.blog-post-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 4vw, 62px); }
.blog-post { min-width: 0; }
.blog-post:nth-child(2) .blog-post-image { background: #e4e8e1; }
.blog-post > .blog-post-meta { margin-top: 24px; }
.blog-post h3 { font: 900 clamp(34px, 3.1vw, 48px)/1.05 "Roboto Condensed Variable", Arial, sans-serif; letter-spacing: -.025em; margin: 18px 0 20px; max-width: 590px; }
.blog-post .blog-post-summary { max-width: 575px; }
.blog-post .blog-read-link { margin-top: 18px; }
.blog-breadcrumb { display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px; font-size: 13px; line-height: 1.5; color: var(--blog-muted); }
.blog-breadcrumb [aria-current] { color: var(--ink); }
.blog-breadcrumb a:hover { text-decoration: underline; text-underline-offset: 4px; }
.blog-article-header { padding-top: clamp(24px, 3vw, 46px); }
.blog-article-header > .blog-post-meta { margin-top: clamp(35px, 4vw, 62px); }
.blog-article-header > .blog-post-meta > span:first-child { border-bottom: 2px solid var(--accent); padding-bottom: 4px; }
.blog-article-header h1 { font: 900 clamp(48px, 6vw, 94px)/1 "Roboto Condensed Variable", Arial, sans-serif; letter-spacing: -.025em; max-width: 1160px; margin-top: 23px; }
.blog-article-lede { max-width: 850px; font-size: clamp(21px, 1.55vw, 24px); line-height: 1.45; letter-spacing: -.02em; margin-top: 28px; }
.blog-article-signature { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding-block: 20px; margin-top: 34px; border-bottom: 1px solid #aaa89f; font-size: 12px; line-height: 1.4; color: var(--blog-muted); }
.blog-article-signature a { display: inline-flex; align-items: center; gap: 11px; min-height: 44px; font-size: 14px; color: var(--ink); }
.blog-article-signature svg { width: 23px; height: 23px; }
.blog-article-signature a:hover { text-decoration: underline; text-underline-offset: 4px; }
.blog-reader { display: grid; grid-template-columns: 28% minmax(0, 1fr); gap: clamp(36px, 5.3vw, 82px); padding-top: clamp(40px, 4vw, 62px); padding-bottom: clamp(58px, 6vw, 92px); align-items: start; }
.blog-article-sidebar { align-self: stretch; }
.blog-sidebar-sticky { position: sticky; top: 35px; max-width: 260px; }
.blog-sidebar-sticky > .eyebrow { font-size: 11px; color: var(--blog-muted); margin-bottom: 18px; }
.blog-sidebar-sticky ol, .blog-mobile-contents ol { list-style: none; margin: 0; padding: 0; }
.blog-sidebar-sticky nav a, .blog-mobile-contents nav a { display: grid; grid-template-columns: 23px 1fr; gap: 11px; min-height: 47px; padding-block: 12px; font-size: 15px; line-height: 1.45; position: relative; }
.blog-sidebar-sticky nav a > span:first-child, .blog-mobile-contents nav a > span:first-child { font-size: 10px; color: var(--blog-muted); padding-top: 3px; }
.blog-sidebar-sticky nav a[aria-current] { font-weight: 600; }
.blog-sidebar-sticky nav a[aria-current]::before { content: ""; width: 3px; position: absolute; left: -15px; top: 12px; bottom: 12px; background: var(--accent); }
.blog-sidebar-sticky nav a[aria-current] > span:first-child { color: var(--accent); }
.blog-sidebar-sticky nav a:hover > span:last-child, .blog-mobile-contents nav a:hover > span:last-child { text-decoration: underline; text-underline-offset: 4px; }
.blog-sidebar-help { border-top: 1px solid var(--blog-rule); padding-top: 23px; margin-top: 25px; font-size: 13px; line-height: 1.4; color: var(--blog-muted); }
.blog-sidebar-help a { display: flex; align-items: center; gap: 10px; min-height: 44px; color: var(--ink); margin-top: 5px; }
.blog-sidebar-help svg { width: 20px; height: 20px; }
.blog-sidebar-help a:hover { text-decoration: underline; text-underline-offset: 4px; }
.blog-article-content { width: 100%; max-width: 720px; min-width: 0; scroll-margin-top: 24px; }
.blog-mobile-contents { display: none; }
.blog-prose { font-size: 18px; line-height: 1.75; color: #44443e; letter-spacing: -.005em; overflow-wrap: break-word; }
.blog-prose > section { scroll-margin-top: 24px; }
.blog-prose > section + section, .blog-prose > figure + section { border-top: 1px solid var(--blog-rule); margin-top: 38px; padding-top: 32px; }
.blog-prose h2 { font-size: 29px; font-weight: 570; line-height: 1.22; letter-spacing: -.03em; color: var(--ink); margin: 0 0 23px; }
.blog-prose h3 { font-size: 21px; font-weight: 560; line-height: 1.3; letter-spacing: -.02em; color: var(--ink); margin: 0 0 13px; }
.blog-prose p + p { margin-top: 18px; }
.blog-prose strong { color: var(--ink); font-weight: 570; }
.blog-prose a { color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.blog-prose a:hover { text-decoration-color: var(--accent); }
.blog-prose ul, .blog-prose ol { padding-left: 23px; margin-block: 23px; }
.blog-prose li + li { margin-top: 10px; }
.blog-prose li::marker { color: var(--accent); }
.blog-prose .article-steps li > strong:first-child, .blog-prose .article-check-list li > strong:first-child { display: block; margin-bottom: 3px; }
.blog-prose code { font: .84em ui-monospace, SFMono-Regular, Consolas, monospace; background: #e8e7df; padding: 2px 5px; }
.blog-prose .article-callout { background: #e8e7df; border-left: 2px solid #aaa89f; padding: 21px 24px; margin-top: 25px; font-size: 16px; line-height: 1.65; }
.blog-prose .article-callout p + p { margin-top: 12px; }
.blog-prose .article-callout > p:first-child > strong:first-child { display: block; margin-bottom: 6px; }
.blog-prose .article-stack-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 27px; }
.blog-prose .article-stack-grid > section { border-top: 1px solid var(--blog-rule); padding-top: 21px; }
.blog-prose .article-stack-grid > section > span:first-child { display: block; font-size: 11px; color: var(--blog-muted); margin-bottom: 11px; }
.blog-prose .article-stack-grid p { font-size: 16px; line-height: 1.65; }
.blog-prose .article-table-wrap { overflow-x: auto; margin-top: 25px; }
.blog-prose .article-table-wrap + p { margin-top: 22px; }
.blog-prose table { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; line-height: 1.6; }
.blog-prose th, .blog-prose td { vertical-align: top; padding: 16px 17px 16px 0; border-bottom: 1px solid var(--blog-rule); }
.blog-prose th { font-weight: 550; color: var(--ink); }
.blog-prose thead th { font-size: 11px; line-height: 1.45; letter-spacing: .04em; border-top: 1px solid #aaa89f; }
.blog-prose td:last-child, .blog-prose th:last-child { padding-right: 0; }
.blog-prose .article-status { color: var(--ink); font-weight: 550; }
.blog-prose figure { margin: 30px 0; }
.blog-prose figure img { width: 100%; height: auto; border: 1px solid #b9b9b0; }
.blog-prose figcaption { margin-top: 12px; font-size: 13px; line-height: 1.6; color: var(--blog-muted); }
.blog-prose .article-definition-list, .blog-prose .article-faq-list { margin-top: 26px; }
.blog-prose .article-definition-list > section, .blog-prose .article-faq-list > section { border-top: 1px solid var(--blog-rule); padding-top: 23px; margin-top: 23px; }
.blog-prose .article-definition-list h2 { font-size: 24px; margin-top: 24px; }
.blog-prose > section > .article-definition-list + h2 { margin-top: 32px; }
.blog-prose .article-privacy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 25px; }
.blog-prose .article-privacy-grid > section { padding: 22px; border: 1px solid #b9b9b0; }
.blog-prose .article-privacy-grid h3 { font-size: 19px; }
.blog-prose .article-privacy-grid ul { margin-bottom: 0; font-size: 16px; }
.blog-prose > .article-final-cta { background: #dcdff1; border-top: 0; padding: 30px; margin-top: 42px; color: var(--ink); }
.blog-prose .article-final-cta .section-kicker { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 18px; }
.blog-prose .article-final-cta h2 { font: 900 39px/1.06 "Roboto Condensed Variable", Arial, sans-serif; letter-spacing: -.025em; }
.blog-prose .editorial-actions { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 22px; }
.blog-prose .editorial-actions a { font-size: 16px; min-height: 44px; display: inline-flex; align-items: center; }
.blog-prose .article-feedback { font-size: 14px; line-height: 1.65; margin-top: 22px; }
.blog-article-end { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--blog-rule); padding-top: 20px; margin-top: 37px; gap: 25px; }
.blog-article-end a { display: inline-flex; align-items: center; min-height: 44px; gap: 11px; font-size: 14px; }
.blog-article-end svg { width: 23px; height: 23px; }
.blog-article-end a > span { font-size: 22px; }
.blog-article-end a:hover { text-decoration: underline; text-underline-offset: 4px; }
.blog-related { display: grid; grid-template-columns: 47% 53%; border-top: 1px solid #aaa89f; padding-top: clamp(35px, 4vw, 62px); padding-bottom: clamp(55px, 6vw, 92px); gap: 0; }
.blog-related h2 { font: 900 clamp(45px, 4.3vw, 67px)/.98 "Roboto Condensed Variable", Arial, sans-serif; letter-spacing: -.025em; margin-top: 21px; }
.blog-related h2 span { color: var(--accent); }
.blog-related-link { display: flex; align-items: center; gap: 30px; border-bottom: 1px solid var(--blog-rule); padding-block: 24px; }
.blog-related-link:first-child { padding-top: 0; }
.blog-related-link .eyebrow { color: var(--blog-muted); font-size: 11px; }
.blog-related-link h3 { font-size: 25px; font-weight: 520; line-height: 1.28; letter-spacing: -.025em; margin: 12px 0 0; }
.blog-related-link svg { width: 30px; height: 30px; flex-shrink: 0; margin-left: auto; }
.blog-related-link:hover h3 { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.blog-missing { padding-block: 70px 90px; }
.blog-missing h1 { font: 900 clamp(55px, 6vw, 90px)/1 "Roboto Condensed Variable", Arial, sans-serif; letter-spacing: -.025em; margin-top: 30px; }
.blog-missing h1 span { color: var(--accent); }
.blog-missing > p:not(.eyebrow) { font-size: 22px; margin-top: 25px; }

@media (max-width: 1000px) {
  .blog-feature { padding: 30px; grid-template-columns: 1fr 1fr; }
  .blog-feature-copy { padding-right: 28px; }
  .blog-feature h2 { font-size: 40px; }
  .blog-feature-visual { padding-left: 0; }
  .blog-intro > p { font-size: 23px; }
  .blog-reader { grid-template-columns: 25% minmax(0, 1fr); gap: 40px; }
  .blog-sidebar-sticky nav a { font-size: 14px; grid-template-columns: 18px 1fr; gap: 8px; }
  .blog-prose .article-stack-grid, .blog-prose .article-privacy-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .blog-intro { display: block; padding-top: 35px; padding-bottom: 31px; }
  .blog-intro .eyebrow { font-size: 11px; }
  .blog-intro h1 { font-size: 105px; margin-top: 17px; }
  .blog-intro > p { font-size: 22px; margin-top: 28px; max-width: 500px; }
  .blog-feature { display: flex; flex-direction: column; align-items: stretch; padding: 27px 23px; }
  .blog-feature-copy { padding-right: 0; }
  .blog-feature h2 { font-size: clamp(37px, 9.8vw, 55px); margin-top: 18px; }
  .blog-feature .blog-post-meta { margin-top: 18px; }
  .blog-post-meta { font-size: 12px; gap: 6px 12px; }
  .blog-feature .blog-post-summary { font-size: 17px; margin-top: 20px; }
  .blog-feature-visual { margin-top: 32px; }
  .blog-image-caption { font-size: 10px; margin-top: 12px; }
  .blog-more { padding-top: 38px; padding-bottom: 55px; }
  .blog-section-label { align-items: start; flex-direction: column; gap: 10px; margin-bottom: 27px; padding-top: 21px; }
  .blog-section-label h2 { font-size: 20px; }
  .blog-post-grid { grid-template-columns: 1fr; gap: 41px; }
  .blog-post h3 { font-size: 37px; }
  .blog-post-summary { font-size: 17px; }
  .blog-post-image { padding: 21px; }
  .blog-post-image.is-featured { padding: 0; }
  .blog-article-header { padding-top: 25px; }
  .blog-breadcrumb { font-size: 12px; }
  .blog-article-header > .blog-post-meta { margin-top: 31px; }
  .blog-article-header h1 { font-size: clamp(43px, 11vw, 64px); line-height: 1.02; margin-top: 22px; }
  .blog-article-lede { font-size: 21px; line-height: 1.45; margin-top: 23px; }
  .blog-article-signature { margin-top: 24px; padding-block: 14px; font-size: 11px; gap: 15px; }
  .blog-article-signature a { font-size: 13px; }
  .blog-reader { display: block; padding-top: 27px; padding-bottom: 50px; }
  .blog-article-sidebar { display: none; }
  .blog-mobile-contents { display: block; border-block: 1px solid var(--blog-rule); margin-bottom: 29px; }
  .blog-mobile-contents summary { display: flex; align-items: center; justify-content: space-between; min-height: 59px; cursor: pointer; list-style: none; font-size: 14px; }
  .blog-mobile-contents summary::-webkit-details-marker { display: none; }
  .blog-mobile-contents summary > span { font-size: 22px; font-weight: 300; }
  .blog-mobile-contents[open] summary > span { transform: rotate(45deg); }
  .blog-mobile-contents summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
  .blog-mobile-contents nav { padding-bottom: 15px; }
  .blog-mobile-contents nav a[aria-current] { font-weight: 600; }
  .blog-prose { font-size: 17px; line-height: 1.7; }
  .blog-prose > section { scroll-margin-top: 20px; }
  .blog-prose h2 { font-size: 27px; margin-bottom: 19px; }
  .blog-prose h3 { font-size: 21px; }
  .blog-prose > section + section, .blog-prose > figure + section { padding-top: 26px; margin-top: 31px; }
  .blog-prose .article-callout { padding: 20px; font-size: 15px; }
  .blog-prose .article-stack-grid { gap: 24px; }
  .blog-prose table { min-width: 520px; font-size: 14px; }
  .blog-prose .article-table-wrap { padding-bottom: 8px; }
  .blog-prose .article-privacy-grid { gap: 18px; }
  .blog-prose figcaption { font-size: 12px; }
  .blog-prose > .article-final-cta { padding: 24px; margin-top: 35px; }
  .blog-prose .article-final-cta h2 { font-size: 34px; }
  .blog-prose .editorial-actions { gap: 8px; flex-direction: column; margin-top: 17px; }
  .blog-article-end { margin-top: 30px; gap: 14px; }
  .blog-article-end a { font-size: 13px; }
  .blog-related { display: block; padding-top: 35px; padding-bottom: 55px; }
  .blog-related h2 { font-size: 49px; }
  .blog-related > div:last-child { margin-top: 33px; }
  .blog-related-link { gap: 20px; padding-block: 25px; }
  .blog-related-link h3 { font-size: 23px; }
  .blog-missing { padding-block: 40px 60px; }
}