/* Public Insights templates: ivory pages, forest type and deliberately quiet editorial hierarchy. */
body.blog-page { --serif: 'Cormorant Garamond', Georgia, serif; --sans: 'Manrope', Arial, sans-serif; margin: 0; min-height: 100vh; color: var(--ink, #283b32); background: var(--paper, #f8f7f2); font-family: var(--sans); }
.blog-page *, .blog-page *::before, .blog-page *::after { box-sizing: border-box; }
.blog-page a { color: inherit; }
.blog-shell { width: calc(100% - 128px); max-width: 1120px; margin: 0 auto; }
.blog-main, .blog-article-main { min-height: calc(100vh - 180px); }
.blog-skip { position: absolute; top: -100px; left: 20px; padding: 12px; z-index: 5; background: #fffdf5; }
.blog-skip:focus { top: 10px; }
.blog-page a:focus-visible { outline: 2px solid #687454; outline-offset: 4px; }
.blog-header { display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 101px; border-bottom: 1px solid var(--line, #dcded3); }
.blog-brand { display: inline-flex; align-items: center; gap: 13px; color: var(--forest, #263e35); text-decoration: none; }
.blog-brand img { display: block; width: 43px; height: 43px; }
.blog-brand > span { display: block; font: 600 23px/1.05 var(--serif, Georgia, serif); letter-spacing: -.02em; }
.blog-brand > span > small { display: block; margin-top: 7px; font: 500 6px/1.2 var(--sans, Arial, sans-serif); letter-spacing: .13em; }
.blog-navigation { display: flex; align-items: center; gap: 24px; color: #455543; font-size: 10px; font-weight: 600; }
.blog-navigation a { position: relative; padding: 8px 0; text-decoration: none; }
.blog-navigation a::after { position: absolute; right: 0; bottom: 1px; left: 0; height: 1px; background: var(--olive, #687454); content: ''; transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.blog-navigation a:hover::after, .blog-navigation a:focus-visible::after, .blog-navigation a[aria-current="page"]::after { transform: scaleX(1); }
.blog-page .blog-main { padding: 74px 0 90px; }
.blog-page .blog-kicker, .blog-page .article-kicker { display: flex; align-items: center; gap: 12px; color: var(--olive, #687454); font-size: 9px; font-weight: 700; letter-spacing: .14em; line-height: 1.5; }
.blog-page .blog-kicker::before, .blog-page .article-kicker::before { width: 25px; height: 1px; background: currentColor; content: ''; }
.blog-title { max-width: 850px; margin: 17px 0 0; color: var(--forest, #263e35); font: 500 clamp(53px, 6vw, 76px)/1.01 var(--serif, Georgia, serif); letter-spacing: -.043em; }
.blog-title em { color: var(--olive, #687454); font-weight: 400; }
.blog-subtitle { max-width: 600px; margin: 23px 0 0; color: var(--muted, #687069); font-size: 14px; line-height: 1.9; }
.blog-pillars { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; padding: 42px 0 47px; margin: 46px 0 0; border-block: 1px solid var(--line, #dcded3); }
.blog-pillars article, .blog-pillars > div { min-width: 0; padding-right: 22px; border-right: 1px solid #d9ded1; }
.blog-pillars article:last-child, .blog-pillars > div:last-child { padding-right: 0; border-right: 0; }
.blog-pillars strong, .blog-pillars h2, .blog-pillars h3 { display: block; margin: 0 0 8px; font: 500 25px/1.16 var(--serif, Georgia, serif); letter-spacing: -.02em; }
.blog-pillars p { margin: 0; color: var(--muted, #687069); font-size: 11px; line-height: 1.75; }
.blog-page .blog-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 48px; }
.blog-card { display: flex; min-height: 274px; flex-direction: column; padding: 28px; color: var(--ink, #283b32); border: 1px solid #d7ded0; border-radius: 3px; background: #fbfaf5; text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.blog-card:hover { border-color: #aab99d; box-shadow: 0 13px 27px #24382d0b; transform: translateY(-3px); }
.blog-card-meta { display: flex; flex-wrap: wrap; gap: 8px 13px; color: #708066; font-size: 8px; font-weight: 700; letter-spacing: .09em; line-height: 1.55; text-transform: uppercase; }
.blog-card-meta time { color: #8a9383; }
.blog-card-title { margin: 24px 0 0; color: var(--forest, #263e35); font: 500 35px/1.1 var(--serif, Georgia, serif); letter-spacing: -.028em; }
.blog-card-title a { text-decoration: none; }
.blog-card-summary { margin: 14px 0 0; color: var(--muted, #687069); font-size: 12px; line-height: 1.8; }
.blog-card .blog-card-read { display: inline-flex; align-items: center; gap: 10px; margin-top: auto; padding-top: 24px; color: #516747; font-size: 9px; font-weight: 700; letter-spacing: .06em; }
.blog-card .blog-card-read::after { content: '↗'; font-size: 14px; font-weight: 400; }
.blog-empty { max-width: 620px; padding: 40px 34px; margin: 47px 0 0; color: var(--muted, #687069); border: 1px dashed #becbb2; background: #f1f3eb; font-size: 13px; line-height: 1.85; }
.blog-empty strong, .blog-empty h2 { display: block; margin: 0 0 7px; color: var(--forest, #263e35); font: 500 27px/1.2 var(--serif, Georgia, serif); }
.blog-page .blog-footer { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 23px 0; color: #7b8672; border-top: 1px solid var(--line, #dcded3); font-size: 8px; }

/* Article template */
.blog-article { width: min(100%, 790px); padding: 74px 0 86px; margin: 0 auto; }
.article-kicker { margin-bottom: 20px; }
.article-title { margin: 0; color: var(--forest, #263e35); font: 500 clamp(50px, 6.4vw, 75px)/1.01 var(--serif, Georgia, serif); letter-spacing: -.044em; }
.article-meta { display: flex; flex-wrap: wrap; gap: 9px 17px; padding: 21px 0; margin: 26px 0 0; color: #738069; border-block: 1px solid #d6dcd0; font-size: 9px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.article-meta time { color: #838d7d; }
.article-summary { max-width: 720px; padding-left: 22px; margin: 30px 0 0; color: #4a554b; border-left: 2px solid #a7b493; font: 400 25px/1.42 var(--serif, Georgia, serif); letter-spacing: -.012em; }
.article-content { margin-top: 38px; color: #3d4a40; font-size: 14px; line-height: 1.95; }
.article-content > *:first-child { margin-top: 0; }
.article-content p { margin: 0 0 22px; }
.article-content h2, .article-content h3 { color: var(--forest, #263e35); font-family: var(--serif, Georgia, serif); font-weight: 500; letter-spacing: -.025em; line-height: 1.16; }
.article-content h2 { margin: 49px 0 17px; font-size: 40px; }
.article-content h3 { margin: 35px 0 13px; font-size: 30px; }
.article-content a { color: #4e7049; text-decoration: underline; text-decoration-color: #aab99b; text-underline-offset: 3px; }
.article-content ul, .article-content ol { padding-left: 22px; margin: 0 0 23px; }
.article-content li { padding-left: 5px; margin: 7px 0; }
.article-content li::marker { color: #869b70; }
.article-content blockquote { padding: 5px 0 5px 22px; margin: 31px 0; color: #4f5c4c; border-left: 2px solid #9eaf8d; font: 400 25px/1.42 var(--serif, Georgia, serif); }
.article-content blockquote > *:last-child { margin-bottom: 0; }
.article-content hr { height: 1px; margin: 39px 0; border: 0; background: #d5dbce; }
.article-content code { padding: 2px 4px; color: #40573e; border-radius: 2px; background: #edf0e7; font-size: .9em; }
.article-content pre { padding: 17px; overflow: auto; color: #e9eee3; background: #263e35; border-radius: 3px; font-size: 12px; line-height: 1.6; }
.article-content pre code { padding: 0; color: inherit; background: transparent; }
.article-takeaways, .article-sources { padding: 30px 32px; margin-top: 44px; border: 1px solid #d3dcc8; background: #eff2e9; }
.article-takeaways h2, .article-sources h2 { margin: 0 0 18px; color: var(--forest, #263e35); font: 500 32px/1.15 var(--serif, Georgia, serif); letter-spacing: -.024em; }
.article-takeaways ul { padding: 0; margin: 0; list-style: none; }
.article-takeaways li { position: relative; padding: 11px 0 11px 23px; color: #435043; border-top: 1px solid #d3dcc8; font-size: 12px; line-height: 1.75; }
.article-takeaways li::before { position: absolute; top: 18px; left: 1px; width: 7px; height: 7px; border: 1px solid #728a5f; border-radius: 50%; content: ''; }
.article-sources { background: transparent; }
.article-sources ol, .article-sources ul { padding: 0; margin: 0; list-style: none; }
.article-sources li { padding: 13px 0; color: #697368; border-top: 1px solid #d7ddd1; font-size: 11px; line-height: 1.7; }
.article-sources li:first-child { border-top: 0; }
.article-sources a { color: #435f40; text-decoration: underline; text-decoration-color: #afbea1; text-underline-offset: 3px; overflow-wrap: anywhere; }
.article-sources time, .article-sources li > span { display: block; margin-top: 3px; color: #89917f; font-size: 9px; }
.article-author { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 18px; align-items: center; padding: 24px 0; margin-top: 42px; border-top: 1px solid #d6dcd0; }
.article-author img { width: 72px; height: 72px; object-fit: cover; object-position: center; border: 1px solid #ccd5c3; border-radius: 50%; }
.article-author strong, .article-author h2 { display: block; margin: 5px 0; color: var(--forest, #263e35); font: 500 24px/1.1 var(--serif, Georgia, serif); letter-spacing: -.015em; }
.article-author p { margin: 5px 0 0; color: var(--muted, #687069); font-size: 10px; line-height: 1.7; }
.article-tags { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 28px 0 0; list-style: none; }
.article-tags a, .article-tags li, .article-tags span { padding: 6px 10px; color: #53664b; border: 1px solid #cdd8c3; border-radius: 2px; background: #eff2e9; font-size: 9px; line-height: 1.4; text-decoration: none; }
.article-footer { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding-top: 29px; margin-top: 35px; color: #667361; border-top: 1px solid #d6dcd0; font-size: 10px; }
.article-footer a { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; text-decoration: none; }
.article-footer a::before { content: '←'; font-size: 14px; font-weight: 400; }
.draft-banner { width: min(100%, 790px); padding: 12px 16px; margin: 25px auto -43px; color: #735940; border: 1px solid #d3c09f; background: #f5f0e5; font-size: 10px; line-height: 1.65; }
.draft-banner strong { color: #5f4934; font-weight: 700; letter-spacing: .05em; }
@media (max-width: 900px) {
  .blog-shell { width: calc(100% - 80px); }
  .blog-page .blog-main { padding-top: 55px; }
  .blog-pillars { gap: 14px; }
  .blog-card { padding: 24px; }
}
@media (max-width: 660px) {
  .blog-shell { width: calc(100% - 40px); }
  .blog-header { min-height: 78px; gap: 15px; flex-wrap: wrap; padding: 15px 0; }
  .blog-brand { gap: 9px; }
  .blog-brand img { width: 36px; height: 36px; }
  .blog-brand > span { font-size: 20px; }
  .blog-brand > span > small { margin-top: 5px; font-size: 5px; letter-spacing: .08em; }
  .blog-navigation { gap: 13px; font-size: 8px; }
  .blog-page .blog-main { padding: 42px 0 60px; }
  .blog-title { font-size: clamp(47px, 12vw, 64px); }
  .blog-subtitle { font-size: 12px; }
  .blog-pillars { grid-template-columns: 1fr; gap: 0; padding-block: 25px; margin-top: 32px; }
  .blog-pillars article, .blog-pillars > div { padding: 16px 0; border-right: 0; border-bottom: 1px solid #d9ded1; }
  .blog-pillars article:last-child, .blog-pillars > div:last-child { border-bottom: 0; }
  .blog-page .blog-list { grid-template-columns: 1fr; gap: 13px; margin-top: 34px; }
  .blog-card { min-height: 230px; padding: 23px; }
  .blog-card-title { margin-top: 19px; font-size: 31px; }
  .blog-empty { padding: 28px 22px; margin-top: 33px; font-size: 12px; }
  .blog-page .blog-footer { align-items: flex-start; flex-direction: column; gap: 5px; }
  .blog-article { padding: 43px 0 58px; }
  .article-title { font-size: clamp(45px, 12vw, 62px); }
  .article-meta { margin-top: 21px; }
  .article-summary { padding-left: 16px; margin-top: 25px; font-size: 22px; }
  .article-content { margin-top: 30px; font-size: 13px; line-height: 1.9; }
  .article-content h2 { margin-top: 39px; font-size: 35px; }
  .article-content h3 { font-size: 28px; }
  .article-content blockquote { padding-left: 16px; font-size: 22px; }
  .article-takeaways, .article-sources { padding: 24px 21px; margin-top: 34px; }
  .article-author { grid-template-columns: 60px minmax(0, 1fr); gap: 14px; }
  .article-author img { width: 60px; height: 60px; }
  .draft-banner { margin-top: 20px; margin-bottom: -24px; }
}
@media print {
  .blog-header, .blog-page .blog-footer, .article-footer, .draft-banner { display: none !important; }
  .blog-shell, .blog-article { width: 100%; padding: 0; }
  .blog-card, .article-takeaways, .article-sources { background: white; }
}