/* Content-page system: architecture, catalogue, commercial, and document layouts. */
.bext-page {
  --bx-c1: #596b3f;
  --bx-c2: #a78237;
  --blue: #6d7b50;
  --green: #697a4b;
  --gray-950: #22291e;
  color: #293123;
  overflow: clip;
}
.sheet-wrap { max-width:1328px; margin:0 auto; padding:0 44px; }
.sheet-breadcrumb { display:flex; align-items:center; gap:12px; padding-top:25px; font:10px ui-monospace,monospace; color:#78816b; }
.sheet-breadcrumb a { color:#424e35; }
.sheet-page-index { margin-left:auto; font-size:9px; letter-spacing:1.5px; }
.sheet-intro-grid { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:55px; padding-top:40px; padding-bottom:53px; min-height:470px; }
.sheet-intro-copy { padding:16px 0; }
.sheet-intro-copy .new-eyebrow { text-transform:uppercase; }
.sheet-intro-copy h1 { font-size:clamp(40px,4.5vw,65px); line-height:1.075; font-weight:540; letter-spacing:-3px; margin:25px 0 23px; max-width:700px; }
.sheet-intro-copy h1 span { color:#7b8369; }
.sheet-intro-copy>p { color:#657057; font-size:15px; line-height:1.85; max-width:520px; margin:0 0 25px; }
.sheet-intro-copy .new-button { font-size:12px; }
.sheet-art { min-width:0; position:relative; background-image:radial-gradient(#a9b28f44 .7px,transparent .7px); background-size:22px 22px; }
.sheet-art>svg { display:block; width:100%; overflow:visible; }
.sheet-art-label { font:9px ui-monospace,monospace; color:#7a846a; letter-spacing:1.2px; text-align:right; }
.sheet-art-caption { display:flex; justify-content:space-between; align-items:center; gap:10px; font:9px/1.6 ui-monospace,monospace; color:#6f795f; margin-top:10px; }
.sheet-art-caption button { padding:6px 0; background:none; border:0; border-bottom:1px solid #c2cbb0; color:inherit; cursor:pointer; font:inherit; flex-shrink:0; }
.sheet-float { animation:sheet-float 7s ease-in-out infinite; }
.sheet-signal { stroke:#b48631; stroke-dasharray:22 300; animation:sheet-signal 4s linear infinite; }
.sheet-orbit { transform-origin:275px 195px; animation:sheet-orbit 35s linear infinite; }
@keyframes sheet-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
@keyframes sheet-signal { to { stroke-dashoffset:-322; } }
@keyframes sheet-orbit { to { transform:rotate(360deg); } }
.sheet-motion-paused *, .sheet-art-offscreen * { animation-play-state:paused!important; }
.sheet-facts { border-block:1px solid #dce0d0; background:#f1f3e8; }
.sheet-facts>.sheet-wrap { display:flex; align-items:center; gap:50px; min-height:75px; }
.sheet-facts span { display:flex; align-items:center; gap:12px; font-size:12px; color:#5c694c; }
.sheet-facts span:first-child { margin-right:auto; font:9px ui-monospace,monospace; letter-spacing:1px; }
.sheet-facts b { color:#909a7e; font:9px ui-monospace,monospace; font-weight:400; }
.sheet-tools { display:flex; justify-content:flex-end; padding-top:22px; padding-bottom:0; position:relative; z-index:5; }
.sheet-toc { width:310px; border:1px solid #d9deca; border-radius:5px; background:#fffef7; position:relative; }
.sheet-toc summary { cursor:pointer; padding:13px 16px; font:10px ui-monospace,monospace; letter-spacing:.5px; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:10px; }
.sheet-toc summary::-webkit-details-marker { display:none; }
.sheet-toc summary::after { content:'+'; font-size:17px; font-weight:400; }
.sheet-toc[open] summary::after { content:'−'; }
.sheet-toc [data-toc-links] { position:absolute; left:-1px; right:-1px; top:100%; display:flex; flex-direction:column; max-height:350px; overflow-y:auto; background:#fffef7; border:1px solid #d9deca; box-shadow:0 16px 30px -20px #35412966; border-radius:0 0 5px 5px; }
.sheet-toc a { display:flex; gap:12px; align-items:baseline; padding:10px 16px; font-size:12px; border-top:1px solid #edefe3; }
.sheet-toc a span { font:9px monospace; color:#7e896b; }
.sheet-toc a:hover, .sheet-toc a[aria-current] { background:#ebeedc; color:#324324; }
.bext-page .bx-wrap, .bext-page .container { max-width:1240px!important; padding-left:44px; padding-right:44px; }
.bext-page .bx-wrap-sm { max-width:1120px!important; padding-left:44px; padding-right:44px; }
.bext-page .bx-section { padding:72px 0; }
.bext-page .sheet-intro~.bx-section:first-of-type { padding-top:50px!important; }
.bext-page .bx-section-head { text-align:left; margin:0 0 31px; max-width:830px; }
.bext-page .bx-section-head h2, .bext-page .px-h2, .bext-page .wp-h2 { font-size:38px; font-weight:520; letter-spacing:-1.65px; line-height:1.15; margin:16px 0 0; text-align:left; }
.bext-page .bx-section-head p, .bext-page .px-p, .bext-page .wp-p { font-size:14px; line-height:1.85; color:#69755b; max-width:700px; margin:15px 0 0; text-align:left; }
.bext-page .bx-eyebrow, .bext-page .px-kicker, .bext-page .wp-kicker { font:10px/1.6 ui-monospace,monospace; letter-spacing:1.3px; color:#778566; text-transform:uppercase; text-align:left; }
.bext-page .bx-eyebrow::before { width:5px; height:5px; background:#aab48f; }
.bext-page .bx-reveal, .bext-page .bx-reveal.in, .bext-page .px-reveal, .bext-page .px-reveal.in, .bext-page .wp-reveal, .bext-page .wp-reveal.in { opacity:1; transform:none; animation:none; }
.bext-page .bx-grid { gap:0; border:1px solid #d9decb; border-radius:6px; overflow:hidden; background:#d9decb; grid-template-columns:repeat(3,minmax(0,1fr)); }
.bext-page .bx-card { background:#fffef8; border:0; border-right:1px solid #d9decb; border-bottom:1px solid #d9decb; border-radius:0; padding:28px; box-shadow:none; min-width:0; }
.bext-page .bx-card:hover { transform:none; background:#f3f5e8; box-shadow:none; }
.bext-page .bx-card::before { display:none; }
.bext-page .bx-card h3 { font-size:18px; font-weight:550; line-height:1.4; letter-spacing:-.45px; }
.bext-page .bx-card p { font-size:13px; line-height:1.85; color:#657153; margin-top:12px; }
.bext-page .bx-card li { line-height:1.8; }
.bext-page .bx-stat { text-align:left; padding:30px; border:0; border-right:1px solid #d9decb; border-bottom:1px solid #d9decb; border-radius:0; box-shadow:none; min-width:0; background:#eff2e4; }
.bext-page .bx-stat:hover { transform:none; box-shadow:none; }
.bext-page .bx-stat .n { color:#455538; background:none; -webkit-text-fill-color:currentColor; font-size:43px; font-weight:530; letter-spacing:-2px; overflow-wrap:anywhere; }
.bext-page .bx-stat .u { font:10px ui-monospace,monospace; color:#778568; margin-top:9px; }
.bext-page .bx-stat .l { font-size:12px; color:#536345; line-height:1.65; margin-top:10px; font-weight:450; }
.bext-page .bx-ic { border:1px solid #cbd5b5; background:#ecf0de; color:#607249; border-radius:4px; width:35px; height:35px; }
.bext-page .bx-btn, .bext-page .btn { border-radius:4px; font-size:12px; font-weight:550; box-shadow:none; height:auto; min-height:43px; padding:11px 20px; white-space:normal; text-align:center; }
.bext-page .bx-band { background:#283222; color:#f9f8e9; }
.bext-page .bx-band::before { background:radial-gradient(ellipse at right bottom,#74834822,transparent 70%); }
.bext-page .bx-band h2 { font-size:36px!important; font-weight:530!important; line-height:1.18; letter-spacing:-1.4px!important; }
.bext-page .bx-band p { color:#c2cbb2; font-size:14px!important; line-height:1.85; }
.bext-page .bx-band .bx-eyebrow { color:#bdc8a8!important; }
.bext-page .bx-wrap>.bx-band { border-radius:6px!important; padding:50px 40px!important; }
.bext-page .bx-btn-light { background:#edf1db; color:#293820; }
.bext-page .bx-btn-ondark { color:#eff3e3; border-color:#657253; }
.bext-page pre { max-width:100%; white-space:pre; overflow-x:auto; font:12px/1.85 ui-monospace,monospace; border-radius:4px; background:#222a1e; color:#e4e8d9; }
.bext-page pre code { font:inherit; color:inherit; }
.bext-page :not(pre)>code { overflow-wrap:anywhere; }
.bext-page table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; font-size:12px; }
.bext-page table th,.bext-page table td { padding:13px 17px; border-bottom:1px solid #dce2ce; text-align:left; }
.bext-page .group:has(pre) { min-width:0; border:1px solid #c9d2b9; border-radius:5px; overflow:hidden; }
.bext-page .group:has(pre) pre { margin:0; padding:23px; }
.bext-page .group:has(pre) button { opacity:1; min-width:32px; min-height:32px; }
.bext-page .group:has(pre) button svg { width:16px; height:16px; }
.bext-page .group:has(pre)>.flex { padding:10px 16px; background:#e8eed9; font:10px monospace; }
.bext-page .sheet-code-feedback { display:block; font:10px/1.6 ui-monospace,monospace; color:#4c6337; padding:8px 14px; background:#edf2df; }
.bext-page .sheet-code-feedback:empty { display:none; }
/* Capability catalogue. Filtering adds no dependency or network requests. */
.sheet-filter { display:grid; grid-template-columns:1.6fr 1fr; gap:20px; background:#edf1df; border:1px solid #d5dec2; border-radius:5px; padding:25px; margin:30px 0 0; }
.sheet-filter label { display:flex; flex-direction:column; gap:9px; font:10px ui-monospace,monospace; color:#5b6e45; }
.sheet-filter input,.sheet-filter select { width:100%; border:1px solid #bac9a0; border-radius:4px; background:#fffef7; padding:12px 14px; color:#364728; font:13px Inter,system-ui,sans-serif; min-height:43px; }
.sheet-filter-status { font:11px ui-monospace,monospace; color:#62764a; grid-column:1/-1; margin:0; }
.sheet-filter[hidden], .bext-page [data-feature-card][hidden], .bext-page [data-feature-section][hidden] { display:none!important; }
.page-features .bx-chips { position:static; background:none; backdrop-filter:none; border:0; gap:7px; justify-content:flex-start!important; padding:0; }
.page-features .bx-chip { border-radius:4px; font-size:11px; padding:9px 12px; background:#f6f8ed; }
.page-features .bx-section:has([data-feature-card])>.bx-wrap { display:grid; grid-template-columns:240px 1fr; gap:45px; align-items:start; }
.page-features .bx-section-head h2 { font-size:29px; }
.page-features .bx-section-head p { font-size:12px; }
.page-features .bx-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.page-features .bx-card { padding:25px; }
.page-features .bx-card h3 { font-size:16px; }
.page-features .bx-card h3>span { display:table!important; margin:10px 0 0!important; font:9px ui-monospace,monospace!important; background:#e9eedc!important; color:#5f7047!important; }
/* Plans use an editorial two-by-two comparison, with a distinct Cloud panel. */
.page-pricing .pr-plans { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.page-pricing .pr-plan { position:relative; border:1px solid #d4ddc3; border-radius:6px; padding:32px; background:#fffef7; box-shadow:none; }
.page-pricing .pr-plan:hover { transform:none; box-shadow:none; }
.page-pricing .pr-plan.hl { border-color:#97a675; box-shadow:none; background:#e8edd8; }
.page-pricing .pr-name { font:11px ui-monospace,monospace; color:#687952; letter-spacing:1px; }
.page-pricing .pr-price { font-size:48px; font-weight:540; letter-spacing:-2px; color:#35452a; line-height:1.2; margin-top:20px; }
.page-pricing .pr-price .per { font:11px/1.5 ui-monospace,monospace; color:#6d7d58; display:inline-block; letter-spacing:0; }
.page-pricing .pr-tag { min-height:0; font-size:14px; color:#6b7959; line-height:1.7; margin:15px 0 24px; }
.page-pricing .pr-feats { display:grid; grid-template-columns:1fr 1fr; align-content:start; gap:14px 25px; padding-top:23px; border-top:1px solid #d5dec4; margin-bottom:28px; }
.page-pricing .pr-feat { font-size:12px; line-height:1.75; color:#526641; }
.page-pricing .pr-feat .ck { stroke:#788d53; }
.page-pricing .pr-plan .bx-btn { margin-top:auto; width:max-content; max-width:100%; }
.page-pricing .pr-incl { justify-content:flex-start; }
.page-pricing .pr-chip { background:#eff3e3; border-color:#d3ddbe; border-radius:4px; font:11px ui-monospace,monospace; padding:12px 15px; color:#617647; }
.page-pricing .pr-proadds { text-align:left; font-size:13px; }
.page-pricing .pr-faq { max-width:none; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:0 40px; }
.page-pricing .pr-faq-item { border:0; border-top:1px solid #ced8bb; background:none; border-radius:0; padding:24px 0; }
.page-pricing .pr-faq-q { font-size:17px; font-weight:550; }
.page-pricing .pr-faq-a { font-size:13px; line-height:1.9; }
/* Measurements and architecture: strong labels, legible context. */
.page-benchmarks .bx-section:has(.bx-stat) .bx-wrap { display:grid; grid-template-columns:260px 1fr; gap:45px; align-items:start; }
.page-benchmarks .bx-section:has(.bx-stat) .bx-grid { width:100%; margin:0!important; }
.page-benchmarks .bx-section-head h2 { font-size:30px; }
.page-benchmarks .bx-section:has(.bx-stat) .bx-wrap>p { grid-column:2; text-align:left!important; margin:0!important; max-width:none!important; }
.page-benchmarks .bx-stat { background:#fffef7; }
.page-benchmarks .bx-stat:first-child { background:#e9efd9; }
.page-benchmarks .bx-stat .n { font-size:35px; }
.page-engine .bx-grid:has(.bx-card), .page-enterprise .bx-grid { counter-reset:engine-card; }
.page-engine .bx-grid .bx-card::after, .page-enterprise .bx-grid .bx-card::after { counter-increment:engine-card; content:'0' counter(engine-card) ' / BEXT'; display:block; margin-top:27px; padding-top:14px; border-top:1px solid #e3e8d6; color:#8b977a; font:9px ui-monospace,monospace; }
.page-partners .bx-stat .n { font-size:23px!important; letter-spacing:-.6px; line-height:1.2; }
.page-migration .bx-section>.bx-wrap-sm { display:grid; grid-template-columns:260px minmax(0,1fr); gap:40px; }
.page-migration .bx-section-head h2 { font-size:29px; }
.page-migration .bx-section-head p { font-size:12px; }
.page-migration .bx-section .bx-card { border:1px solid #d6dfc6; border-radius:5px; padding:26px!important; }
.page-migration .bx-section .bx-card>h3 { font-size:17px!important; margin-top:20px; }
.page-migration .bx-section .bx-card>h3:first-child { margin-top:0; }
.page-migration .bx-band>.bx-wrap-sm { display:block; }
/* PRISM and WordPress: the same editorial system with diagrams and code. */
.page-prism>section:not(.sheet-intro):not(.sheet-next), .page-wordpress>section:not(.sheet-intro):not(.sheet-next) { padding-top:64px!important; padding-bottom:64px!important; }
.bext-page .px-flow, .bext-page .px-two, .bext-page .wp-two { gap:18px; }
.bext-page .px-flow-card, .bext-page .px-two-card, .bext-page .wp-two-card, .bext-page .px-step, .bext-page .wp-step, .bext-page .wp-up-card, .bext-page .wp-plug { border-radius:5px; border-color:#d3dcc2; background:#fffef7; box-shadow:none; padding:27px; }
.bext-page .px-flow-card.is-prism, .bext-page .px-two-card.native, .bext-page .wp-two-card.good, .bext-page .wp-plug.flag { background:#eaf0d9; border-color:#b4c49a; }
.bext-page .px-flow-card h3, .bext-page .px-two-card h3, .bext-page .wp-two-card h3 { font-weight:550; font-size:22px; }
.bext-page .px-flow-card p, .bext-page .px-two-card>p, .bext-page .wp-two-card>p { font-size:13px; line-height:1.85; }
.bext-page .px-two-card.native .lbl, .bext-page .px-two-card.native li svg, .bext-page .wp-two-card.good .lbl { color:#637944; }
.bext-page .px-step .n, .bext-page .wp-step .n { background:#e8edda; color:#627449; box-shadow:none; border:1px solid #c6d2b0; border-radius:4px; font:11px ui-monospace,monospace; }
.bext-page .px-step h3, .bext-page .wp-step h3, .bext-page .wp-up-card h3 { font-size:17px; line-height:1.4; font-weight:550; }
.bext-page .px-step p, .bext-page .wp-step p, .bext-page .wp-up-card p { font-size:12px; line-height:1.9; }
.bext-page .px-code-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.bext-page .px-code-grid>.px-code:last-child { grid-column:1/-1; }
.bext-page .px-code { border-radius:5px; box-shadow:none; background:#222b1c; border-color:#4c5e3a; }
.bext-page .px-code pre { padding:24px; font-size:12px; color:#e2e8d6; }
.bext-page .px-code-bar { background:#33402a; padding:12px 17px; }
.bext-page .px-code-bar .fn { color:#d0dcb8!important; }
.bext-page .px-code-bar .d { width:7px; height:7px; background:#91a373!important; }
.bext-page .px-feat-grid, .bext-page .wp-feat-grid, .bext-page .px-stats, .bext-page .wp-stats { border-radius:5px; border-color:#d3ddc0; background:#d3ddc0; }
.bext-page .wp-feat-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.bext-page .px-feat, .bext-page .wp-feat { padding:28px; background:#fffef8; }
.bext-page .px-feat .ico, .bext-page .wp-feat .ico { background:#edf2df; color:#6b8050; border:1px solid #d2ddbd; border-radius:4px; }
.bext-page .px-feat h3, .bext-page .wp-feat h3 { font-size:17px; font-weight:550; }
.bext-page .px-feat p, .bext-page .wp-feat p { font-size:12px; line-height:1.85; }
.bext-page .px-stat, .bext-page .wp-stat { text-align:left; padding:27px; background:#edf2e0; }
.bext-page .px-stat .v, .bext-page .wp-stat .v, .bext-page .px-demo .big { background:none; -webkit-text-fill-color:currentColor; color:#526d39; font-weight:530; letter-spacing:-1px; }
.bext-page .px-stat .v,.bext-page .wp-stat .v { font-size:32px; }
.bext-page .px-stats .l,.bext-page .wp-stats .l { font-size:12px; line-height:1.75; }
.bext-page .px-demo { background:#283321; border-radius:6px; border-color:#6a7e50; box-shadow:none; padding:38px; }
.bext-page .px-demo::before { display:none; }
.bext-page .px-demo .big { color:#e0d7a4; }
.bext-page .px-demo h3 { font-size:25px; font-weight:530; }
.bext-page .px-demo p { color:#c0ccb0; }
.bext-page .px-demo-cta { border-radius:4px; font-size:12px; background:#e4eccf; }
.bext-page .px-chips { justify-content:flex-start; }
.bext-page .px-chip { border-radius:4px; background:#edf2df; font-size:11px; }
.bext-page .wp-plug .repo, .bext-page .wp-up-card .n { color:#627c43; }
.bext-page .wp-plug.flag .tag { background:#d9e5bf; color:#526f32; }
.bext-page .wp-plug p { line-height:1.9; font-size:12px; }
.bext-page .wp-two-card.bad { border-color:#ddcea7; background:#faf6e8; }
.bext-page .wp-two-card.bad .lbl { color:#8b7135; }
.bext-page .wp-up-note,.bext-page .wp-suite-foot { overflow-wrap:anywhere; }
/* Document pages keep their original policy text and last-updated dates. */
.page-privacy .sheet-intro-grid,.page-terms .sheet-intro-grid,.page-license .sheet-intro-grid { grid-template-columns:1.35fr .65fr; min-height:420px; }
.page-privacy .sheet-art,.page-terms .sheet-art,.page-license .sheet-art { max-width:360px; margin-left:auto; }
.page-privacy .bx-section>.bx-wrap-sm,.page-terms .bx-section>.bx-wrap-sm { max-width:940px!important; }
.page-privacy .bx-card,.page-terms .bx-card { counter-increment:document-section; background:none; border:0; border-top:1px solid #d7deca; border-radius:0; padding:28px 0 35px!important; display:grid; grid-template-columns:235px minmax(0,1fr); gap:35px; }
.page-privacy .bx-card h2,.page-terms .bx-card h2 { font-size:18px!important; line-height:1.5; font-weight:530; margin:0; letter-spacing:-.4px; }
.page-privacy .bx-card h2::before,.page-terms .bx-card h2::before { content:'0' counter(document-section); display:block; font:10px ui-monospace,monospace; color:#889776; margin-bottom:16px; }
.page-privacy .bx-section,.page-terms .bx-section { counter-reset:document-section; }
.page-privacy .bx-card p,.page-terms .bx-card p { margin:0!important; font-size:14px; line-height:1.95!important; color:#627153; }
.page-license .bx-card { padding:30px; }
.page-license .bx-card ul { padding-left:18px!important; }
.page-license .bx-card li { font-size:13px; line-height:1.9!important; }
.page-security .bx-wrap-sm>div>h2 { font-size:30px!important; font-weight:530!important; line-height:1.25; }
.page-security .bx-wrap-sm>div { padding-bottom:24px; }
.page-security .bx-grid { grid-template-columns:1fr 1fr; }
.page-security .bx-wrap-sm code { border-radius:3px!important; background:#eef3df!important; font:12px/1.7 ui-monospace,monospace!important; border-color:#d4dfbf!important; }
/* Release timeline. */
.page-changelog .sheet-release { display:grid!important; grid-template-columns:180px minmax(0,1fr); gap:32px!important; border-top:1px solid #d5dfc1; padding:30px 0; }
.page-changelog .sheet-release-meta { display:flex; flex-direction:column; align-items:start; gap:12px; }
.page-changelog .sheet-release-meta h2 { font-size:30px; font-weight:530; letter-spacing:-1.1px; color:#435e2c; margin:0; }
.page-changelog .sheet-release-meta time { font:11px ui-monospace,monospace; color:#7a8d64; }
.page-changelog .sheet-release-meta>span { background:#e9f0d7; color:#5b783e; border:1px solid #cbdcb2; padding:4px 8px; font:9px ui-monospace,monospace; border-radius:3px; }
.page-changelog .sheet-release-body { padding:3px 0!important; border:0; background:none; margin:0!important; }
.page-changelog .sheet-release-body ul { padding-left:18px!important; gap:12px!important; }
.page-changelog .sheet-release-body li { font-size:14px!important; line-height:1.9!important; color:#5b6d49!important; }
.sheet-next { background:#eaf0dc; border-top:1px solid #d5dfc1; padding:60px 0; }
.sheet-next>.sheet-wrap { display:grid; grid-template-columns:.8fr 1.5fr; align-items:center; gap:50px; }
.sheet-next h2 { font-size:34px; line-height:1.2; font-weight:530; letter-spacing:-1.3px; margin:16px 0 0; }
.sheet-next-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.sheet-next-grid>a { border-top:1px solid #b5c799; padding-top:21px; display:flex; flex-direction:column; align-items:start; position:relative; }
.sheet-next-grid>a>span:first-child { font:10px ui-monospace,monospace; color:#697e50; margin-bottom:15px; }
.sheet-next-grid strong { font-size:19px; font-weight:500; line-height:1.45; letter-spacing:-.4px; color:#435c30; padding-right:12px; }
.sheet-next-arrow { font-size:22px; color:#657e49; margin-top:15px; transition:transform .2s; }
.sheet-next-grid>a:hover .sheet-next-arrow { transform:translate(3px,-3px); }
@media(max-width:1100px) {
  .sheet-wrap { padding-left:30px; padding-right:30px; }
  .sheet-intro-grid { gap:25px; }
  .sheet-intro-copy h1 { font-size:51px; letter-spacing:-2.5px; }
  .sheet-intro-copy>p { font-size:14px; }
  .sheet-facts>.sheet-wrap { gap:25px; }
  .bext-page .bx-wrap,.bext-page .container,.bext-page .bx-wrap-sm { padding-left:30px; padding-right:30px; }
  .bext-page .bx-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page-features .bx-section:has([data-feature-card])>.bx-wrap { grid-template-columns:200px 1fr; gap:25px; }
  .page-benchmarks .bx-section:has(.bx-stat) .bx-wrap { display:block; }
  .page-benchmarks .bx-section:has(.bx-stat) .bx-grid { max-width:none!important; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .page-benchmarks .bx-section:has(.bx-stat) .bx-wrap>p { margin-top:22px!important; }
  .page-migration .bx-section>.bx-wrap-sm { grid-template-columns:220px minmax(0,1fr); gap:25px; }
  .page-pricing .pr-feats { grid-template-columns:1fr; }
  .bext-page .px-steps,.bext-page .wp-steps { grid-template-columns:1fr 1fr; }
  .bext-page .wp-feat-grid,.bext-page .wp-suite { grid-template-columns:1fr 1fr; }
}
@media(max-width:800px) {
  .sheet-intro-copy h1 { font-size:42px; letter-spacing:-2px; }
  .sheet-intro-grid { min-height:410px; gap:15px; }
  .sheet-facts span:first-child { display:none; }
  .sheet-facts>.sheet-wrap { justify-content:space-between; gap:14px; }
  .sheet-facts span { font-size:11px; }
  .bext-page .bx-section-head h2 { font-size:32px; }
  .page-features .bx-section:has([data-feature-card])>.bx-wrap { display:block; }
  .page-features .bx-section-head { max-width:620px; }
  .page-migration .bx-section>.bx-wrap-sm { display:block; }
  .page-migration .bx-section-head { max-width:620px; }
  .bext-page .bx-grid[style*="repeat(4"] { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .bext-page .px-code-grid,.bext-page .wp-up { grid-template-columns:1fr; }
  .page-privacy .sheet-intro-grid,.page-terms .sheet-intro-grid,.page-license .sheet-intro-grid { grid-template-columns:1.1fr .8fr; }
  .page-privacy .bx-card,.page-terms .bx-card { grid-template-columns:180px minmax(0,1fr); gap:25px; }
  .sheet-next>.sheet-wrap { display:block; }
  .sheet-next-grid { margin-top:32px; }
}
@media(max-width:600px) {
  .sheet-wrap { padding-left:22px; padding-right:22px; }
  .sheet-breadcrumb { padding-top:20px; font-size:9px; }
  .sheet-page-index { font-size:8px; }
  .sheet-intro-grid,.page-privacy .sheet-intro-grid,.page-terms .sheet-intro-grid,.page-license .sheet-intro-grid { grid-template-columns:1fr; padding-top:26px; padding-bottom:27px; gap:27px; }
  .sheet-intro-copy { padding:0; }
  .sheet-intro-copy h1 { font-size:clamp(36px,8.6vw,50px); line-height:1.12; letter-spacing:-1.9px; margin:19px 0 19px; }
  .sheet-intro-copy>p { font-size:13px; line-height:1.85; margin-bottom:23px; }
  .sheet-intro-copy .new-eyebrow { font-size:9px; }
  .sheet-intro-copy .new-button { font-size:11px; gap:15px; height:auto; min-height:44px; padding:12px 17px; white-space:normal; }
  .sheet-art { max-width:380px; width:100%; margin:0 auto; }
  .sheet-art-label { font-size:8px; }
  .sheet-art-caption { font-size:8px; }
  .sheet-art>svg { max-height:240px; }
  .page-privacy .sheet-art,.page-terms .sheet-art,.page-license .sheet-art { margin:0 auto; max-width:280px; }
  .page-privacy .sheet-art>svg,.page-terms .sheet-art>svg,.page-license .sheet-art>svg { max-height:185px; }
  .sheet-facts>.sheet-wrap { flex-wrap:wrap; justify-content:flex-start; gap:12px 18px; padding-top:18px; padding-bottom:18px; min-height:0; }
  .sheet-facts span { font-size:10px; gap:7px; }
  .sheet-facts b { font-size:8px; }
  .sheet-tools { padding-top:18px; }
  .sheet-toc { width:100%; }
  .bext-page .bx-wrap,.bext-page .container,.bext-page .bx-wrap-sm { padding-left:22px; padding-right:22px; }
  .bext-page .bx-section { padding:46px 0; }
  .bext-page .bx-section-head h2,.bext-page .px-h2,.bext-page .wp-h2 { font-size:30px; letter-spacing:-1.2px; line-height:1.2; }
  .bext-page .bx-section-head p,.bext-page .px-p,.bext-page .wp-p { font-size:13px; }
  .bext-page .bx-grid,.bext-page .bx-grid[style*="repeat(2"],.bext-page .bx-grid[style*="repeat(4"] { grid-template-columns:1fr!important; }
  .bext-page .bx-card { padding:25px; }
  .bext-page .bx-card h3 { font-size:18px; }
  .bext-page .bx-card p { font-size:13px; }
  .bext-page .bx-stat { padding:25px; }
  .bext-page .bx-stat .n { font-size:40px; }
  .bext-page .bx-band h2 { font-size:29px!important; letter-spacing:-1px!important; }
  .bext-page .bx-band p { font-size:13px!important; }
  .bext-page .bx-wrap>.bx-band { padding:35px 23px!important; }
  .bext-page .bx-band .bx-wrap-sm { max-width:none!important; }
  .bext-page .bx-btn,.bext-page .btn { font-size:11px; padding:11px 15px; max-width:100%; }
  .sheet-filter { grid-template-columns:1fr; gap:16px; padding:20px; }
  .sheet-filter-status { font-size:10px; }
  .page-features .bx-chip { font-size:10px; }
  .page-pricing .pr-plans,.page-pricing .pr-faq { grid-template-columns:1fr; }
  .page-pricing .pr-plan { padding:26px; }
  .page-pricing .pr-price { font-size:43px; }
  .page-pricing .pr-feats { gap:12px; }
  .page-pricing .pr-feat { font-size:12px; }
  .page-pricing .pr-faq-item { padding:22px 0; }
  .page-pricing .pr-faq-q { font-size:17px; }
  .page-pricing .pr-chip { font-size:10px; padding:9px 11px; }
  .page-benchmarks .bx-section:has(.bx-stat) .bx-grid { grid-template-columns:1fr; }
  .page-migration .bx-section .bx-card { padding:21px!important; }
  .bext-page .group:has(pre) pre { padding:20px 14px; font-size:11px; }
  .page-prism>section:not(.sheet-intro):not(.sheet-next),.page-wordpress>section:not(.sheet-intro):not(.sheet-next) { padding-top:45px!important; padding-bottom:45px!important; }
  .bext-page .px-steps,.bext-page .wp-steps,.bext-page .px-feat-grid,.bext-page .wp-feat-grid,.bext-page .wp-suite,.bext-page .px-stats,.bext-page .wp-stats,.bext-page .px-two,.bext-page .wp-two { grid-template-columns:1fr; }
  .bext-page .px-code pre { font-size:11px; padding:20px 15px; }
  .bext-page .px-demo { padding:27px; }
  .page-privacy .bx-card,.page-terms .bx-card { display:block; padding:25px 0!important; }
  .page-privacy .bx-card h2,.page-terms .bx-card h2 { margin-bottom:17px; font-size:20px!important; }
  .page-privacy .bx-card h2::before,.page-terms .bx-card h2::before { margin-bottom:12px; }
  .page-privacy .bx-card p,.page-terms .bx-card p { font-size:13px; }
  .page-security .bx-wrap-sm>div>h2 { font-size:27px!important; }
  .page-security .bx-wrap-sm code { font-size:10px!important; }
  .page-changelog .sheet-release { display:block!important; padding:25px 0; }
  .page-changelog .sheet-release-meta { flex-direction:row; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
  .page-changelog .sheet-release-meta h2 { font-size:26px; }
  .page-changelog .sheet-release-meta time { font-size:10px; }
  .page-changelog .sheet-release-body li { font-size:13px!important; }
  .sheet-next { padding:42px 0; }
  .sheet-next h2 { font-size:31px; }
  .sheet-next-grid { grid-template-columns:1fr; gap:28px; }
  .sheet-next-grid strong { font-size:20px; }
}
@media(prefers-reduced-motion:reduce) {
  .bext-page *,.bext-page *::before,.bext-page *::after { animation:none!important; transition:none!important; }
}
.sheet-filter label:last-of-type { grid-column:2; grid-row:1; }
.sheet-filter [data-feature-reset] { grid-column:2; justify-self:end; grid-row:2; font:10px ui-monospace,monospace; background:none; border:0; border-bottom:1px solid #9fb383; color:#526d36; padding:0 0 4px; cursor:pointer; }
.sheet-filter-status { padding-right:95px; }
.sheet-copy-code { background:#465a33; color:#e2eccf; border:1px solid #64784e; border-radius:3px; padding:5px 10px; font:10px ui-monospace,monospace; cursor:pointer; }
.bext-page [data-sheet-pause][hidden],.bext-page [data-sheet-toc][hidden] { display:none!important; }
@media(max-width:600px) { .sheet-filter label:last-of-type { grid-column:1; grid-row:auto; } .sheet-filter [data-feature-reset] { grid-column:1; grid-row:4; } .sheet-filter-status { padding-right:0; } }
.bext-page .px-lead,.bext-page .wp-lead { text-align:left; font-size:14px; line-height:1.85; color:#69755b; max-width:700px; margin:15px 0 0; }
.bext-page .px-flow-card.is-prism .tag { background:#d7e2bc; color:#637e43; }
.bext-page a[hidden] { display:none!important; }
@media(max-width:600px) { .bext-page .px-lead,.bext-page .wp-lead { font-size:13px; } }
/* PRISM: labelled refraction diagram, with a mobile-specific composition. */
.page-prism .sheet-intro-grid { grid-template-columns:.92fr 1.18fr; gap:28px; }
.page-prism .sheet-art { background-size:26px 26px; }
.prism-diagram svg { display:block; width:100%; height:auto; overflow:visible; font-family:Inter,system-ui,sans-serif; }
.prism-diagram .prism-portrait { display:none; }
.prism-diagram text { fill:#4f5f3e; stroke:none; }
.prism-diagram .prism-overline { font:10px ui-monospace,monospace; letter-spacing:1.4px; fill:#72835e; }
.prism-diagram .prism-source-name { font:600 18px ui-monospace,monospace; fill:#394c2b; }
.prism-diagram .prism-source-type { font:11px ui-monospace,monospace; fill:#65774f; }
.prism-diagram .prism-output-title { font-size:17px; font-weight:560; letter-spacing:-.35px; }
.prism-diagram .prism-output-detail { font-size:12px; fill:#6a7b55; }
.prism-diagram .prism-glass-word { font-size:24px; font-weight:640; letter-spacing:2px; fill:#735a24; }
.prism-diagram .prism-glass-sub { font:8px ui-monospace,monospace; letter-spacing:1px; fill:#876d34; }
.prism-diagram .prism-engine-label { font:10px ui-monospace,monospace; letter-spacing:1.7px; fill:#7c886a; }
.prism-input-track { stroke:#bac6a5; stroke-width:1.6; fill:none; }
.prism-ray-track { stroke:var(--prism-ray); stroke-opacity:.48; stroke-width:1.5; fill:none; }
.prism-diagram .prism-ray-pulse { stroke:var(--prism-ray); }
.prism-diagram .prism-input-pulse { stroke:#b18b38; }
.prism-diagram .sheet-signal { stroke-width:3; stroke-linecap:round; stroke-dasharray:9 91; fill:none; animation:prism-packet 4.6s linear infinite; }
@keyframes prism-packet { from { stroke-dashoffset:100; } to { stroke-dashoffset:0; } }
.prism-diagram-note { font:10px/1.7 ui-monospace,monospace; color:#718260; margin:0 0 15px; padding-top:10px; border-top:1px solid #dce3cf; }
.page-prism .sheet-art-caption { font-size:9px; }
@media(min-width:1001px) { .page-prism .sheet-intro-copy h1 { font-size:clamp(40px,4.2vw,59px); } }
@media(min-width:601px) and (max-width:1000px) {
  .page-prism .sheet-intro-grid { grid-template-columns:1fr; gap:35px; }
  .page-prism .sheet-intro-copy { max-width:730px; }
  .page-prism .sheet-art { width:100%; max-width:740px; margin:0 auto; }
}
@media(max-width:600px) {
  .page-prism .sheet-intro-grid { grid-template-columns:1fr; gap:36px; }
  .page-prism .sheet-art { max-width:400px; }
  .prism-diagram .prism-landscape { display:none; }
  .prism-diagram .prism-portrait { display:block; }
  .prism-diagram .prism-output-title { font-size:14px; letter-spacing:-.2px; }
  .prism-diagram .prism-output-detail { font-size:10px; }
  .prism-diagram .prism-glass-word { font-size:22px; }
  .prism-diagram .prism-overline { font-size:9px; }
  .prism-diagram-note { font-size:9px; margin-bottom:13px; padding-top:13px; }
}

.sheet-search-promo{display:flex;align-items:center;gap:23px;margin-top:22px;padding:23px 25px;border:1px solid #d0dabc;border-radius:5px;background:#eef2e1;color:#526c3d}.sheet-search-promo>span:first-child{font:10px ui-monospace,monospace;letter-spacing:1px;color:#869567}.sheet-search-promo strong{font-size:14px;font-weight:500}.sheet-search-promo>span:last-child{margin-left:auto}.sheet-search-promo:hover{background:#e5eccf}@media(max-width:560px){.sheet-search-promo{flex-wrap:wrap;gap:12px;padding:20px}.sheet-search-promo strong{font-size:13px;flex-basis:85%}.sheet-search-promo>span:first-child{flex-basis:100%}}
