/* Shared blog-post styles. Extend below with page-specific components
         built on home.css tokens — never redefine body, nav, footer, or palette. */
      .blog-masthead {
        text-align: center;
        padding-top: clamp(54px, 8vw, 92px);
        padding-bottom: clamp(34px, 5vw, 56px);
        overflow: hidden;
      }
      .blog-masthead::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(var(--a8) 1px, transparent 1px);
        background-size: 22px 22px;
        mask-image: radial-gradient(ellipse 72% 58% at 48% 20%, #000 25%, transparent 72%);
        -webkit-mask-image: radial-gradient(ellipse 72% 58% at 48% 20%, #000 25%, transparent 72%);
        pointer-events: none;
      }
      .blog-masthead > * { position: relative; z-index: 1; }
      .blog-masthead .h-display {
        max-width: 820px;
        margin: 0 auto 20px;
        font-size: clamp(2.05rem, 4.4vw, 3.55rem);
        line-height: 1.07;
      }
      .blog-masthead .lede { margin: 0 auto; max-width: 720px; }
      .article-meta {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
        margin: 28px 0 0;
      }
      .article-meta span {
        font-family: var(--mono);
        font-size: 0.66rem;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--muted);
        border: 1px solid var(--a10);
        background: rgba(255, 255, 255, 0.72);
        border-radius: 100px;
        padding: 7px 10px;
      }
      .author-row {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        margin-top: 24px;
        color: var(--muted);
        font-size: 0.92rem;
      }
      .author-mark {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        border: 1px solid var(--a10);
        background: var(--bg-card);
        padding: 5px;
      }
      .article-cover { padding-top: 0; padding-bottom: clamp(42px, 6vw, 72px); }
      .article-cover-card {
        max-width: 880px;
        margin: 0 auto;
        border: 1px solid var(--a10);
        border-radius: 22px;
        background:
          radial-gradient(ellipse 80% 70% at 100% 0%, rgba(37, 99, 235, 0.14), transparent 62%),
          radial-gradient(ellipse 70% 70% at 0% 100%, rgba(255, 100, 47, 0.11), transparent 62%),
          var(--bg-card);
        overflow: hidden;
        box-shadow: 0 1px 2px rgba(18, 20, 40, 0.05), 0 26px 70px -42px rgba(18, 20, 40, 0.38);
      }
      .article-cover-card img { display: block; width: 100%; height: auto; }
      .article-cover-caption {
        font-family: var(--mono);
        font-size: 0.68rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--faint);
        padding: 12px 16px 14px;
        border-top: 1px solid var(--a8);
        background: rgba(255, 255, 255, 0.72);
      }
      .blog-shell {
        display: grid;
        grid-template-columns: 210px minmax(0, 720px) 220px;
        gap: clamp(24px, 4vw, 44px);
        align-items: start;
      }
      .article-body { max-width: 720px; margin: 0 auto; }
      .article-body > p,
      .article-body li {
        font-size: clamp(1.02rem, 1.35vw, 1.16rem);
        line-height: 1.82;
        color: var(--ink-soft);
      }
      .article-body > p { margin: 0 0 22px; }
      .article-body h2 {
        font-size: clamp(1.55rem, 3vw, 2.3rem);
        font-weight: 600;
        letter-spacing: -0.03em;
        line-height: 1.1;
        margin: 54px 0 16px;
      }
      .article-body h3 {
        font-size: 1.08rem;
        font-weight: 600;
        letter-spacing: -0.015em;
        margin-bottom: 8px;
      }
      .answer-box {
        border: 1px solid var(--a10);
        border-radius: var(--r-lg);
        background:
          linear-gradient(120deg, var(--geo-soft), transparent 46%),
          var(--bg-card);
        padding: clamp(22px, 3vw, 30px);
        margin: 28px 0;
      }
      .answer-box .label,
      .faq-item .label {
        font-family: var(--mono);
        font-size: 0.62rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
        display: block;
        margin-bottom: 10px;
      }
      .answer-box p { color: var(--ink-soft); line-height: 1.75; margin: 0; }
      .article-callout {
        border: 1px solid var(--a10);
        border-radius: var(--r-lg);
        background:
          linear-gradient(120deg, var(--heat-8), transparent 42%),
          var(--bg-card);
        padding: clamp(24px, 4vw, 36px);
        margin: clamp(32px, 5vw, 52px) 0;
      }
      .article-callout p { color: var(--ink-soft); line-height: 1.7; margin-top: 10px; }
      .blog-side { position: sticky; top: 92px; }
      .blog-side-card {
        border: 1px solid var(--a10);
        border-radius: var(--r-lg);
        background: var(--bg-card);
        padding: 16px;
        margin-bottom: 14px;
      }
      .blog-side-card .label {
        font-family: var(--mono);
        font-size: 0.62rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--faint);
        display: block;
        margin-bottom: 12px;
      }
      .article-toc { display: grid; gap: 10px; }
      .article-toc a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        text-decoration: none;
        color: var(--ink-soft);
        font-weight: 550;
        border-radius: 10px;
        padding: 8px 10px;
        font-size: 0.9rem;
      }
      .article-toc a:hover { background: var(--a4); color: var(--ink); }
      .article-toc a::after { content: "->"; font-family: var(--mono); color: var(--heat-strong); }
      .share-list { display: grid; gap: 8px; }
      .share-list a {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        text-decoration: none;
        font-size: 0.88rem;
        color: var(--ink-soft);
        padding: 8px 10px;
        border-radius: 10px;
      }
      .share-list a:hover { background: var(--a4); color: var(--ink); }
      .article-cta {
        text-align: center;
        border: 1px solid var(--a10);
        border-radius: 24px;
        padding: clamp(34px, 6vw, 56px);
        background:
          radial-gradient(ellipse 80% 80% at 85% 0%, rgba(37, 99, 235, 0.16), transparent 62%),
          radial-gradient(ellipse 70% 70% at 10% 100%, rgba(255, 100, 47, 0.14), transparent 62%),
          var(--bg-card);
      }
      .article-cta .row { justify-content: center; margin-top: 24px; }
      .faq-grid { display: grid; gap: 14px; max-width: 920px; margin: 36px auto 0; }
      .faq-item {
        border: 1px solid var(--a10);
        border-radius: var(--r-lg);
        background: var(--bg-card);
        padding: clamp(22px, 3vw, 30px);
      }
      .faq-item h3 {
        font-size: clamp(1.05rem, 1.4vw, 1.22rem);
        font-weight: 600;
        letter-spacing: -0.018em;
        line-height: 1.25;
        margin-bottom: 10px;
      }
      .faq-item p { color: var(--muted); line-height: 1.72; font-size: 0.98rem; }
      @media (max-width: 880px) {
        .blog-shell { grid-template-columns: 1fr; }
        .blog-side { position: relative; top: auto; }
        .blog-side.is-left { order: -1; }
        .blog-side.is-right { display: none; }
      }
      @media (max-width: 560px) {
        .blog-masthead { padding-top: 44px; }
        .article-meta span { width: 100%; text-align: center; }
        .article-cta .row { flex-direction: column; }
        .article-cta .btn { width: 100%; }
      }

