/* compare-pages.css v13 (2026-10-11, vs template v4: sticky headers, row groups, icon strip, closed FAQ; v12 vs template Sellence tint switched to sage; v11 Sellence-first vs template .vx-*; v10 tool chips readable on .page-compare; v9 scannable alternatives blocks: quick answer, comparison table with chips, situation cards, tool notes; v8 article-mode blocks for /verse-ai-alternatives: intro, prose sections, grouped fits, criteria table, list, draft strip; v7 n1/n2 proof tiles; v6 unranked Who Each Tool Fits list; v5 2026-10-05, See also line; v4 ranked-list rules; v3 2026-10-04): the design-led "Sellence vs X" template for the GEO comparison series. Section order: centered hero, byline strip, short answer (sage box), 3-column matrix (Sellence column sage), 3 cards, dark proof band (#222b24, the home journey dark), concession paragraph, bake-off, open FAQ, sources, dark closing band, compare row. Gen-3 tokens: paper #fff, #fafbf7 panels, ink #202323, muted #747a79, hairlines #e3e7e5, sage #e8efdf, dark green pill CTAs, punch red only in the wordmark. Header from site-nav.css, footer from site-chrome.css. */
:root{--paper:#fff;--panel:#fafbf7;--ink:#202323;--muted:#747a79;--body:#3a413d;--strong:#424c47;--line:#e3e7e5;--sage:#e8efdf;--sage-deep:#dde7cf;--green:#242c28;--green-hi:#2f3a33;--grey-2:#7c8380;--eyebrow:#737c76;--dark:#222b24;--dark-ink:#dfe9d6;--dark-muted:#9aa896;--dark-line:#ffffff1f;--font:'DM Sans',Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body.page-compare{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:where(.page-compare h1,.page-compare h2,.page-compare h3,.page-compare p,.page-compare ul,.page-compare ol,.page-compare blockquote){margin:0}.page-compare a{color:inherit}.page-compare img{display:block;max-width:100%}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--ink);color:#fff;padding:8px 12px;border-radius:8px;z-index:200}.page-compare a:focus-visible,.page-compare button:focus-visible,.page-compare [tabindex]:focus-visible{outline:2px solid #c96146;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cp-wrap{width:100%;max-width:1400px;margin:0 auto;padding-left:5vw;padding-right:5vw}@media(min-width:1600px){.cp-wrap{padding-left:72px;padding-right:72px}}.page-compare .cp-button{display:inline-flex;align-items:center;justify-content:center;padding:17px 26px;border:1px solid var(--green);border-radius:50px;background:var(--green);color:#fff;font-size:14px;font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .2s}.page-compare .cp-button:hover{background:var(--green-hi)}.page-compare .cp-button.light{background:#f5f6f0;border-color:#f5f6f0;color:#1f2b24}.page-compare .cp-button.light:hover{background:#fff}.cp-actions{display:flex;flex-wrap:wrap;gap:12px}.cp-eyebrow{font-size:11px;font-weight:550;letter-spacing:.13em;text-transform:uppercase;color:var(--eyebrow);margin:0 0 22px;font-variant-numeric:tabular-nums}.page-compare h2{font-size:clamp(30px,3vw,42px);line-height:1.06;letter-spacing:-.05em;font-weight:450;text-wrap:balance}.page-compare h2 span{display:block;color:var(--grey-2)}.vs-head{margin-bottom:clamp(26px,3vw,38px)}.vs-hero{padding:clamp(64px,7.5vw,108px) 0 clamp(48px,5vw,72px);text-align:center}.vs-hero .cp-eyebrow{margin-bottom:26px}.vs-hero h1{font-size:clamp(36px,4.3vw,62px);line-height:1.06;letter-spacing:-.055em;font-weight:450;max-width:30ch;margin:0 auto}.vs-hero h1 span{display:block;color:var(--grey-2)}.vs-sub{margin:26px auto 0;max-width:640px;font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:var(--muted)}.vs-hero .cp-actions{justify-content:center;margin-top:32px}.vs-byline{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.vs-byline .cp-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 28px;padding-top:16px;padding-bottom:16px;font-size:14px;color:var(--muted)}.vs-byline b{font-weight:500;color:var(--ink)}.vs-jump{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}.vs-jump span{font-size:11px;font-weight:550;letter-spacing:.13em;text-transform:uppercase;color:var(--eyebrow)}.vs-jump a{color:var(--ink);text-decoration:none;font-weight:500;border-bottom:1px solid #c7cfca;padding-bottom:2px}.vs-jump a:hover{border-color:var(--ink)}.vs-section{padding:clamp(56px,6vw,84px) 0}.vs-section+.vs-section{border-top:1px solid var(--line)}.vs-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(28px,5vw,80px);align-items:start}.vs-grid .vs-head{margin-bottom:0}.vs-answer{background:var(--sage);border-radius:18px;padding:clamp(28px,3.5vw,52px) clamp(24px,3.5vw,56px)}.vs-answer .cp-eyebrow{color:#5a6c52}.vs-answer h2{margin-bottom:22px}.vs-answer blockquote p{font-size:clamp(22px,2.2vw,32px);line-height:1.3;letter-spacing:-.03em;font-weight:450;color:#1f2b22;text-wrap:balance;max-width:34ch}.vs-picks{list-style:none;padding:0;margin:clamp(26px,3vw,40px) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px;border-top:1px solid #cfdcc2;padding-top:clamp(22px,2.5vw,30px)}.vs-picks li{font-size:15.5px;line-height:1.55;color:#33412f}.vs-picks b{font-weight:550;color:#1f2b22}.vs-table-shell{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:auto}.vs-table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.5;table-layout:fixed;min-width:640px}.c-dim{width:22%}.vs-table th,.vs-table td{text-align:left;vertical-align:top;padding:17px 20px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.vs-table thead th{background:var(--panel);font-weight:500;font-size:14px;letter-spacing:.01em;color:var(--ink);padding-top:15px;padding-bottom:15px}.vs-table thead th.is-sellence{background:var(--sage-deep);color:#263e25}.vs-table tbody th{font-weight:500;font-size:14px;color:#485742;background:var(--panel)}.vs-table td{color:var(--body)}.vs-table td.is-sellence{background:var(--sage);color:#2b3a2e}.vs-table td.na{color:var(--muted)}.vs-table tr>:last-child{border-right:0}.vs-table tbody tr:last-child>*{border-bottom:0}.vs-table-note{margin-top:16px;font-size:14.5px;line-height:1.55;color:var(--muted);max-width:720px}.vs-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.vs-card{padding:28px 28px 30px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.vs-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--sage);margin-bottom:22px}.vs-icon svg{width:26px;height:26px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.vs-card h3{font-size:20px;font-weight:500;letter-spacing:-.025em;line-height:1.25;margin:0 0 10px;text-wrap:balance}.vs-card p{font-size:15.5px;line-height:1.55;color:var(--body)}.vs-band{background:var(--dark);color:var(--dark-ink);padding:clamp(60px,6.5vw,92px) 0}.vs-band .cp-eyebrow{color:var(--dark-muted)}.vs-band h2{color:#fff}.vs-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.vs-tile{display:flex;flex-direction:column;min-height:236px;padding:22px 24px 24px;border:1px solid var(--dark-line);border-radius:16px;background:#ffffff08;text-decoration:none;color:var(--dark-ink);transition:background .2s,border-color .2s}.vs-tile:hover{background:#ffffff10;border-color:#ffffff38}.vs-tile .tag{font-size:11px;font-weight:550;letter-spacing:.13em;text-transform:uppercase;color:var(--dark-muted)}.vs-tile .who{margin-top:6px;font-size:15px;font-weight:500;color:#fff}.vs-tile .num{padding-top:28px;font-size:clamp(44px,4vw,60px);line-height:1;letter-spacing:-.055em;font-weight:450;color:#fff;font-variant-numeric:tabular-nums}.vs-tile .lbl{margin-top:auto;padding-top:10px;font-size:14.5px;line-height:1.45;color:#c3cfba}.vs-tile .lbl small{display:block;font-size:12.5px;color:var(--dark-muted);margin-top:3px}.vs-names{margin-top:30px;font-size:17px;line-height:1.5;color:var(--dark-ink);max-width:720px}.vs-para{font-size:clamp(17px,1.35vw,19px);line-height:1.6;color:var(--body);max-width:68ch;padding-top:6px}.vs-bake{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.vs-bake li{display:grid;grid-template-columns:48px minmax(0,1fr);padding:16px 0 17px;border-bottom:1px solid var(--line)}.vs-bake .n{font-size:13px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:3px}.vs-bake p{font-size:16.5px;line-height:1.55;color:var(--ink)}.vs-faq{border-top:1px solid var(--line)}.vs-qa{padding:22px 0 24px;border-bottom:1px solid var(--line)}.vs-qa h3{font-size:18px;font-weight:500;letter-spacing:-.02em;line-height:1.35;margin:0 0 8px}.vs-qa p{font-size:15.5px;line-height:1.6;color:var(--body);max-width:70ch}.vs-sources{border-top:1px solid var(--line);padding:26px 0}.vs-sources p{font-size:14px;line-height:1.65;color:var(--muted);max-width:980px;overflow-wrap:anywhere}.vs-sources a{text-decoration:underline;text-decoration-color:#b9c2bd;text-underline-offset:3px;color:var(--strong)}.vs-sources a:hover{text-decoration-color:var(--ink)}.vs-close{text-align:center;padding:clamp(64px,7vw,100px) 0}.vs-close-line{font-size:clamp(30px,3.4vw,50px);line-height:1.08;letter-spacing:-.05em;font-weight:450;color:#fff;text-wrap:balance;max-width:22ch;margin:0 auto}.vs-close-line span{display:block;color:#aebaa6}.vs-close .cp-actions{justify-content:center;margin-top:32px}.vs-compare .cp-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;padding-top:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}.vs-compare .cp-eyebrow{margin:0}.vs-compare a{font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1px solid #c7cfca;padding-bottom:2px}.vs-compare a:hover{border-color:var(--ink)}@media(max-width:1100px){.vs-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:36px}.vs-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-tile{min-height:200px}.vs-cards{gap:14px}.vs-card{padding:24px 22px 26px}}@media(max-width:860px){.vs-grid{grid-template-columns:1fr;gap:26px}.vs-picks{grid-template-columns:1fr;gap:16px}.vs-cards{grid-template-columns:1fr}}@media(max-width:760px){.cp-wrap{padding-left:20px;padding-right:20px}.vs-hero{padding:48px 0 40px}.vs-hero h1{font-size:clamp(31px,8.6vw,38px);max-width:none;text-wrap:balance}.vs-sub{font-size:16.5px;margin-top:20px}.vs-byline .cp-wrap{padding-top:14px;padding-bottom:14px;font-size:13px}.vs-section{padding:46px 0}.page-compare h2{font-size:clamp(27px,7.4vw,32px)}.cp-eyebrow{margin-bottom:16px}.vs-answer{padding:26px 20px 28px;border-radius:14px}.vs-answer blockquote p{font-size:21px}.vs-table{min-width:620px;font-size:14px}.c-dim{width:132px}.vs-table th,.vs-table td{padding:13px 14px 14px}.vs-table tbody th{position:sticky;left:0;z-index:1;box-shadow:1px 0 0 var(--line)}.vs-band{padding:52px 0}.vs-tiles{grid-template-columns:1fr 1fr;gap:10px}.vs-tile{min-height:0;padding:16px 16px 18px}.vs-tile .num{font-size:38px;padding-top:18px}.vs-tile .lbl{font-size:13.5px}.vs-names{font-size:16px;margin-top:24px}.vs-bake li{grid-template-columns:36px minmax(0,1fr)}.vs-bake p{font-size:15.5px}.vs-qa h3{font-size:17px}.vs-close{padding:56px 0 60px}.vs-close-line{font-size:clamp(26px,7.2vw,32px)}.vs-compare .cp-wrap{gap:10px 18px}.cp-actions .cp-button{flex:1 1 auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cp-button,.vs-tile{transition:none}}.vs-ranked{list-style:none;padding:0;margin:0 0 28px;border-top:1px solid var(--line)}.vs-ranked li{display:grid;grid-template-columns:56px minmax(0,1fr);padding:22px 0;border-bottom:1px solid var(--line)}.vs-ranked .n{font-size:13px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:5px}.vs-ranked b{display:block;font-size:21px;font-weight:500;letter-spacing:-.025em;line-height:1.25}.vs-ranked p{margin-top:8px;font-size:16px;line-height:1.55;color:var(--body);max-width:70ch}.vs-ranked p.verdict{color:var(--ink)}.vs-ranked .lbl{display:inline-block;margin-right:10px;font-size:11px;font-weight:550;letter-spacing:.1em;text-transform:uppercase;color:var(--eyebrow);vertical-align:1px}.vs-ranked small{display:block;margin-top:8px;font-size:13.5px;line-height:1.5;color:var(--muted);max-width:70ch}.vs-ranked li.is-sellence{background:var(--sage);margin:0 -24px;padding:22px 24px;border-radius:14px;border-bottom:0}.vs-ranked li.is-sellence+li{border-top:1px solid var(--line)}.vs-ranked li.is-sellence .n,.vs-ranked li.is-sellence .lbl{color:#5a6c52}.vs-ranked li.is-sellence p{color:#33412f}.vs-ranked li.is-sellence p.verdict{color:#1f2b22}.vs-ranked li.is-sellence small{color:#5a6c52}.vs-table.cols-4 .c-dim{width:19%}.vs-table.cols-4 th,.vs-table.cols-4 td{padding:15px 16px 16px;font-size:14.5px}@media(max-width:860px){.vs-ranked li.is-sellence{margin:0 -14px;padding:20px 14px}}@media(max-width:760px){.vs-ranked li{grid-template-columns:40px minmax(0,1fr);padding:18px 0}.vs-ranked b{font-size:19px}.vs-ranked p{font-size:15px}.vs-table.cols-4{min-width:760px}.vs-table.cols-4 .c-dim{width:128px}}.vs-sources p+p{margin-top:8px}
/* v6 (2026-10-11, task 271): best-ai-* pages list options unranked ("Who Each Tool Fits"): no number column */
.vs-fits li{grid-template-columns:minmax(0,1fr)}
.vs-fits-note{margin-top:12px;font-size:15px;line-height:1.5;color:var(--muted)}
@media(max-width:760px){.vs-fits li{grid-template-columns:minmax(0,1fr)}}
/* v7 (2026-10-11, task 271 validator): proof bands with fewer tiles (vertical proof only) */
.vs-tiles.n2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
.vs-tiles.n1{grid-template-columns:minmax(0,1fr);max-width:380px}
@media(max-width:760px){.vs-tiles.n2{grid-template-columns:1fr 1fr}.vs-tiles.n1{max-width:none;grid-template-columns:1fr}}
/* v8 (2026-10-11, hub task 283): article-mode comparison pages (build_vs_pages.py build_article) */
.vs-draft{background:#131c17;color:#dfe9d6;font-size:13px;line-height:1.45;padding:10px 5vw}
.vs-draft b{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-weight:500;letter-spacing:.14em;color:#ffbd9d;margin-right:12px}
.vs-intro{padding-top:clamp(40px,4.5vw,64px)!important;padding-bottom:0!important}
.vs-intro .vs-para{max-width:72ch}
.vs-intro .vs-para+.vs-para{margin-top:14px}
.vs-para.vs-aside{font-size:15px;color:var(--muted)}
.vs-intro+.vs-section{border-top:0}
.vs-picks.vs-picks-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.vs-picks b{display:block;margin-bottom:4px}
.vs-prose .vs-para+.vs-para,.vs-prose .vs-list+.vs-para,.vs-prose .vs-para+.vs-list{margin-top:16px}
.vs-para a,.vs-ranked p a,.vs-group-note a,.vs-picks a,.vs-table-note a{color:var(--strong);text-decoration:underline;text-decoration-color:#b9c2bd;text-underline-offset:3px}
.vs-list{margin:0;padding-left:1.2em;max-width:68ch}
.vs-list li{font-size:clamp(16px,1.25vw,18px);line-height:1.6;color:var(--body)}
.vs-list li+li{margin-top:6px}
.vs-group{margin-top:clamp(30px,3.5vw,44px)}
.vs-group:first-of-type{margin-top:8px}
.vs-group-h{margin:0 0 4px;font-size:13px;font-weight:550;letter-spacing:.12em;text-transform:uppercase;color:var(--eyebrow)}
.vs-group .vs-ranked{margin-bottom:0}
.vs-ranked li p+p{margin-top:8px}
.vs-group-note{margin-top:14px;font-size:15px;line-height:1.55;color:var(--muted);max-width:72ch}
.vs-criteria{min-width:1180px;table-layout:auto}
.vs-criteria thead th:first-child,.vs-criteria tbody th{position:sticky;left:0;z-index:1;box-shadow:1px 0 0 var(--line)}
.vs-criteria tbody th{min-width:150px;font-weight:550;color:var(--ink)}
.vs-criteria td{min-width:130px}
.vs-criteria tr.is-sellence-row>*{background:var(--sage)}
.vs-criteria tbody th.is-sellence{background:var(--sage-deep);color:#263e25}
.vs-scroll-hint{display:none;margin-top:8px;font-size:13px;color:var(--muted)}
@media(max-width:1300px){.vs-scroll-hint{display:block}}
@media(max-width:860px){.vs-picks.vs-picks-4{grid-template-columns:1fr}}
@media(max-width:760px){.vs-criteria{min-width:1080px;font-size:13.5px}.vs-criteria tbody th{min-width:118px}.vs-intro .vs-para{font-size:16.5px}}
/* v9 (2026-10-11, hub task 283 v2): scannable alternatives pages (build_vs_pages.py build_article2). Lots of air, short lines. */
.page-alt .vs-section{padding:clamp(44px,5vw,72px) 0}
.vs-hero-alt{padding-bottom:clamp(36px,4vw,56px)}
.vs-hero-alt .vs-sub{max-width:600px}
.vs-disamb{margin:16px auto 0;max-width:560px;font-size:14px;line-height:1.5;color:var(--muted)}
.vs-head-tight{margin-bottom:clamp(18px,2.2vw,28px)}
.vs-quick-sec{padding-top:clamp(36px,4vw,56px)!important}
.vs-quick{max-width:920px;margin:0 auto;background:var(--sage);border-radius:20px;padding:clamp(26px,3.4vw,44px) clamp(24px,3.6vw,52px)}
.vs-quick h2{font-size:13px!important;font-weight:550!important;letter-spacing:.13em!important;text-transform:uppercase;color:#4f6047;margin-bottom:18px}
.vs-quick-list{list-style:none;margin:0;padding:0;counter-reset:q;display:grid;gap:14px}
.vs-quick-list li{counter-increment:q;display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;font-size:clamp(18px,1.6vw,22px);line-height:1.4;letter-spacing:-.02em;color:#1f2b22;max-width:58ch}
.vs-quick-list li:before{content:counter(q);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:13px;color:#4f6047;margin-top:1px}
.vs-ctable-shell{border-radius:16px}
.vs-ctable{width:100%;min-width:1000px;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.45}
.vs-ctable th,.vs-ctable td{text-align:left;vertical-align:middle;padding:14px 16px;border-bottom:1px solid var(--line)}
.vs-ctable thead th{background:var(--panel);font-size:12px;font-weight:550;letter-spacing:.08em;text-transform:uppercase;color:var(--eyebrow);padding-top:13px;padding-bottom:13px}
.vs-ctable tbody tr:last-child>*{border-bottom:0}
.vs-ctable tbody th{position:sticky;left:0;z-index:1;background:#fff;min-width:200px;box-shadow:1px 0 0 var(--line)}
.vs-ctable thead th:first-child{position:sticky;left:0;z-index:2;box-shadow:1px 0 0 var(--line)}
.vs-ctable td{color:var(--body)}
.vs-ctable .vs-ch{font-size:14px;color:var(--muted);max-width:220px}
.vs-ctable tr.is-sellence-row>*{background:#f1f6ea}
.vs-tool{display:inline-flex;align-items:center;gap:10px;font-weight:550;color:var(--ink);text-decoration:none}
.vs-tool:hover{text-decoration:underline;text-underline-offset:3px}
.vs-init{display:inline-grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:8px;background:#eef1ed;font-size:12px;font-weight:600;letter-spacing:.02em;color:#3d4842}
.is-sellence-row .vs-init,.vs-note.is-sellence .vs-init{background:var(--green);color:#fff}
.vs-chip{display:inline-block;padding:4px 10px;border-radius:50px;background:#f0f2ef;font-size:12.5px;font-weight:500;line-height:1.35;color:#3d4842;white-space:nowrap;text-decoration:none}
.vs-chips{display:flex;flex-wrap:wrap;gap:6px}
.vs-how-managed{background:#e8efdf;color:#2f4426}
.vs-how-software{background:#e6eef0;color:#24424b}
.vs-how-crm{background:#f3ebe1;color:#5a3d22}
.vs-how-na{background:#f0f2ef;color:var(--muted)}
.vs-yn{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500}
.vs-yn svg{width:18px;height:18px;padding:3px;border-radius:50%;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vs-yn.yes{color:#2f5a27}.vs-yn.yes svg{background:#dcebd3;stroke:#2f5a27}
.vs-yn.no{color:var(--muted)}.vs-yn.no svg{background:#f0f2ef;stroke:#8a938e}
.vs-sit{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vs-sit li{display:flex;flex-direction:column;gap:12px;padding:22px 22px 24px;border:1px solid var(--line);border-radius:16px;background:#fff}
.vs-sit-if{font-size:17px;font-weight:500;letter-spacing:-.015em;line-height:1.35;color:var(--ink)}
.vs-sit-pick{display:flex;flex-wrap:wrap;gap:6px}
.page-compare .vs-chip-tool{background:var(--green);color:#fff}
.page-compare .vs-chip-tool:hover{background:var(--green-hi);color:#fff}
.vs-sit-why{margin-top:auto;font-size:14.5px;line-height:1.5;color:var(--muted)}
.vs-sit-why a{color:var(--strong);text-decoration:underline;text-decoration-color:#b9c2bd;text-underline-offset:3px}
.vs-fitlist{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.vs-fitlist li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;font-size:clamp(16.5px,1.3vw,18px);line-height:1.5;color:var(--body);max-width:60ch}
.vs-fitlist svg{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--sage);fill:none;stroke:#2f5a27;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.vs-notes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.vs-note{padding:22px 24px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;scroll-margin-top:110px}
.vs-note.is-sellence{background:var(--sage);border-color:#cfdcc2}
.vs-note-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.vs-note-head h3{font-size:19px;font-weight:550;letter-spacing:-.02em;margin:0}
.vs-note-short{font-size:15.5px;line-height:1.55;color:var(--body);max-width:58ch}
.vs-note-src{margin-top:8px;font-size:13px;color:var(--muted)}
.vs-note-src a,.vs-more a{color:var(--strong);text-decoration:underline;text-decoration-color:#b9c2bd;text-underline-offset:3px}
.vs-more{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.vs-note.is-sellence .vs-more{border-color:#cfdcc2}
.vs-more summary{display:flex;align-items:center;justify-content:space-between;min-height:36px;cursor:pointer;list-style:none;font-size:14px;font-weight:500;color:var(--ink)}
.vs-more summary::-webkit-details-marker{display:none}
.vs-more summary:after{content:'+';font-size:18px;color:var(--muted)}
.vs-more[open] summary:after{content:'\2212'}
.vs-more p{margin-top:6px;font-size:14.5px;line-height:1.6;color:var(--body)}
.vs-mini-tiles{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.vs-mini{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:baseline;padding:10px 14px;border-radius:12px;background:#fff;text-decoration:none;color:var(--ink);min-width:200px}
.vs-mini b{grid-row:1/span 2;font-size:28px;font-weight:450;letter-spacing:-.05em;line-height:1}
.vs-mini span{font-size:13px;font-weight:550}
.vs-mini small{font-size:12.5px;color:var(--muted);line-height:1.35}
@media(max-width:1100px){.vs-sit{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.vs-sit,.vs-notes{grid-template-columns:1fr}.vs-ctable{min-width:860px;font-size:14px}.vs-ctable tbody th{min-width:150px}.vs-ctable th,.vs-ctable td{padding:12px 12px}.vs-quick{border-radius:16px}.vs-quick-list li{font-size:17px}}
/* v11 (2026-10-11, task 283 v3): the Sellence-first "vs" template (.vx-*, build_vs_pages.py build_vs). Sellence column and row
   tinted with the site sage (var(--sage-deep) head, var(--sage) cells; punch red stays in the wordmark only), competitor neutral, text cells only. Tables scroll sideways
   on phones with a sticky first column. Proof tiles reuse the dark band. Only pages on ?v=11 with body.page-vx use these. */
.page-vx{--pt:var(--sage-deep);--pt2:var(--sage);--pt-line:#cfdcbf;--pt-ink:#4f6047}
.vx-hero .cp-actions{margin-top:30px}
.cp-button.ghost{background:transparent;color:var(--ink);border-color:#c9d0cc}
.cp-button.ghost:hover{background:var(--panel);border-color:var(--ink)}
.vx-disamb{margin:22px auto 0;max-width:560px;font-size:13.5px;line-height:1.5;color:var(--muted)}
.vx-head{max-width:820px;margin-bottom:clamp(24px,3vw,36px)!important}
.vx-intro{margin-top:16px!important;font-size:clamp(16.5px,1.3vw,18px);line-height:1.55;color:var(--body);max-width:62ch}
.vx-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.vx-cards li{border:1px solid var(--line);border-radius:16px;padding:22px 20px 24px;background:var(--panel)}
.vx-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--pt);margin-bottom:16px}
.vx-ic svg{width:24px;height:24px;fill:none;stroke:var(--pt-ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.vx-cards h3{font-size:17px;font-weight:550;letter-spacing:-.02em;line-height:1.3;margin:0 0 8px}
.vx-cards p{font-size:14.5px;line-height:1.5;color:var(--body)}
.vx-built{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px!important}
.vx-built>span:first-child{font-size:11px;font-weight:550;letter-spacing:.13em;text-transform:uppercase;color:var(--eyebrow);margin-right:6px}
.vx-chip{display:inline-block;padding:6px 12px;border-radius:50px;border:1px solid var(--line);background:#fff;font-size:13px;line-height:1.3;color:var(--strong)}
.vx-shell{border:1px solid var(--line);border-radius:18px;overflow-x:auto;background:#fff;-webkit-overflow-scrolling:touch}
.vx-shell:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.vx-table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.5}
.vx-table th,.vx-table td{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.vx-table tbody tr:last-child>*{border-bottom:0}
.vx-table thead th{font-size:14px;font-weight:550;background:var(--panel);color:var(--ink);padding-top:17px;padding-bottom:17px}
.vx-table tbody th{font-weight:550;font-size:14.5px;color:var(--ink);background:#fff}
.vx-table thead th:first-child,.vx-table tbody th{position:sticky;left:0;z-index:1;box-shadow:inset -1px 0 0 var(--line)}
.vx-table td{color:var(--body)}
.vx-table-vs thead th:first-child{width:22%}
.vx-table-vs td{width:39%}
.vx-table .is-sellence{background:var(--pt2);color:#2b3a2e}
.vx-table thead th.is-sellence{background:var(--pt);color:#263e25}
.vx-table-vs .is-sellence{box-shadow:inset 1px 0 0 var(--pt-line),inset -1px 0 0 var(--pt-line)}
.vx-table tr.is-sellence>*{background:var(--pt2);color:#2b3a2e}
.vx-table tr.is-sellence>th{background:var(--pt2)}
.vx-table-others th:first-child{width:16%}
.vx-table-others th a{color:var(--ink);text-decoration:underline;text-decoration-color:#c7cfca;text-underline-offset:3px}
.vx-src{display:block;overflow-wrap:anywhere;margin-top:6px;font-size:12px;line-height:1.45;font-weight:400;color:var(--muted)}
.vx-src a{color:var(--muted);text-decoration:underline;text-decoration-color:#cfd5d2;text-underline-offset:2px}
.vx-fn{font-size:11px;line-height:0;margin-left:2px}
.vx-fn a{color:var(--pt-ink);text-decoration:none;font-weight:650}
.vx-note{margin-top:16px!important;font-size:13.5px;line-height:1.55;color:var(--muted);max-width:92ch}
.vx-note sup{font-weight:650;color:var(--pt-ink);margin-right:2px}
.vx-note a,.vx-read a{color:var(--strong);text-decoration:underline;text-decoration-color:#b9c2bd;text-underline-offset:3px}
.vx-read{margin-top:6px!important;font-size:13.5px;line-height:1.55;color:var(--muted)}
.vx-swipe{display:none}
.vx-proof h2{margin-bottom:clamp(26px,3vw,40px)!important}
.vx-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vx-tile{display:flex;flex-direction:column;height:100%;min-height:240px;padding:24px 26px 24px;border:1px solid var(--dark-line);border-radius:16px;background:#ffffff08;color:var(--dark-ink);text-decoration:none;transition:background .2s,border-color .2s}
.vx-tile:hover{background:#ffffff10;border-color:#ffffff38}
.vx-tile:focus-visible{outline:2px solid #fff;outline-offset:3px}
.vx-tile b{font-size:clamp(46px,4.2vw,64px);line-height:1;letter-spacing:-.055em;font-weight:450;color:#fff;font-variant-numeric:tabular-nums}
.vx-tile-l{margin-top:12px;font-size:16.5px;line-height:1.4;color:#fff}
.vx-tile-c{margin-top:auto;padding-top:24px;font-size:14px;font-weight:550;color:var(--dark-ink)}
.vx-tile small{margin-top:4px;font-size:13px;line-height:1.45;color:var(--dark-muted)}
.vx-tile-go{margin-top:16px;align-self:flex-start;font-size:13px;color:#fff;border-bottom:1px solid #ffffff4d;padding-bottom:2px}
.vx-proof-note{margin-top:20px!important;font-size:13.5px;line-height:1.5;color:var(--dark-muted)}
.vx-left{justify-content:flex-start!important;margin-top:26px!important}
.vx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;border-top:1px solid var(--line)}
.vx-steps li{padding:22px 0 6px}
.vx-steps .n{display:block;font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:13px;color:var(--pt-ink);margin-bottom:12px}
.vx-steps p{font-size:16px;line-height:1.5;color:var(--ink)}
.vx-needs{margin-top:28px!important;padding:18px 22px;border-radius:14px;background:var(--panel);border:1px solid var(--line);font-size:15px;line-height:1.55;color:var(--body);max-width:900px}
.vx-mini-h{font-size:11px!important;font-weight:550!important;letter-spacing:.13em!important;line-height:1.4!important;text-transform:uppercase;color:var(--eyebrow);margin-bottom:14px!important}
.vx-srclist{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 40px;max-width:1100px}
.vx-srclist li{font-size:13.5px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.vx-srclist span{margin-left:6px}
.page-vx .vs-close-line{font-size:clamp(30px,3.4vw,50px)}
.vx-close-sub{margin:18px auto 0!important;max-width:52ch;font-size:17px;line-height:1.5;color:#c3cfba}
@media(max-width:1100px){.vx-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.vx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.vx-table-others{min-width:860px}}
@media(max-width:860px){.vx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.vx-tiles{grid-template-columns:1fr}.vx-tile{min-height:0}.vx-srclist{grid-template-columns:1fr}}
@media(max-width:760px){
.vx-cards{grid-template-columns:1fr;gap:10px}
.vx-cards li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:2px 14px;padding:16px 16px 17px}
.vx-ic{width:36px;height:36px;margin:0;grid-row:span 2}
.vx-ic svg{width:21px;height:21px}
.vx-cards h3{font-size:16px;margin:0 0 2px}
.vx-cards p{font-size:14px}
.vx-shell{border-radius:14px}
.vx-table{font-size:14px}
.vx-table-vs{min-width:620px}
.vx-table th,.vx-table td{padding:13px 14px}
.vx-table thead th:first-child,.vx-table tbody th{width:118px;min-width:118px;max-width:118px}
.vx-table tbody th{font-size:13.5px}
.vx-swipe{display:block;margin-top:8px!important;font-size:12.5px;color:var(--muted)}
.vx-tile{padding:20px 20px 20px}
.vx-tile-c{padding-top:18px}
.vx-steps{grid-template-columns:1fr;gap:0}
.vx-steps li{border-bottom:1px solid var(--line);padding:16px 0}
.vx-steps li:last-child{border-bottom:0}
.vx-steps .n{display:inline-block;margin:0 10px 0 0}
.vx-steps p{display:inline}
.page-vx .vs-close-line{font-size:clamp(26px,7.2vw,32px)}
.vx-close-sub{font-size:15.5px}
}
@media(prefers-reduced-motion:reduce){.vx-tile{transition:none}}
/* v13 (2026-10-11, task 283 v4 design pass, the vs template defaults): less text, clear hierarchy, sticky headers.
   Sticky: the shells stop scrolling sideways (overflow visible) so thead cells stick to the viewport under the site header
   (+ the jump nav on desktop); compare-vx.js keeps --vx-hdr / --vx-top equal to their live heights. Phones: the vs table turns
   into 2-up rows (Sellence | them) under a sticky 2-cell header, the others table into labelled rows, so nothing scrolls sideways.
   Sellence = site sage card column with the wordmark in its header; punch red only in that wordmark. */
.page-vx{--vx-hdr:78px;--vx-top:126px;--vx-sage-line:#d3dfc4;--vx-ease:cubic-bezier(.22,1,.36,1)}
.page-vx .vx-hero{padding-bottom:clamp(40px,4.5vw,60px)}
.page-vx .vx-hero .vs-sub{max-width:560px;font-size:clamp(16.5px,1.25vw,18.5px)}
.page-vx .vx-by{margin:16px auto 0;font-size:13.5px;line-height:1.5;color:var(--muted)}
.page-vx .vx-by b{font-weight:500;color:var(--ink)}
.page-vx .vx-hero .cp-actions{margin-top:28px}
.vx-jump{position:sticky;top:var(--vx-hdr);z-index:40;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vx-jump .cp-wrap{display:flex;align-items:center;height:48px;overflow-x:auto;scrollbar-width:none}
.vx-jump .cp-wrap::-webkit-scrollbar{display:none}
.vx-jump-l{flex:0 0 auto;font-size:11px;font-weight:550;letter-spacing:.13em;text-transform:uppercase;color:var(--eyebrow);margin-right:18px}
.vx-jump a{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;height:48px;padding:0 13px;font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;transition:color .2s}
.vx-jump a:hover,.vx-jump a[aria-current=true]{color:var(--ink)}
.vx-jump a::after{content:"";position:absolute;left:13px;right:13px;bottom:-1px;height:2px;border-radius:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--vx-ease)}
.vx-jump a[aria-current=true]::after{transform:scaleX(1)}
.vx-jump a:focus-visible{outline-offset:-4px!important}
.page-vx .vx-quick-sec{padding:clamp(40px,4.5vw,64px) 0!important;border-top:0!important}
.vx-quick{max-width:1000px;margin:0 auto;background:var(--sage);border-radius:20px;padding:clamp(24px,3vw,38px) clamp(22px,3.4vw,48px)}
.page-vx .vx-quick h2{font-size:13px;font-weight:550;letter-spacing:.13em;line-height:1.4;text-transform:uppercase;color:var(--pt-ink);margin-bottom:10px}
.vx-qa{margin:0}
.vx-qa>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:baseline;padding:14px 0;border-bottom:1px solid #cfdcbf}
.vx-qa>div:last-child{border-bottom:0;padding-bottom:2px}
.vx-qa dt{justify-self:start;padding:5px 12px;border-radius:50px;background:#fff;font-size:13px;font-weight:550;line-height:1.2;color:var(--ink);white-space:nowrap}
.vx-qa .is-sellence dt{background:var(--green);color:#fff}
.vx-qa dd{margin:0;font-size:clamp(17px,1.45vw,20px);line-height:1.4;letter-spacing:-.015em;color:#1f2b22;text-wrap:pretty}
.vx-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vx-strip li{padding:26px 22px 28px 0}
.vx-strip li+li{padding-left:22px;border-left:1px solid var(--line)}
.vx-strip .vx-ic{margin-bottom:18px}
.vx-strip h3{font-size:17px;font-weight:550;letter-spacing:-.02em;line-height:1.25;margin:0 0 6px;text-wrap:balance}
.vx-strip p{font-size:14.5px;line-height:1.5;color:var(--body);text-wrap:pretty}
.page-vx .vx-shell{overflow:visible;border:0;border-radius:0;background:transparent}
.page-vx .vx-table thead th,.page-vx .vx-table tbody th{box-shadow:none}
.vx-table-vs{table-layout:fixed;font-size:15.5px;line-height:1.45}
.vx-table-vs .c-crit{width:24%}.vx-table-vs .c-us,.vx-table-vs .c-them{width:38%}
.page-vx .vx-table-vs th,.page-vx .vx-table-vs td{width:auto;padding:15px 22px;vertical-align:top}
.page-vx .vx-table-vs thead th{position:sticky;top:var(--vx-top);z-index:3;height:62px;padding:12px 22px;vertical-align:middle;background:#fff;font-size:16px;font-weight:550;letter-spacing:-.01em;border-bottom:1px solid var(--line);transition:box-shadow .2s}
.page-vx .vx-table-vs thead th.is-sellence{background:var(--sage-deep);border-radius:16px 16px 0 0;box-shadow:inset 1px 0 0 var(--vx-sage-line),inset -1px 0 0 var(--vx-sage-line),inset 0 1px 0 var(--vx-sage-line)}
.vx-wm{display:block;width:104px;height:auto}
.page-vx .vx-table-vs tbody th{font-size:15px;font-weight:500;color:var(--ink);background:transparent}
.page-vx .vx-table-vs td{color:var(--body)}
.page-vx .vx-table-vs td.is-sellence{background:var(--sage);color:#25342a;border-bottom-color:var(--vx-sage-line);box-shadow:inset 1px 0 0 var(--vx-sage-line),inset -1px 0 0 var(--vx-sage-line)}
.vx-table-vs .vx-tb:last-child tr:last-child td.is-sellence{border-radius:0 0 16px 16px;box-shadow:inset 1px 0 0 var(--vx-sage-line),inset -1px 0 0 var(--vx-sage-line),inset 0 -1px 0 var(--vx-sage-line)}
.page-vx .vx-table-vs .vx-tb tr:last-child>*{border-bottom:1px solid var(--line)}
.page-vx .vx-table-vs .vx-tb tr:last-child>td.is-sellence{border-bottom-color:var(--vx-sage-line)}
.page-vx .vx-table-vs .vx-tb:last-child tr:last-child>*{border-bottom:0}
.page-vx .vx-table-vs .vx-grp>*{padding-top:34px;padding-bottom:10px;border-bottom:1px solid #cdd4d0}
.page-vx .vx-table-vs .vx-tb:first-of-type .vx-grp>*{padding-top:20px}
.page-vx .vx-table-vs .vx-grp th{font-size:14px;font-weight:600;letter-spacing:-.005em;color:var(--ink)}
.vx-gi{display:inline-grid;place-items:center;width:26px;height:26px;margin:-4px 10px -4px 0;border-radius:8px;background:var(--sage);vertical-align:middle}
.vx-gi svg{width:17px;height:17px;fill:none;stroke:var(--pt-ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vx-table.is-stuck thead th{box-shadow:0 10px 18px -14px #1b2a2066}
.page-vx .vx-table-vs.is-stuck thead th.is-sellence{box-shadow:0 10px 18px -14px #1b2a2066,inset 1px 0 0 var(--vx-sage-line),inset -1px 0 0 var(--vx-sage-line)}
.vx-v{display:flex;align-items:flex-start;gap:10px}
.vx-mk{flex:0 0 20px;display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border-radius:50%;background:#4f6047}
.vx-mk svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
td:not(.is-sellence)>.vx-v .vx-mk-yes{background:#e6eae8}
td:not(.is-sellence)>.vx-v .vx-mk-yes svg{stroke:#2f3a33}
.vx-mk-part{background:#e6eae8}.vx-mk-part svg{stroke:#2f3a33}
.vx-ns{display:inline-block;padding:2px 10px;border-radius:50px;background:#f1f3f2;color:var(--muted);font-size:14px}
.page-vx .vx-src{margin-top:5px;font-size:12px}
.page-vx .vx-note{margin-top:18px!important;max-width:88ch}
.vx-table-others{table-layout:auto;font-size:15px;line-height:1.45}
.page-vx .vx-table-others{min-width:0}
.page-vx .vx-table-others thead th{position:sticky;top:var(--vx-top);z-index:3;background:#fff;padding:14px 18px;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted);border-bottom:1px solid #cdd4d0;transition:box-shadow .2s}
.page-vx .vx-table-others th,.page-vx .vx-table-others td{padding:16px 18px;vertical-align:top}
.page-vx .vx-table-others tbody th{width:20%;font-size:15.5px;font-weight:550;background:transparent}
.page-vx .vx-table-others tr.is-sellence>*{background:var(--sage);border-bottom-color:transparent}
.page-vx .vx-table-others tr.is-sellence>:first-child{border-radius:14px 0 0 14px}
.page-vx .vx-table-others tr.is-sellence>:last-child{border-radius:0 14px 14px 0}
.page-vx .vx-tile{position:relative;min-height:268px;padding:28px 28px 26px}
.page-vx .vx-tile b{font-size:clamp(64px,6.6vw,104px);line-height:.92;letter-spacing:-.045em}
.page-vx .vx-tile-l{margin-top:16px;font-size:17px;line-height:1.35;max-width:22ch}
.page-vx .vx-tile-c{display:block;margin-top:auto;padding-top:26px;font-size:14px;font-weight:550;color:var(--dark-ink)}
.page-vx .vx-tile-c small{display:block;margin-top:3px;font-size:13px;font-weight:400;color:var(--dark-muted)}
.page-vx .vx-tile-go{position:absolute;top:22px;right:22px;margin:0;padding:0;display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff38;border-radius:50%;transition:transform .35s var(--vx-ease),background .2s}
.page-vx .vx-tile-go svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.page-vx .vx-tile:hover .vx-tile-go{background:#ffffff14;transform:translate(2px,-2px)}
.vx-proof-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:26px}
.page-vx .vx-proof-foot .vx-proof-note{margin:0!important}
.vx-path{list-style:none;margin:0;padding:0;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px}
.vx-path::before{content:"";position:absolute;left:18px;right:18px;top:18px;height:1px;background:var(--vx-sage-line)}
.vx-path li{position:relative}
.vx-path .n{position:relative;display:grid;place-items:center;width:36px;height:36px;margin-bottom:16px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 6px #fff,inset 0 0 0 1px var(--vx-sage-line);font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:13px;color:var(--pt-ink)}
.vx-path p{font-size:17px;line-height:1.4;letter-spacing:-.01em;color:var(--ink);max-width:24ch;text-wrap:pretty}
.vx-test-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:36px;padding-top:22px;border-top:1px solid var(--line)}
.page-vx .vx-test-foot .vx-needs{margin:0!important;padding:0;background:none;border:0;border-radius:0;font-size:14.5px;color:var(--muted);max-width:70ch}
.vx-faq{border-top:1px solid var(--line)}
.vx-fq{border-bottom:1px solid var(--line)}
.vx-fq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 0;cursor:pointer;list-style:none}
.vx-fq summary::-webkit-details-marker,.vx-src-d summary::-webkit-details-marker{display:none}
.vx-fq h3{font-size:18px;font-weight:500;letter-spacing:-.02em;line-height:1.35;margin:0}
.vx-fq summary:hover h3{color:#000}
.vx-fq p{padding:0 46px 22px 0;font-size:15.5px;line-height:1.6;color:var(--body);max-width:70ch}
.vx-chev{flex:0 0 30px;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;transition:transform .35s var(--vx-ease),border-color .2s}
.vx-chev svg{width:14px;height:14px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
details[open]>summary .vx-chev{transform:rotate(180deg)}
.vx-fq summary:hover .vx-chev,.vx-src-d summary:hover .vx-chev{border-color:var(--ink)}
.page-vx summary:focus-visible{outline:2px solid #c96146;outline-offset:4px;border-radius:6px}
.vx-src-d summary{display:inline-flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:2px 0}
.page-vx .vx-src-d summary h2{margin:0!important}
.vx-src-d .vx-chev{flex-basis:26px;width:26px;height:26px}
.vx-src-d[open] .vx-srclist{margin-top:16px}
.page-vx .vx-sources>.cp-wrap>p{margin-top:12px;font-size:13.5px}
@media(max-width:1100px){.vx-strip li{padding-right:16px}.vx-strip li+li{padding-left:16px}.page-vx .vx-table-vs th,.page-vx .vx-table-vs td{padding-left:16px;padding-right:16px}}
@media(max-width:860px){
.vx-strip{grid-template-columns:1fr;border-bottom:0}
.vx-strip li,.vx-strip li+li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 14px;padding:15px 0;border-left:0;border-bottom:1px solid var(--line)}
.vx-strip .vx-ic{grid-row:span 2;width:40px;height:40px;margin:0}
.vx-strip h3{margin:0}
.vx-path{grid-template-columns:1fr;gap:0}
.vx-path::before{left:18px;right:auto;top:20px;bottom:20px;width:1px;height:auto}
.vx-path li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;align-items:center;padding:9px 0}
.vx-path .n{margin:0}
.vx-path p{font-size:16px;max-width:none}
.page-vx .vx-table-others,.page-vx .vx-table-others tbody{display:block}
.page-vx .vx-table-others thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.page-vx .vx-table-others tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 18px;padding:18px 0;border-bottom:1px solid var(--line)}
.page-vx .vx-table-others tr.is-sellence{padding:18px 16px;margin-bottom:4px;border-radius:14px;background:var(--sage);border-bottom:0}
.page-vx .vx-table-others th,.page-vx .vx-table-others td{display:block;width:auto;padding:0;border:0;border-radius:0!important;background:transparent!important;font-size:14.5px}
.page-vx .vx-table-others tbody th{grid-column:1/-1;font-size:16.5px}
.page-vx .vx-table-others td::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--muted)}
.page-vx .vx-table-others tr.is-sellence td::before{color:var(--pt-ink)}
}
@media(max-width:760px){
.page-vx{--vx-hdr:68px;--vx-top:68px}
.vx-jump{position:static}
.vx-jump-l{display:none}
.vx-jump .cp-wrap{height:46px;padding-left:8px;padding-right:8px}
.vx-jump a{height:46px;padding:0 12px}
.vx-qa>div{grid-template-columns:1fr;gap:8px;padding:14px 0}
.vx-qa dd{font-size:16.5px}
.page-vx .vx-table-vs,.page-vx .vx-table-vs thead,.page-vx .vx-table-vs tbody{display:block;width:100%;min-width:0}
.page-vx .vx-table-vs th,.page-vx .vx-table-vs td,.page-vx .vx-table-others th,.page-vx .vx-table-others td{width:auto!important;min-width:0!important;max-width:none!important}
.page-vx .vx-table-vs colgroup{display:none}
.page-vx .vx-table-vs tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.page-vx .vx-table-vs thead{position:sticky;top:var(--vx-top);z-index:3;background:#fff;padding-top:8px}
.page-vx .vx-table-vs thead th{position:static;height:48px;padding:10px 12px;font-size:14.5px;border-bottom:0}
.page-vx .vx-table-vs thead th:first-child{display:none}
.page-vx .vx-table-vs thead th.is-sellence{border-radius:12px 0 0 12px;box-shadow:none}
.page-vx .vx-table-vs thead th:last-child{background:var(--panel);border-radius:0 12px 12px 0;box-shadow:inset 0 0 0 1px var(--line)}
.page-vx .vx-table-vs.is-stuck thead{box-shadow:0 10px 16px -14px #1b2a2066}
.page-vx .vx-table-vs.is-stuck thead th,.page-vx .vx-table-vs.is-stuck thead th.is-sellence{box-shadow:none}
.page-vx .vx-table-vs.is-stuck thead th:last-child{box-shadow:inset 0 0 0 1px var(--line)}
.vx-wm{width:84px}
.page-vx .vx-table-vs tbody th[scope=row]{grid-column:1/-1;padding:14px 2px 7px;border:0;font-size:13.5px;font-weight:600}
.page-vx .vx-table-vs td{padding:10px 12px 12px;font-size:14px;border-bottom:0}
.page-vx .vx-table-vs td.is-sellence,.vx-table-vs .vx-tb:last-child tr:last-child td.is-sellence{border-radius:10px 0 0 10px;box-shadow:none}
.page-vx .vx-table-vs td:last-child{background:var(--panel);border-radius:0 10px 10px 0;box-shadow:inset 0 0 0 1px var(--line)}
.page-vx .vx-table-vs .vx-grp{display:block;margin-top:22px;border-bottom:1px solid #cdd4d0}
.page-vx .vx-table-vs .vx-tb:first-of-type .vx-grp{margin-top:14px}
.page-vx .vx-table-vs .vx-grp>*{padding:0 0 10px!important;border:0}
.page-vx .vx-table-vs .vx-grp th{display:block;font-size:15px}
.page-vx .vx-table-vs .vx-grp td{display:none}
.vx-v{gap:7px}
.vx-mk{flex-basis:18px;width:18px;height:18px}
.vx-mk svg{width:11px;height:11px}
.vx-ns{font-size:13px;padding:1px 8px}
.page-vx .vx-tile{min-height:0;padding:22px 22px 20px}
.page-vx .vx-tile b{font-size:64px}
.page-vx .vx-tile-go{top:18px;right:18px;width:32px;height:32px}
.vx-proof-foot .cp-button,.vx-test-foot .cp-button{flex:1 1 100%}
.vx-fq h3{font-size:16.5px}
.vx-fq p{padding-right:0;font-size:15px}
}
@media(prefers-reduced-motion:reduce){.vx-jump a::after,.vx-chev,.page-vx .vx-tile-go,.page-vx .vx-table thead th{transition:none}}