.om-site-nav{z-index:50;box-sizing:border-box;background:transparent;border:0;display:flex;justify-content:space-between;align-items:center;width:min(100%,1680px);max-width:1680px;height:62px;padding:16px 32px;position:fixed;top:0;left:50%;transform:translateX(-50%);font-family:"Plus Jakarta Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;transition:top .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),max-width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1),padding .42s cubic-bezier(.22,1,.36,1),border-radius .42s cubic-bezier(.22,1,.36,1),background-color .32s,border-color .32s,box-shadow .32s,backdrop-filter .32s}
.om-site-nav *{box-sizing:border-box}.om-site-nav a{text-decoration:none}.om-site-nav.is-scrolled{width:min(100% - 48px,1240px);max-width:1240px;height:60px;-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);background-color:#ffffffb3;border-color:rgba(8,9,11,.08);border-radius:10px;padding:9px 12px 9px 18px;top:16px;box-shadow:none}
.om-nav-brand{display:flex;align-items:center;flex:none}.om-nav-brand img{display:block;width:146px;height:32px;transition:width .42s cubic-bezier(.22,1,.36,1)}.om-site-nav.is-scrolled .om-nav-brand img{width:124px;height:auto}
.om-nav-links{align-items:center;gap:6px;padding:0;display:flex;position:relative;margin:0}.om-site-nav.is-scrolled .om-nav-links{gap:4px}.om-nav-links a,.om-lang-button,.om-dashboard-button{border-radius:6px;justify-content:center;align-items:center;height:30px;font-size:14px;line-height:1;display:inline-flex}
.om-nav-links a{z-index:1;color:#6b7280;padding:0 16px;font-weight:500;position:relative;overflow:hidden;transition:color .2s,padding .42s cubic-bezier(.22,1,.36,1),transform .22s}.om-site-nav.is-scrolled .om-nav-links a{padding:0 14px}.om-nav-link-label{height:60px;display:flex;flex-direction:column;transform:translateY(0);transition:transform .34s cubic-bezier(.22,1,.36,1)}.om-nav-link-text{height:30px;min-height:30px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.om-nav-link-text-hover{color:#08090b}.om-nav-links a:not(.is-active):hover .om-nav-link-label,.om-nav-links a:not(.is-active):focus-visible .om-nav-link-label{transform:translateY(-30px)}.om-nav-links a.is-active{color:#fff;background:#08090b;transform:translateY(-1px);box-shadow:0 8px 22px rgba(8,9,11,.13)}.om-nav-links a.is-active .om-nav-link-text-hover{color:#fff}
.om-nav-indicator{z-index:0;background:#08090b;border-radius:6px;height:30px;width:0;opacity:0;transition:transform .34s cubic-bezier(.22,1,.36,1),width .34s cubic-bezier(.22,1,.36,1),opacity .18s;position:absolute;top:0;left:0;box-shadow:0 8px 22px rgba(8,9,11,.13)}
.om-nav-actions{display:flex;align-items:center;gap:8px}.om-language-menu{align-items:center;display:inline-flex;position:relative}.om-lang-button{border:0;color:#16191f;background:transparent;gap:6px;width:114px;cursor:pointer;font-family:inherit;transition:width .42s cubic-bezier(.22,1,.36,1)}.om-site-nav.is-scrolled .om-lang-button{width:104px}.om-lang-button img{display:block;flex:none}.om-lang-chevron{transition:transform .2s}.om-language-menu.is-open .om-lang-chevron{transform:rotate(180deg)}
.om-language-dropdown{z-index:10;opacity:0;pointer-events:none;transform-origin:50% 0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:6px;width:114px;padding:10px;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px) scaleY(0);box-shadow:0 12px 30px rgba(33,58,74,.12);transition:opacity .16s,transform .22s cubic-bezier(.4,0,.2,1)}.om-language-menu.is-open .om-language-dropdown{opacity:1;pointer-events:auto;transform:translate(-50%,0) scaleY(1)}.om-language-option{color:#6b7280;border-radius:6px;padding:9px 10px;font-size:13px;transition:background .16s,color .16s}.om-language-option:hover{color:#08090b;background:#f3f4f6}.om-language-option.is-selected{color:#08090b;background:#eef8fe;font-weight:700}
.om-dashboard-button{white-space:nowrap;color:#fff!important;background:#08090b;border-radius:6px;padding:0 16px;font-weight:500;transition:transform .18s,background-color .18s}.om-dashboard-button:hover{background:#202020;transform:translateY(-1px)}
.om-mobile-menu,.om-mobile-panel{display:none}.om-nav-progress{background:#24adf4;opacity:0;transform:scaleX(0);transform-origin:left;border-radius:999px;height:2px;transition:opacity .26s;position:absolute;bottom:-1px;left:28px;right:28px}.om-site-nav.is-scrolled .om-nav-progress{opacity:.82}
.om-nav-links>a{height:30px!important;overflow:hidden!important;align-items:flex-start!important}
body:has(.om-site-nav){padding-top:78px!important}
body.openmax-resource-page .article-layout{isolation:isolate}
body.openmax-resource-page .docs-sidebar{z-index:20!important;top:92px!important;max-height:calc(100vh - 108px)!important;overflow-x:hidden!important;overflow-y:auto!important;padding:14px 16px 28px 14px!important;background:rgba(255,255,255,.97)!important;border:1px solid rgba(226,232,240,.92)!important;border-radius:12px!important;box-shadow:0 14px 38px rgba(31,65,87,.07)!important;-webkit-backdrop-filter:blur(18px) saturate(1.15)!important;backdrop-filter:blur(18px) saturate(1.15)!important;contain:paint}
body.openmax-resource-page .docs-sidebar :is(ul,li,a,span,strong){max-width:100%!important;min-width:0!important}
body.openmax-resource-page .docs-sidebar a{white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
body.openmax-resource-page .article-main,body.openmax-resource-page .article-body,body.openmax-resource-page .legacy-source-root{min-width:0!important;max-width:100%!important}
body.openmax-resource-page .article-main{position:relative;z-index:1;overflow:clip}
body.openmax-resource-page .article-main :is(.matrix-wrap,.table-wrap){overflow-x:auto!important;overflow-y:hidden!important}
body.openmax-resource-page .article-main :is(.matrix,.table-wrap table) :is(th,td):first-child{width:148px!important;min-width:148px!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}
body.openmax-resource-page .article-main .cta{color:#fff!important;background:linear-gradient(135deg,#0c1727 0%,#13283d 100%)!important;border:1px solid rgba(50,151,215,.34)!important;box-shadow:0 18px 42px rgba(12,23,39,.16)!important}
body.openmax-resource-page .article-main .cta :is(h2,h3,p,strong,span){color:#fff!important}
body.openmax-resource-page .article-main .cta p{opacity:.82!important}
body.openmax-resource-page .article-main .cta :is(.btn.primary,.cta-btn,.button.primary){color:#fff!important;background:#3297d7!important;border-color:#3297d7!important;box-shadow:0 9px 22px rgba(50,151,215,.28)!important}
body.openmax-resource-page .article-main .cta :is(.btn.secondary,.btn-outline,.cta-btn-outline,.button.secondary){color:#fff!important;background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.55)!important}
body.openmax-resource-page .article-main .cta :is(.btn.secondary,.btn-outline,.cta-btn-outline,.button.secondary):hover{background:rgba(255,255,255,.14)!important;border-color:#fff!important}

/* Balanced legacy landing pages: restore the intended two-column hero and
   replace the old document-like tables with a polished data-table treatment. */
body.openmax-resource-page .legacy-resource-page{--om-card-border:#dce7ef;--om-card-shadow:0 24px 60px rgba(23,52,73,.09)}
body.openmax-resource-page .legacy-resource-page>.legacy-opening{display:block!important;margin:12px 0 42px!important;padding:0!important}
body.openmax-resource-page .legacy-resource-page>.legacy-opening>.hero-inner{display:grid!important;grid-template-columns:minmax(0,1.14fr) minmax(340px,.86fr)!important;gap:clamp(30px,4vw,64px)!important;align-items:center!important;padding:clamp(32px,4.5vw,68px)!important;border:1px solid var(--om-card-border)!important;border-radius:24px!important;background:radial-gradient(circle at 92% 10%,rgba(50,151,215,.16),transparent 34%),linear-gradient(145deg,#fff 0%,#f6fbff 100%)!important;box-shadow:var(--om-card-shadow)!important;overflow:hidden!important}
body.openmax-resource-page .legacy-resource-page .legacy-opening .hero-copy{min-width:0!important}
body.openmax-resource-page .legacy-resource-page .legacy-opening .hero-copy h1{max-width:820px!important;font-size:clamp(2.55rem,4.15vw,4.65rem)!important;line-height:1.06!important;letter-spacing:-.045em!important}
body.openmax-resource-page .legacy-resource-page .legacy-opening .lead{max-width:760px!important;font-size:clamp(1.03rem,1.35vw,1.2rem)!important;line-height:1.8!important}
body.openmax-resource-page .legacy-resource-page .legacy-opening .hero-panel{display:block!important;align-self:stretch!important;padding:28px!important;border:1px solid rgba(50,151,215,.22)!important;border-radius:18px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 18px 45px rgba(36,83,112,.1)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important}
body.openmax-resource-page .legacy-resource-page .legacy-opening .hero-panel::before{content:"工作流概览";display:inline-flex;margin-bottom:18px;padding:6px 10px;border-radius:999px;background:#eaf6fd;color:#0879b7;font-size:.76rem;font-weight:800;letter-spacing:.08em}
body.openmax-resource-page .legacy-resource-page .legacy-opening .hero-panel>strong{display:block!important;margin-bottom:10px!important;font-size:1.25rem!important;color:#111827!important}
body.openmax-resource-page .legacy-resource-page .legacy-opening .hero-panel>p{color:#64748b!important;line-height:1.7!important}
body.openmax-resource-page .legacy-resource-page .legacy-opening .hero-panel ul{display:grid!important;gap:10px!important;margin-top:20px!important;padding:0!important;list-style:none!important}
body.openmax-resource-page .legacy-resource-page .legacy-opening .hero-panel li{position:relative!important;margin:0!important;padding:12px 14px 12px 42px!important;border:1px solid #e5edf3!important;border-radius:12px!important;background:#fff!important;color:#465568!important;line-height:1.5!important}
body.openmax-resource-page .legacy-resource-page .legacy-opening .hero-panel li::before{content:"\2713";position:absolute;left:14px;top:12px;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#3297d7;color:#fff;font-size:12px;font-weight:900}
body.openmax-resource-page .legacy-resource-page>.legacy-summary-panel{display:grid!important;grid-template-columns:minmax(180px,.38fr) minmax(0,1fr)!important;gap:24px!important;align-items:center!important;margin:0 0 56px!important;padding:24px 28px!important;border:1px solid #deebf3!important;border-radius:16px!important;background:#f7fbfe!important}
body.openmax-resource-page .legacy-resource-page>.legacy-summary-panel strong{color:#0879b7!important;font-size:.86rem!important;letter-spacing:.04em!important;text-transform:none!important}
body.openmax-resource-page .legacy-resource-page>.legacy-summary-panel p{margin:0!important;line-height:1.7!important}
body.openmax-resource-page .legacy-resource-page .table-wrap{border:1px solid #d9e5ed!important;border-radius:18px!important;background:#fff!important;box-shadow:0 18px 46px rgba(23,52,73,.08)!important;overflow:auto!important}
body.openmax-resource-page .legacy-resource-page .table-wrap table{display:table!important;width:100%!important;min-width:820px!important;border-collapse:separate!important;border-spacing:0!important;font-size:.96rem!important;line-height:1.55!important}
body.openmax-resource-page .legacy-resource-page .table-wrap :is(th,td){padding:18px 20px!important;border:0!important;border-bottom:1px solid #e3ebf1!important;text-align:left!important;vertical-align:top!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
body.openmax-resource-page .legacy-resource-page .table-wrap thead th{background:#102033!important;color:#fff!important;font-weight:800!important;letter-spacing:.01em!important}
body.openmax-resource-page .legacy-resource-page .table-wrap thead th:first-child{border-radius:17px 0 0 0!important}
body.openmax-resource-page .legacy-resource-page .table-wrap thead th:last-child{border-radius:0 17px 0 0!important}
body.openmax-resource-page .legacy-resource-page .table-wrap tbody th{width:132px!important;min-width:132px!important;background:#eef7fc!important;color:#0879b7!important;font-weight:800!important;white-space:nowrap!important}
body.openmax-resource-page .legacy-resource-page .table-wrap tbody td{color:#526174!important;background:#fff!important}
body.openmax-resource-page .legacy-resource-page .table-wrap tbody tr:nth-child(even) td{background:#f8fbfd!important}
body.openmax-resource-page .legacy-resource-page .table-wrap tbody tr:last-child :is(th,td){border-bottom:0!important}
body.openmax-resource-page .legacy-resource-page .table-wrap tbody tr{transition:background-color .18s,transform .18s}
body.openmax-resource-page .legacy-resource-page .table-wrap tbody tr:hover :is(th,td){background:#edf7fd!important}
@media(max-width:1100px){body.openmax-resource-page .legacy-resource-page>.legacy-opening>.hero-inner{grid-template-columns:1fr!important;padding:42px!important}body.openmax-resource-page .legacy-resource-page .legacy-opening .hero-panel{max-width:none!important}}
@media(max-width:720px){body.openmax-resource-page .legacy-resource-page>.legacy-opening>.hero-inner{padding:26px 20px!important;border-radius:18px!important}body.openmax-resource-page .legacy-resource-page>.legacy-summary-panel{grid-template-columns:1fr!important;gap:8px!important;padding:20px!important}body.openmax-resource-page .legacy-resource-page .table-wrap{border-radius:14px!important}body.openmax-resource-page .legacy-resource-page .table-wrap :is(th,td){padding:14px 16px!important}}

/* The first five refreshed articles now use the same visual grammar as the
   later landing-page template: breadcrumb, two-column hero, summary strip. */
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header{display:grid!important;grid-template-columns:minmax(0,1.14fr) minmax(340px,.86fr)!important;grid-template-rows:auto auto auto!important;column-gap:clamp(30px,4vw,64px)!important;align-items:center!important;margin:12px 0 42px!important;padding:clamp(32px,4.5vw,68px)!important;border:1px solid #dce7ef!important;border-radius:24px!important;background:radial-gradient(circle at 92% 10%,rgba(50,151,215,.16),transparent 34%),linear-gradient(145deg,#fff 0%,#f6fbff 100%)!important;box-shadow:0 24px 60px rgba(23,52,73,.09)!important;overflow:hidden!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header>.article-eyebrow,body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header>h1,body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header>.article-deck{grid-column:1!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header>.article-eyebrow{align-self:end!important;margin-bottom:10px!important;color:#5d6b7e!important;text-transform:none!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header>h1{max-width:820px!important;margin:0 0 20px!important;font-size:clamp(2.55rem,4.15vw,4.65rem)!important;line-height:1.06!important;letter-spacing:-.045em!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header>.article-deck{max-width:760px!important;margin:0!important;font-size:clamp(1.03rem,1.35vw,1.2rem)!important;line-height:1.8!important;color:#64748b!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header>.article-meta{display:none!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header>.mobile-toc{grid-column:2!important;grid-row:1/4!important;display:block!important;align-self:stretch!important;margin:0!important;padding:28px!important;border:1px solid rgba(50,151,215,.22)!important;border-radius:18px!important;background:rgba(255,255,255,.84)!important;box-shadow:0 18px 45px rgba(36,83,112,.1)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header>.mobile-toc>summary{display:inline-flex!important;margin:0 0 18px!important;padding:6px 10px!important;border-radius:999px!important;background:#eaf6fd!important;color:#0879b7!important;font-size:.76rem!important;font-weight:800!important;letter-spacing:.08em!important;list-style:none!important;cursor:default!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header>.mobile-toc>summary::-webkit-details-marker{display:none!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header>.mobile-toc>ul{display:grid!important;gap:10px!important;margin:0!important;padding:0!important;list-style:none!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header>.mobile-toc li{margin:0!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header>.mobile-toc a{position:relative!important;display:block!important;padding:12px 14px 12px 42px!important;border:1px solid #e5edf3!important;border-radius:12px!important;background:#fff!important;color:#465568!important;font-size:.9rem!important;line-height:1.45!important;text-decoration:none!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header>.mobile-toc a::before{content:"\2192";position:absolute;left:14px;top:12px;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#3297d7;color:#fff;font-size:12px;font-weight:900}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-body>.legacy-source-root>.legacy-opening{display:block!important;margin:0 0 56px!important;padding:24px 28px!important;border:1px solid #deebf3!important;border-radius:16px!important;background:#f7fbfe!important;box-shadow:none!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-body>.legacy-source-root>.legacy-opening>div{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-body>.legacy-source-root>.legacy-opening .source-line{margin:0!important;padding:0!important;border:0!important;line-height:1.75!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-body>.legacy-source-root>.legacy-opening>.legacy-opening-panel{display:none!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh .table-wrap{border:1px solid #d9e5ed!important;border-radius:18px!important;background:#fff!important;box-shadow:0 18px 46px rgba(23,52,73,.08)!important;overflow:auto!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh .table-wrap table{display:table!important;width:100%!important;min-width:820px!important;border-collapse:separate!important;border-spacing:0!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh .table-wrap thead th{background:#102033!important;color:#fff!important}
body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh .table-wrap tbody tr:nth-child(even) :is(th,td){background:#f8fbfd!important}
@media(max-width:1100px){body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header{grid-template-columns:1fr!important;padding:42px!important}body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header>.mobile-toc{grid-column:1!important;grid-row:auto!important;margin-top:28px!important}}
@media(max-width:720px){body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header{padding:26px 20px!important;border-radius:18px!important}body.openmax-resource-page.usecase-landing-v1 .article-main.legacy-refresh>.article-header>.mobile-toc{padding:20px!important}}
@media(max-width:1100px){.om-site-nav,.om-site-nav.is-scrolled{width:min(100% - 32px,960px);max-width:960px;height:64px;background-color:rgba(255,255,255,.82);border-color:rgba(8,9,11,.08);border-radius:12px;padding:11px 12px 11px 16px;top:12px;-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3)}.om-nav-links{gap:4px}.om-nav-links a,.om-site-nav.is-scrolled .om-nav-links a{padding:0 11px}.om-lang-button,.om-site-nav.is-scrolled .om-lang-button{width:96px}.om-dashboard-button{padding-inline:13px}}
@media(max-width:820px){body:has(.om-site-nav){padding-top:82px!important}.om-site-nav,.om-site-nav.is-scrolled{display:grid;grid-template-columns:auto auto;width:calc(100% - 24px);height:58px;padding:10px 10px 10px 14px;top:10px}.om-nav-brand img,.om-site-nav.is-scrolled .om-nav-brand img{width:118px}.om-nav-links,.om-language-menu{display:none}.om-nav-actions{justify-self:end}.om-dashboard-button{height:34px;padding-inline:13px;font-size:13px}.om-mobile-menu{cursor:pointer;background:#fff;border:1px solid #eef1f5;border-radius:6px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:34px;height:34px}.om-mobile-menu span{background:#08090b;border-radius:999px;width:15px;height:1.5px;transition:opacity .18s,transform .18s;display:block}.om-site-nav.is-menu-open .om-mobile-menu span:first-child{transform:translateY(5.5px) rotate(45deg)}.om-site-nav.is-menu-open .om-mobile-menu span:nth-child(2){opacity:0}.om-site-nav.is-menu-open .om-mobile-menu span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.om-mobile-panel{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);background:rgba(255,255,255,.94);border:1px solid rgba(8,9,11,.08);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:10px;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + 8px);left:0;right:0;transform:translateY(-6px);box-shadow:0 18px 55px rgba(33,58,74,.12)}.om-site-nav.is-menu-open .om-mobile-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.om-mobile-panel a{color:#6b7280;border-radius:6px;display:flex;justify-content:center;align-items:center;min-height:40px;font-size:14px}.om-mobile-panel a.is-active{color:#fff;background:#08090b}.om-mobile-panel .om-mobile-dashboard{color:#08090b;background:#f3f4f6}.om-mobile-langs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-top:1px solid #eef1f5;padding-top:8px;margin-top:4px}.om-mobile-langs a{min-height:34px;font-size:12px}.om-mobile-langs a.is-selected{color:#0879b7;background:#eef8fe}.om-nav-progress{display:none}}
@media(max-width:520px){.om-dashboard-button{display:none}}

/* Layout rule: resource-directory articles stay editorial; landing pages without
   a directory keep the large two-column hero. */
body.resource-type-guides.openmax-resource-page .legacy-resource-page>.legacy-opening>.hero-inner{display:block!important;padding:20px 0 8px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
body.resource-type-guides.openmax-resource-page .legacy-resource-page .legacy-opening .hero-panel{display:none!important}
body.resource-type-guides.openmax-resource-page .legacy-resource-page .legacy-opening .hero-copy h1{max-width:900px!important;font-size:clamp(2.25rem,3.15vw,3.35rem)!important;line-height:1.12!important;letter-spacing:-.035em!important}
body.resource-type-guides.openmax-resource-page .legacy-resource-page>.legacy-opening{margin:0 0 34px!important}
body.resource-type-solutions.usecase-landing-v1.openmax-resource-page .article-layout{display:block!important;max-width:1240px!important;margin-inline:auto!important}
body.resource-type-solutions.usecase-landing-v1.openmax-resource-page :is(.docs-sidebar,.article-toc){display:none!important}
body.resource-type-solutions.usecase-landing-v1.openmax-resource-page .article-main{width:100%!important;max-width:none!important}
body.openmax-resource-page .legacy-resource-page .legacy-opening .hero-panel::before{content:"工作流概览"!important}

/* Keep every resource directory in the compact editorial style. Some legacy
   pages apply generic card styles to details elements, so reset them here. */
body.openmax-resource-page .docs-sidebar details.sidebar-directory-group{display:block!important;width:100%!important;margin:14px 0 0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
body.openmax-resource-page .docs-sidebar details.sidebar-directory-group+details.sidebar-directory-group{margin-top:6px!important}
body.openmax-resource-page .docs-sidebar details.sidebar-directory-group>summary{display:flex!important;min-height:34px!important;height:auto!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:7px 8px 7px 10px!important;color:#374151!important;background:transparent!important;border:0!important;border-radius:7px!important;box-shadow:none!important;font-size:13px!important;line-height:20px!important;font-weight:600!important;list-style:none!important}
body.openmax-resource-page .docs-sidebar details.sidebar-directory-group[open]>summary{color:#197bb9!important;background:#f4faff!important}
body.openmax-resource-page .docs-sidebar details.sidebar-directory-group>summary:hover,body.openmax-resource-page .docs-sidebar details.sidebar-directory-group>summary:focus-visible{color:#197bb9!important;background:#f4faff!important}
body.openmax-resource-page .docs-sidebar details.sidebar-directory-group>.sidebar-links{margin:5px 0 0!important;padding:0 0 0 12px!important;background:transparent!important;border:0!important;border-left:1px solid #e5e7eb!important;border-radius:0!important;box-shadow:none!important}
body.openmax-resource-page .docs-sidebar details.sidebar-directory-group>.sidebar-links li{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.openmax-resource-page .docs-sidebar details.sidebar-directory-group>.sidebar-links li+li{margin-top:2px!important}
body.openmax-resource-page .docs-sidebar details.sidebar-directory-group>.sidebar-links a{display:block!important;margin:0!important;padding:5px 0 5px 12px!important;background:transparent!important;border:0!important;border-radius:0 6px 6px 0!important;box-shadow:inset 0 0 0 #3297d7!important;color:#4b5563!important;font-size:13px!important;line-height:18px!important}
body.openmax-resource-page .docs-sidebar details.sidebar-directory-group>.sidebar-links a:hover{color:#17202f!important;background:#f0f8fd!important;box-shadow:inset 3px 0 0 #3297d7!important}
body.openmax-resource-page .docs-sidebar details.sidebar-directory-group>.sidebar-links a[aria-current="page"]{color:#197bb9!important;background:#f4faff!important;box-shadow:inset 3px 0 0 #3297d7!important;font-weight:600!important}

/* Paired before/after cards sometimes mix h3 and h4. Equalize only the
   heading font size; preserve every other layout and visual property. */
body.openmax-resource-page .ba-grid>.ba-card>:is(h1,h2,h3,h4,h5,h6){font-size:19px!important}

/* 2026-08-07 contrast pass: CTA headings must remain readable against the
   dark gradient used by the shared landing-page CTA. A legacy heading rule
   previously forced these headings to #111827, making them disappear. */
body.openmax-resource-page .article-main .cta.reveal.cta-motion.liquid-motion :is(h1,h2,h3,h4,h5,h6,.cta-heading){color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.18)!important}
body.openmax-resource-page .article-main .cta.reveal.cta-motion.liquid-motion :is(p,strong,span){color:#fff!important}

/* The non-animated CTA variant uses a pale surface, so its text should use
   the dark editorial palette instead of the white heading inherited by the
   older CTA component. */
body.openmax-resource-page .article-main .cta.reveal:not(.cta-motion) :is(h1,h2,h3,h4,h5,h6,.cta-heading){color:#111827!important;text-shadow:none!important}
body.openmax-resource-page .article-main .cta.reveal:not(.cta-motion) :is(p,strong,span){color:#4f5b6b!important}

/* Some solution/use-case pages place the same CTA directly in the legacy
   resource container rather than .article-main. Keep the contrast rule
   component-scoped, but cover both markup variants. */
body.openmax-resource-page :is(.article-main,.legacy-resource-page) .cta.reveal.cta-motion.liquid-motion :is(h1,h2,h3,h4,h5,h6,.cta-heading){color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.18)!important}
body.openmax-resource-page :is(.article-main,.legacy-resource-page) .cta.reveal.cta-motion.liquid-motion :is(p,strong,span){color:#fff!important}
body.openmax-resource-page :is(.article-main,.legacy-resource-page) .cta.reveal:not(.cta-motion) :is(h1,h2,h3,h4,h5,h6,.cta-heading){color:#111827!important;text-shadow:none!important}
body.openmax-resource-page :is(.article-main,.legacy-resource-page) .cta.reveal:not(.cta-motion) :is(p,strong,span){color:#4f5b6b!important}

/* Standalone comparison pages use the legacy .cta-block markup instead of
   the shared .cta component. Its page-level article rules were overriding
   the local white text, leaving dark headings on the dark gradient. */
body.openmax-resource-page .article-body .cta-block :is(h1,h2,h3,h4,h5,h6){color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.18)!important}
body.openmax-resource-page .article-body .cta-block>p{color:#f3f7fb!important;opacity:1!important}
body.openmax-resource-page .article-body .cta-block>.cta-sub{color:#d8e4ef!important}
body.openmax-resource-page .article-body .cta-block>.cta-sub a{color:#66c7ff!important}

/* Comparison cards sometimes mix h3 and h4 for the two sides of one row.
   Keep the semantic tags, but give sibling card headings the same visual
   size so a left/right comparison reads as one aligned unit. */
body.openmax-resource-page :is(.procon-grid,.cost-cards,.switch-grid)>*>:is(h1,h2,h3,h4,h5,h6){font-size:19px!important}

/* Long-form guide sections were inheriting 56px inter-section margins and
   48px vertical padding, which made consecutive text sections feel detached.
   Tighten only the numbered content sections; hero, summary, CTA and card
   treatments keep their existing spacing. */
body.openmax-resource-page .legacy-source-root>section[id^="section-"]:not(#section-1):not(.cta){margin-top:32px!important;padding:30px 0!important}

/* Bring the first guide sentence closer to the article header while keeping
   a deliberate breathing space below the metadata divider. */
body.openmax-resource-page.resource-type-guides .article-main.legacy-refresh>.article-body{padding-top:24px!important}
body.openmax-resource-page.resource-type-guides .legacy-source-root>section#section-1{margin-top:0!important;padding:16px 0 24px!important}

/* CTA panels need a little more vertical room than ordinary text sections.
   Constrain the copy so a single trailing character never hangs on its own
   line, and keep the action row comfortably separated from the description. */
body.openmax-resource-page .legacy-source-root>section.cta.reveal.cta-motion.liquid-motion{margin-top:40px!important;padding:44px 36px!important}
body.openmax-resource-page .legacy-source-root>section.cta.reveal.cta-motion.liquid-motion p{max-width:680px!important;line-height:1.65!important}

/* The AI-agents guide has a short operating note paired with a tall four-card
   model map. Stack the note above the map so the left half is not left empty;
   the cards then use a balanced two-column grid on wide screens. */
body.openmax-resource-page .legacy-source-root> .wrap > section.hero:has(.agent-map){display:flex!important;flex-direction:column!important;gap:28px!important;align-items:stretch!important;grid-template-columns:none!important;padding:26px 0 38px!important}
body.openmax-resource-page .legacy-source-root> .wrap > section.hero:has(.agent-map)>div:first-child{width:100%!important;max-width:900px!important}
body.openmax-resource-page .legacy-source-root> .wrap > section.hero:has(.agent-map)>.hero-panel{width:100%!important;max-width:none!important;padding:28px!important}
body.openmax-resource-page .legacy-source-root> .wrap > section.hero:has(.agent-map) .agent-map{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
@media(max-width:760px){body.openmax-resource-page .legacy-source-root> .wrap > section.hero:has(.agent-map) .agent-map{grid-template-columns:1fr!important}}

/* Make the ticket-classifier architecture flow legible on the light canvas.
   The legacy SVG used white connectors, which disappear against the page
   background even though the nodes themselves remain visible. */
body.openmax-resource-page .viz>svg[viewbox="0 0 720 420"] line{stroke:#6f91a5!important;stroke-width:2.4!important;stroke-linecap:round;stroke-linejoin:round}
body.openmax-resource-page .viz>svg[viewbox="0 0 720 420"] line[stroke-dasharray]{stroke:#86aabd!important;stroke-width:2.2!important}
body.openmax-resource-page .viz>svg[viewbox="0 0 720 420"] polygon{fill:#2d8fbd!important}

/* Use-case landing headers contain both a right-side workflow visual and a
   table of contents. At wide widths the older landing rule placed both in
   grid column 2, so the TOC painted over the 01–04 workflow cards. Keep the
   TOC in its own full-width row beneath the visual. */
body.openmax-resource-page.resource-type-use-cases.usecase-landing-v1 .article-main.legacy-refresh>.article-header>.mobile-toc{
  grid-column:1 / -1!important;
  grid-row:auto!important;
  align-self:stretch!important;
  margin-top:34px!important;
}
@media(max-width:640px){
  body.openmax-resource-page.resource-type-use-cases.usecase-landing-v1 .article-main.legacy-refresh>.article-header>.mobile-toc{margin-top:10px!important}
}

/* Keep short row labels together in every data-table variant. The legacy
   table skin later resets cell wrapping to normal, so this final component
   rule intentionally comes after those skins and applies to both th and td. */
body.openmax-resource-page .article-main :is(.table-wrap,.matrix-wrap,.comparison-table-wrap,.comp-table-wrap,.table-wrapper) table :is(th,td):first-child,
body.openmax-resource-page .article-main table :is(th,td):first-child{
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}
body.openmax-resource-page .legacy-resource-page table :is(th,td):first-child{
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}

/* Solution pages use long, editorial sections. The legacy template adds a
   56px inter-section margin on top of 54px vertical padding, which creates
   oversized empty bands between otherwise related blocks. Keep the same
   borders, cards and typography, but use a compact, consistent rhythm for
   solution content only. */
body.openmax-resource-page.resource-type-solutions .legacy-source-root>section.reveal:not(.cta),
body.openmax-resource-page.resource-type-solutions .legacy-source-root>section.report-grid,
body.openmax-resource-page.resource-type-solutions .legacy-resource-page>section.reveal:not(.cta),
body.openmax-resource-page.resource-type-solutions .legacy-resource-page>section.report-grid{
  margin-top:28px!important;
  padding-top:32px!important;
  padding-bottom:32px!important;
}
@media(max-width:760px){
  body.openmax-resource-page.resource-type-solutions .legacy-source-root>section.reveal:not(.cta),
  body.openmax-resource-page.resource-type-solutions .legacy-source-root>section.report-grid,
  body.openmax-resource-page.resource-type-solutions .legacy-resource-page>section.reveal:not(.cta),
  body.openmax-resource-page.resource-type-solutions .legacy-resource-page>section.report-grid{
    margin-top:24px!important;
    padding-top:24px!important;
    padding-bottom:24px!important;
  }
}

/* Compact editorial rhythm for the 273-page delivery. The legacy article
   template used 56px section margins plus 48px vertical padding, which made
   consecutive headings and comparison cards look disconnected. Keep the
   typography and card design intact while reducing only the vertical rhythm. */
body.openmax-resource-page .article-main.legacy-refresh .legacy-source-root>.legacy-opening{margin-bottom:30px!important}
body.openmax-resource-page .article-main.legacy-refresh .legacy-source-root>:is(section,h2){margin-top:30px!important;margin-bottom:0!important}
body.openmax-resource-page .article-main.legacy-refresh .legacy-source-root>:is(section,h2):first-child{margin-top:0!important}
body.openmax-resource-page .article-main.legacy-refresh .legacy-source-root>section{padding-top:32px!important;padding-bottom:32px!important}
body.openmax-resource-page .article-main.legacy-refresh .legacy-source-root>section.tldr.legacy-summary-panel{margin-bottom:32px!important;padding:24px 28px!important}
body.openmax-resource-page .article-main.legacy-refresh .legacy-source-root>section.snippet.legacy-answer-panel{margin-bottom:32px!important;padding:24px 28px!important}
body.openmax-resource-page .article-main.legacy-refresh .legacy-source-root>.cta-band{margin-top:28px!important;margin-bottom:28px!important}
body.openmax-resource-page .article-main.legacy-refresh .legacy-source-root>section.method{padding-top:18px!important;padding-bottom:18px!important}
@media(max-width:720px){
  body.openmax-resource-page .article-main.legacy-refresh .legacy-source-root>.legacy-opening{margin-bottom:24px!important}
  body.openmax-resource-page .article-main.legacy-refresh .legacy-source-root>:is(section,h2){margin-top:24px!important}
  body.openmax-resource-page .article-main.legacy-refresh .legacy-source-root>section{padding-top:24px!important;padding-bottom:24px!important}
  body.openmax-resource-page .article-main.legacy-refresh .legacy-source-root>section.tldr.legacy-summary-panel,
  body.openmax-resource-page .article-main.legacy-refresh .legacy-source-root>section.snippet.legacy-answer-panel{margin-bottom:24px!important;padding:20px!important}
}

/* Locale-safe comparison tables: keep translated column headings readable.
   Some English/Japanese strings are longer than the Chinese originals; the
   old block-level table rule let one column collapse to a word-by-word strip. */
body.openmax-resource-page .legacy-source-root table.usecase-table,
body.openmax-resource-page .legacy-source-root table.compare-table{
  display:table!important;
  width:100%!important;
  min-width:860px!important;
  max-width:none!important;
  table-layout:auto!important;
  overflow:visible!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body.openmax-resource-page .legacy-source-root table.usecase-table :is(th,td),
body.openmax-resource-page .legacy-source-root table.compare-table :is(th,td){
  min-width:0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  vertical-align:top!important;
}
body.openmax-resource-page .legacy-source-root table.usecase-table th:nth-child(1){width:30%!important}
body.openmax-resource-page .legacy-source-root table.usecase-table th:nth-child(2){width:27%!important}
body.openmax-resource-page .legacy-source-root table.usecase-table th:nth-child(3){width:43%!important}
body.openmax-resource-page .legacy-source-root table.compare-table th:nth-child(1){width:22%!important}
body.openmax-resource-page .legacy-source-root table.compare-table th:nth-child(2),
body.openmax-resource-page .legacy-source-root table.compare-table th:nth-child(3){width:25%!important}
body.openmax-resource-page .legacy-source-root table.compare-table th:nth-child(4){width:28%!important}
@media(max-width:720px){
  body.openmax-resource-page .legacy-source-root table.usecase-table,
  body.openmax-resource-page .legacy-source-root table.compare-table{min-width:760px!important}
}

/* FAQ support CTA: the generic article CTA skin was overriding the component's
   two-column layout and left the step descriptions white on a pale background.
   Restore a deliberate light card hierarchy and readable text without changing
   the surrounding article layout. */
body.openmax-resource-page .article-main .cta-box.openmax-faq-cta{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(250px,.72fr)!important;
  gap:30px!important;
  align-items:center!important;
  min-height:0!important;
  padding:32px 36px!important;
  color:#172033!important;
  text-align:left!important;
  background:linear-gradient(135deg,#f8fcff 0%,#edf7fd 100%)!important;
  border:1px solid #cfe3f0!important;
  border-radius:18px!important;
  box-shadow:0 16px 40px rgba(31,72,98,.08)!important;
}
body.openmax-resource-page .article-main .cta-box.openmax-faq-cta::before{
  display:block!important;
  left:36px!important;
  right:auto!important;
  top:0!important;
  width:92px!important;
  height:4px!important;
  transform:none!important;
  background:#3297d7!important;
}
body.openmax-resource-page .article-main .cta-box.openmax-faq-cta::after{
  display:block!important;
  right:0!important;
  top:0!important;
  width:42%!important;
  height:100%!important;
  background:linear-gradient(90deg,transparent,rgba(50,151,215,.08))!important;
  pointer-events:none!important;
}
body.openmax-resource-page .article-main .cta-box.openmax-faq-cta .cta-content,
body.openmax-resource-page .article-main .cta-box.openmax-faq-cta .cta-signal{position:relative;z-index:1}
body.openmax-resource-page .article-main .cta-box.openmax-faq-cta .cta-kicker{color:#147fb8!important}
body.openmax-resource-page .article-main .cta-box.openmax-faq-cta h2{margin:0 0 10px!important;color:#172033!important;font-size:clamp(26px,3vw,34px)!important;line-height:1.22!important}
body.openmax-resource-page .article-main .cta-box.openmax-faq-cta p{max-width:620px!important;margin:0 0 20px!important;color:#526174!important;font-size:16px!important;line-height:1.7!important}
body.openmax-resource-page .article-main .cta-box.openmax-faq-cta .cta-actions{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:12px 16px!important}
body.openmax-resource-page .article-main .cta-box.openmax-faq-cta .cta-button{background:#177faf!important;color:#fff!important;border:1px solid #177faf!important;border-radius:9px!important;padding:12px 20px!important;box-shadow:0 10px 24px rgba(23,127,175,.2)!important}
body.openmax-resource-page .article-main .cta-box.openmax-faq-cta .cta-note{color:#526174!important;font-size:13px!important;line-height:1.5!important}
body.openmax-resource-page .article-main .cta-box.openmax-faq-cta .cta-signal{display:grid!important;gap:14px!important;border-left:1px solid #cfe3f0!important;padding-left:24px!important}
body.openmax-resource-page .article-main .cta-box.openmax-faq-cta .cta-step{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:12px!important;align-items:center!important}
body.openmax-resource-page .article-main .cta-box.openmax-faq-cta .cta-step span{width:38px!important;height:38px!important;border-radius:10px!important;background:#dceff9!important;color:#147fb8!important;font-size:13px!important}
body.openmax-resource-page .article-main .cta-box.openmax-faq-cta .cta-step strong{color:#172033!important;font-size:15px!important;line-height:1.35!important}
body.openmax-resource-page .article-main .cta-box.openmax-faq-cta .cta-step em{color:#66758a!important;font-size:12px!important;line-height:1.45!important;margin-top:2px!important}
@media(max-width:768px){
  body.openmax-resource-page .article-main .cta-box.openmax-faq-cta{grid-template-columns:1fr!important;gap:22px!important;padding:26px 22px!important}
  body.openmax-resource-page .article-main .cta-box.openmax-faq-cta::before{left:22px!important}
  body.openmax-resource-page .article-main .cta-box.openmax-faq-cta .cta-signal{border-left:0!important;border-top:1px solid #cfe3f0!important;padding:20px 0 0!important}
}

/* AI sales tools: this page has no separate hero illustration. Use its
   workflow outline as the right-hand hero panel instead of leaving the second
   grid column empty and placing a full-width directory underneath. */
body.openmax-resource-page .article-main[data-source-page="/use-cases/ai-sales-tools"]>.article-header{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(350px,.82fr)!important;
  grid-template-rows:auto auto auto auto!important;
  column-gap:clamp(32px,4vw,60px)!important;
  row-gap:0!important;
  align-items:center!important;
  min-height:0!important;
  padding:clamp(36px,4.5vw,64px)!important;
}
body.openmax-resource-page .article-main[data-source-page="/use-cases/ai-sales-tools"]>.article-header>:is(.article-eyebrow,h1,.article-deck,.article-meta){grid-column:1!important}
body.openmax-resource-page .article-main[data-source-page="/use-cases/ai-sales-tools"]>.article-header>h1{
  max-width:720px!important;
  font-size:clamp(3rem,4.6vw,4.25rem)!important;
  line-height:1.04!important;
}
body.openmax-resource-page .article-main[data-source-page="/use-cases/ai-sales-tools"]>.article-header>.article-deck{max-width:690px!important}
body.openmax-resource-page .article-main[data-source-page="/use-cases/ai-sales-tools"]>.article-header>.article-meta{display:flex!important;margin-top:28px!important}
body.openmax-resource-page .article-main[data-source-page="/use-cases/ai-sales-tools"]>.article-header>.mobile-toc{
  grid-column:2!important;
  grid-row:1 / 5!important;
  display:block!important;
  align-self:center!important;
  width:100%!important;
  margin:0!important;
  padding:28px!important;
  border:1px solid rgba(50,151,215,.24)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 18px 44px rgba(36,83,112,.1)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
}
body.openmax-resource-page .article-main[data-source-page="/use-cases/ai-sales-tools"]>.article-header>.mobile-toc>summary{
  display:inline-flex!important;
  margin:0 0 18px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  background:#eaf6fd!important;
  color:#0879b7!important;
  font-size:.78rem!important;
  font-weight:800!important;
  letter-spacing:.05em!important;
  list-style:none!important;
  cursor:default!important;
}
body.openmax-resource-page .article-main[data-source-page="/use-cases/ai-sales-tools"]>.article-header>.mobile-toc>summary::-webkit-details-marker{display:none!important}
body.openmax-resource-page .article-main[data-source-page="/use-cases/ai-sales-tools"]>.article-header>.mobile-toc>ul{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
body.openmax-resource-page .article-main[data-source-page="/use-cases/ai-sales-tools"]>.article-header>.mobile-toc li{margin:0!important;border:0!important}
body.openmax-resource-page .article-main[data-source-page="/use-cases/ai-sales-tools"]>.article-header>.mobile-toc a{
  position:relative!important;
  display:block!important;
  padding:11px 14px 11px 42px!important;
  border:1px solid #e2ebf1!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#465568!important;
  font-size:.9rem!important;
  font-weight:650!important;
  line-height:1.4!important;
  text-decoration:none!important;
}
body.openmax-resource-page .article-main[data-source-page="/use-cases/ai-sales-tools"]>.article-header>.mobile-toc a::before{
  content:"\2192"!important;
  position:absolute!important;
  left:13px!important;
  top:10px!important;
  display:grid!important;
  width:21px!important;
  height:21px!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#3297d7!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
}
@media(max-width:1000px){
  body.openmax-resource-page .article-main[data-source-page="/use-cases/ai-sales-tools"]>.article-header{grid-template-columns:1fr!important;padding:38px!important}
  body.openmax-resource-page .article-main[data-source-page="/use-cases/ai-sales-tools"]>.article-header>.mobile-toc{grid-column:1!important;grid-row:auto!important;margin-top:28px!important}
}
@media(max-width:640px){
  body.openmax-resource-page .article-main[data-source-page="/use-cases/ai-sales-tools"]>.article-header{padding:26px 20px!important}
  body.openmax-resource-page .article-main[data-source-page="/use-cases/ai-sales-tools"]>.article-header>h1{font-size:clamp(2.35rem,11vw,3.1rem)!important}
  body.openmax-resource-page .article-main[data-source-page="/use-cases/ai-sales-tools"]>.article-header>.mobile-toc{padding:20px!important}
}

/* The generic use-case rules above deliberately move a TOC below pages that
   already have a workflow illustration. This page has no illustration, so a
   more specific rule lets the TOC occupy that otherwise empty hero column. */
body.openmax-resource-page.resource-type-use-cases.usecase-landing-v1 .article-main.legacy-refresh:is([data-source-page="/use-cases/ai-sales-tools"],[data-source-page="/use-cases/customer-onboarding-software"])>.article-header{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(350px,.82fr)!important;
  grid-template-rows:auto auto auto!important;
  column-gap:clamp(32px,4vw,58px)!important;
  row-gap:0!important;
  align-items:center!important;
  min-height:0!important;
  padding:clamp(36px,4.25vw,60px)!important;
}
body.openmax-resource-page.resource-type-use-cases.usecase-landing-v1 .article-main.legacy-refresh:is([data-source-page="/use-cases/ai-sales-tools"],[data-source-page="/use-cases/customer-onboarding-software"])>.article-header>:is(.article-eyebrow,h1,.article-deck,.article-meta){grid-column:1!important}
body.openmax-resource-page.resource-type-use-cases.usecase-landing-v1 .article-main.legacy-refresh:is([data-source-page="/use-cases/ai-sales-tools"],[data-source-page="/use-cases/customer-onboarding-software"])>.article-header>h1{
  max-width:680px!important;
  font-size:clamp(3rem,4.2vw,4.15rem)!important;
  line-height:1.04!important;
}
body.openmax-resource-page.resource-type-use-cases.usecase-landing-v1 .article-main.legacy-refresh:is([data-source-page="/use-cases/ai-sales-tools"],[data-source-page="/use-cases/customer-onboarding-software"])>.article-header>.mobile-toc{
  grid-column:2!important;
  grid-row:1 / 4!important;
  align-self:center!important;
  margin:0!important;
  padding:26px!important;
}
@media(max-width:960px){
  body.openmax-resource-page.resource-type-use-cases.usecase-landing-v1 .article-main.legacy-refresh:is([data-source-page="/use-cases/ai-sales-tools"],[data-source-page="/use-cases/customer-onboarding-software"])>.article-header{
    grid-template-columns:1fr!important;
    padding:36px!important;
  }
  body.openmax-resource-page.resource-type-use-cases.usecase-landing-v1 .article-main.legacy-refresh:is([data-source-page="/use-cases/ai-sales-tools"],[data-source-page="/use-cases/customer-onboarding-software"])>.article-header>.mobile-toc{
    grid-column:1!important;
    grid-row:auto!important;
    margin-top:26px!important;
  }
}
@media(max-width:640px){
  body.openmax-resource-page.resource-type-use-cases.usecase-landing-v1 .article-main.legacy-refresh:is([data-source-page="/use-cases/ai-sales-tools"],[data-source-page="/use-cases/customer-onboarding-software"])>.article-header{padding:26px 20px!important}
  body.openmax-resource-page.resource-type-use-cases.usecase-landing-v1 .article-main.legacy-refresh:is([data-source-page="/use-cases/ai-sales-tools"],[data-source-page="/use-cases/customer-onboarding-software"])>.article-header>h1{font-size:clamp(2.35rem,11vw,3.1rem)!important}
  body.openmax-resource-page.resource-type-use-cases.usecase-landing-v1 .article-main.legacy-refresh:is([data-source-page="/use-cases/ai-sales-tools"],[data-source-page="/use-cases/customer-onboarding-software"])>.article-header>.mobile-toc{padding:20px!important}
}

/* English footer labels are substantially longer than the Chinese/Japanese
   labels. Give the Open-source and policy columns enough real width so links
   never paint over the neighbouring Company column. */
html:lang(en) body footer.site-footer{
  grid-template-columns:minmax(260px,30%) minmax(0,1fr)!important;
  column-gap:clamp(20px,2vw,34px)!important;
}
html:lang(en) body footer.site-footer .site-footer-links{
  grid-template-columns:minmax(82px,.9fr) minmax(92px,1fr) minmax(170px,1.65fr) minmax(84px,.86fr) minmax(138px,1.3fr)!important;
  column-gap:clamp(10px,1.1vw,18px)!important;
}
html:lang(en) body footer.site-footer .site-footer-column{min-width:0!important}
html:lang(en) body footer.site-footer .site-footer-column>a,
html:lang(en) body footer.site-footer .site-footer-column>div>a{
  width:auto!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
@media(max-width:1080px){
  html:lang(en) body footer.site-footer{
    grid-template-columns:1fr!important;
    gap:44px!important;
  }
  html:lang(en) body footer.site-footer .site-footer-brand{min-height:150px!important}
  html:lang(en) body footer.site-footer .site-footer-links{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:28px!important;
    row-gap:38px!important;
    min-height:0!important;
  }
  html:lang(en) body footer.site-footer .site-footer-column>div{gap:22px!important;margin-top:28px!important}
}
@media(max-width:640px){
  html:lang(en) body footer.site-footer .site-footer-links{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:24px!important;
  }
}