.business-facts .blog-shell{grid-template-columns:170px minmax(0,1fr) 180px;gap:26px}
.business-facts .blog-side{max-height:calc(100vh - 115px);overflow:auto}
.business-facts .article-toc a{font-size:.77rem;line-height:1.45;padding:6px 2px;display:block}
.business-facts .article-toc a::after{content:none}
.business-facts .share-list a{line-height:1.5}
.business-facts .data-table-wrap{max-width:100%;overflow-x:auto;margin:28px 0;border:1px solid var(--a10);border-radius:var(--r-lg)}
.business-facts .data-table{width:100%;border-collapse:collapse;font-size:.87rem;line-height:1.6;text-align:left}
.business-facts .data-table th,.business-facts .data-table td{padding:14px;vertical-align:top;border-bottom:1px solid var(--a10);min-width:140px}
.business-facts .data-table thead{background:var(--geo-soft)}
.business-facts .data-table tbody th{font-weight:600}
.business-facts .article-body{min-width:0;width:100%}
.business-facts .article-body a{overflow-wrap:anywhere}
.business-facts .article-cover-card{max-width:1060px}
.business-facts .article-cover-card img{aspect-ratio:16/9;object-fit:contain;height:auto;width:100%}
.business-facts .fact-path{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:22px 0}
.business-facts .fact-path li{border:1px solid var(--a10);border-radius:var(--r-lg);padding:10px 15px;font-size:.86rem;background:var(--bg-card)}
.business-facts .cluster-read-next{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}
.business-facts .cluster-read-next a{padding:20px;border:1px solid var(--a10);border-radius:var(--r-lg);line-height:1.5;color:var(--ink);text-decoration:none;background:var(--bg-card)}
.business-facts .cluster-read-next a:hover{background:var(--geo-soft)}
.business-facts .article-body h2{scroll-margin-top:110px}
@media(max-width:1050px){.business-facts .blog-shell{grid-template-columns:160px minmax(0,1fr)}.business-facts .blog-side.is-right{display:none}}
@media(max-width:760px){.business-facts .blog-shell{grid-template-columns:1fr}.business-facts .blog-side{position:static;max-height:none}.business-facts .cluster-read-next{grid-template-columns:1fr}.business-facts .article-toc{grid-template-columns:1fr 1fr}.business-facts .data-table{min-width:580px}}