.commerce-visual-system{--cv-section:64px;--cv-gap:32px;--cv-inset:28px;--cv-drawer:440px;--cv-rule:#d9d3c7;--cv-soft:#f4f0e7;--cv-selected:#f1e4c5;font-family:var(--sans);font-size:16px;line-height:1.6}.commerce-visual-system main{min-width:0}.commerce-visual-system .eyebrow{font-family:var(--mono);font-size:10px;line-height:1.6;font-weight:500;letter-spacing:1.5px}.commerce-visual-system :is(.av-hero,.cp-hero,.cs-title-grid,.fd-hero,.po-title-grid) h1{font-family:var(--serif);font-size:clamp(52px,6.1vw,84px);font-weight:600;line-height:1.02;letter-spacing:-.8px}.commerce-visual-system :is(.av-heading,.cp-heading,.section-heading,.cc-intro,.cc-pattern-head,.cn-heading,.po-chapter,.ww-section-top) h2,.commerce-visual-system #cc-central>h2{font-family:var(--serif);font-size:clamp(34px,3.5vw,48px);font-weight:600;line-height:1.1;letter-spacing:0;margin-top:14px;margin-bottom:20px}.commerce-visual-system :is(.av-section,.cp-section,.po-chapter){padding-top:var(--cv-section);padding-bottom:var(--cv-section)}.commerce-visual-system :is(.cp-position,.cp-meaning,.cs-difference){padding-block:var(--cv-section)}.commerce-visual-system :is(.av-heading,.cp-heading,.section-heading){margin-bottom:32px}.commerce-visual-system :is(.av-lead,.av-heading>p:last-child,.cp-heading>p,.section-heading>p){font-size:17px;line-height:1.65;max-width:72ch}.commerce-visual-system :is(.av-two,.ww-routes,.od-results,.cp-explanations,.cp-decisions,.av-three){gap:var(--cv-gap)}.commerce-visual-system :is(.av-two,.av-three,.ce-drivers,.ce-decisions,.cp-explanations,.cp-decisions,.ww-routes,.od-results) h3{font-family:var(--serif);font-size:28px;font-weight:600;line-height:1.15;letter-spacing:0;margin:12px 0 14px}.commerce-visual-system :is(.av-two,.av-three,.ce-drivers,.ce-decisions,.cp-explanations,.cp-decisions,.ww-routes,.od-results) p{font-size:15px;line-height:1.65}.commerce-visual-system :is(.text-link,.av-link,.od-text-button,.cj-actions a){font-family:var(--sans);font-size:13px;line-height:1.5;text-underline-offset:4px}.commerce-visual-system :is(.av-caption,.cc-scope,.ca-key,.cp-date-note,.ww-theory,.av-method){font-size:12px;line-height:1.6;color:var(--muted)}.commerce-visual-system :is(.av-exhibit,.od-central,.ww-routes article,.od-beforeafter article,.cb-record-panel){border-color:var(--cv-rule);border-radius:0}.commerce-visual-system :is(.av-exhibit,.od-central,.ww-routes article){padding:var(--cv-inset)}.commerce-visual-system :is(.od-flow,.ww-path){gap:16px;padding-block:28px}.commerce-visual-system :is(.od-flow>div,.ww-path>div,.ww-route span,.ww-route strong){font-family:var(--sans);font-size:14px;line-height:1.5;border-color:var(--cv-rule);border-radius:0}.commerce-visual-system :is(.od-tabs,.av-tabs,.av-toggle,.cc-pattern-tabs){gap:8px}.commerce-visual-system :is(.od-tabs,.av-tabs,.av-toggle) button{min-height:44px;font-family:var(--sans);font-size:12px;line-height:1.4;padding:11px 15px;border-radius:0}.commerce-visual-system :is(.od-tabs,.av-tabs,.av-toggle) button[aria-pressed=true]{background:var(--cv-selected)!important;color:var(--ink)!important;border-color:var(--gold)!important}.commerce-visual-system :is(.ww-table,.cp-table,.ca-matrix,.cd-table-wrap table){font-family:var(--sans);font-size:14px;line-height:1.55;border-collapse:collapse}.commerce-visual-system :is(.ww-table,.cp-table,.ca-matrix,.cd-table-wrap table) :is(th,td){padding:18px 16px;border-color:var(--cv-rule);vertical-align:top}.commerce-visual-system :is(.ww-table,.cp-table,.ca-matrix,.cd-table-wrap table) thead th{background:#eee8db;color:var(--ink);font-size:12px;line-height:1.5;font-weight:600;border-bottom:2px solid var(--gold)}.commerce-visual-system .cp-table button{font:600 21px/1.2 var(--serif)}.commerce-visual-system :is(.ww-table button,.ca-matrix button){font-family:var(--sans);font-size:14px;line-height:1.5}.commerce-visual-system :is(.od-filters input,.od-filters select){min-height:44px;border-radius:0;font:14px/1.5 var(--sans)}.commerce-visual-system :is(.od-record-button,.cc-record){padding:16px;border-color:var(--cv-rule);border-radius:0;margin-bottom:8px}.commerce-visual-system :is(.od-record-button,.cc-record) strong{font:500 14px/1.5 var(--sans)}.commerce-visual-system :is(.od-record-button,.cc-record) small{font:11px/1.5 var(--mono);color:var(--muted);margin-top:8px}.commerce-visual-system :is(#av-panel,#cc-panel,#detail-dialog,.cb-record-panel){position:fixed;inset:0 0 0 auto;width:min(var(--cv-drawer),100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:var(--cv-inset);border:0;border-left:1px solid var(--cv-rule);border-radius:0;background:var(--paper);color:var(--ink);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;box-shadow:-12px 0 40px #18233f14}.commerce-visual-system :is(#av-panel,#cc-panel,#detail-dialog)::backdrop{background:#18233f55;backdrop-filter:none}.commerce-visual-system :is(#av-panel,#cc-panel,#detail-dialog,.cb-record-panel) :is(h2,h3){font-family:var(--serif);font-weight:600;line-height:1.15;letter-spacing:0;text-transform:none}.commerce-visual-system :is(#av-panel h2,#cc-panel-title,#detail-dialog h2,.cb-record-heading h3){font-size:32px!important;line-height:1.12;margin:16px 0 24px!important}.commerce-visual-system :is(#av-panel,#cc-panel,#detail-dialog,.cb-record-panel) h3{font-size:24px;margin:24px 0 12px}.commerce-visual-system :is(#av-panel,#cc-panel,#detail-dialog,.cb-record-panel) :is(p,li){font-family:var(--sans);font-size:14px!important;line-height:1.65!important;max-width:100%;overflow-wrap:break-word}.commerce-visual-system :is(#av-panel,#cc-panel,#detail-dialog) :is(.text-link,.av-link){display:block;font-size:13px;line-height:1.5;margin-top:20px}.commerce-visual-system :is(#av-close,#cc-close){position:sticky;top:-1px;display:block;margin:0 0 24px auto;padding:10px 14px;min-height:42px;font:12px/1.5 var(--sans);background:var(--cv-soft);color:var(--ink);border:1px solid var(--cv-rule);z-index:3}.commerce-visual-system :is(.av-panel-bottom,.cc-panel-footer){display:block;border-top:1px solid var(--cv-rule);padding-top:22px;margin-top:28px;font:13px/1.5 var(--sans)}.commerce-visual-system .cc-panel-layout{grid-template-columns:1fr;gap:24px;margin-top:24px}.commerce-visual-system .cb-record-heading{top:-28px;background:var(--paper);border-color:var(--cv-rule);padding:16px 0}.commerce-visual-system :is(button,a,select,input):focus-visible{outline:2px solid #956819;outline-offset:4px}@media(max-width:750px){.commerce-visual-system{--cv-section:44px;--cv-gap:24px;--cv-inset:20px}.commerce-visual-system :is(.av-lead,.av-heading>p:last-child,.cp-heading>p,.section-heading>p){font-size:16px}.commerce-visual-system :is(.od-flow,.ww-path){gap:8px}.commerce-visual-system :is(.od-flow>div,.ww-route span,.ww-route strong){font-size:12px}.commerce-visual-system :is(.ww-table,.cp-table,.ca-matrix) :is(th,td){padding:14px 12px}.commerce-visual-system :is(#av-panel h2,#cc-panel-title,#detail-dialog h2,.cb-record-heading h3){font-size:30px!important}.commerce-visual-system .cb-record-heading{top:-20px}}@media(prefers-reduced-motion:reduce){.commerce-visual-system{scroll-behavior:auto}.commerce-visual-system *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.commerce-visual-system :is(#av-panel,#cc-panel,#detail-dialog,.cb-record-panel) .eyebrow{font:500 10px/1.6 var(--mono)!important;letter-spacing:1.3px}.commerce-visual-system :is(#av-panel,#cc-panel,#detail-dialog,.cb-record-panel) :is(.av-caption,.cc-scope,.cb-panel-date){font-size:12px!important;line-height:1.6!important}.commerce-visual-system :is(#av-close,#cc-close){width:fit-content}.commerce-visual-system :is(.cc-record,.od-record-button)[aria-pressed=true]{background:var(--cv-selected);border-color:var(--gold)}