/* Preview document canvas only */
/* Shared article presentation derived from the approved Fabrixon reference HTML.
   Scope: .fxcs only. No site header, footer, CTA, form, FXE or global reset rules.
   This is one reusable module stylesheet, not seven bespoke page styles. */
.fxcs{
 --fx-navy:#0D1A23;--fx-navy2:#14242E;--fx-ink:#17222A;--fx-steel:#60717B;
 --fx-paper:#F5F6F3;--fx-soft:#EEF1EE;--fx-white:#FFFFFF;--fx-line:#DCE1DE;
 --fx-copper:#D86B34;--fx-copper-dark:#B95426;--fx-max:1240px;
 --fx-display:"Manrope",system-ui,sans-serif;--fx-body:"Inter",system-ui,sans-serif;
 margin:0;background:var(--fx-white);color:var(--fx-ink);font:400 16px/1.65 var(--fx-body);
 -webkit-font-smoothing:antialiased;isolation:isolate;
}
.fxcs,.fxcs *,.fxcs *::before,.fxcs *::after{box-sizing:border-box}
.fxcs :is(h1,h2,h3,p,figure,dl,dd,ol,ul){margin:0}
.fxcs :is(h1,h2,h3){font-family:var(--fx-display);color:var(--fx-navy);letter-spacing:-.033em;line-height:1.09}
.fxcs h1{font-size:clamp(2.45rem,3.7vw,3.45rem);font-weight:800;line-height:1.06}
.fxcs h2{font-size:clamp(1.6rem,2.15vw,2.12rem);font-weight:800}
.fxcs h3{font-size:1rem;font-weight:700;line-height:1.3}
.fxcs p{color:var(--fx-steel)}
.fxcs img{display:block;max-width:100%;height:auto;border:0;box-shadow:none;border-radius:0}
.fxcs a{color:inherit;text-underline-offset:3px}
.fxcs a:focus-visible{outline:2px solid var(--fx-copper);outline-offset:5px}
.fxcs .fxcs-container{width:min(var(--fx-max),calc(100% - 96px));margin-inline:auto}
.fxcs .fxcs-section{padding:76px 0}
.fxcs .fxcs-white{background:var(--fx-white)}
.fxcs .fxcs-paper{background:var(--fx-paper)}
.fxcs .fxcs-navy{background:var(--fx-navy);color:var(--fx-white)}
.fxcs .fxcs-navy :is(h2,h3){color:var(--fx-white)}
.fxcs .fxcs-navy p{color:#B7C4CA}
.fxcs .fxcs-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:15px;font:700 .7rem/1.3 var(--fx-display);letter-spacing:.14em;text-transform:uppercase;color:var(--fx-copper)}
.fxcs .fxcs-eyebrow::before{content:"";flex:0 0 30px;height:2px;background:var(--fx-copper)}
.fxcs .fxcs-hero{background:var(--fx-white);padding:64px 0 52px;border-bottom:1px solid var(--fx-line)}
.fxcs .fxcs-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}
.fxcs .fxcs-hero-copy{min-width:0;max-width:590px}
.fxcs .fxcs-title-line{display:block}
.fxcs .fxcs-lead{font-size:1.04rem;line-height:1.7;max-width:48ch;margin-top:18px;color:#4F6068}
.fxcs .fxcs-meta{display:grid;grid-template-columns:1fr .92fr 1.1fr;gap:18px;margin-top:24px;padding-top:15px;border-top:1px solid var(--fx-line)}
.fxcs .fxcs-meta>div{min-width:0;padding-right:16px;border-right:1px solid var(--fx-line)}
.fxcs .fxcs-meta>div:last-child{padding-right:0;border:0}
.fxcs .fxcs-meta dt{font:700 .63rem/1.3 var(--fx-display);letter-spacing:.09em;text-transform:uppercase;color:var(--fx-copper);margin-bottom:5px}
.fxcs .fxcs-meta dd{font-size:.82rem;line-height:1.45;font-weight:600;color:#4B5C64;overflow-wrap:break-word}
.fxcs .fxcs-hero-figure{width:100%;max-width:550px;justify-self:end;min-width:0}
.fxcs .fxcs-hero-figure img{width:100%;max-height:420px;object-fit:contain;object-position:center}
.fxcs .fxcs-hero-figure.fxcs-portrait img{max-height:415px;width:auto;max-width:100%;margin-inline:auto}
.fxcs figcaption{margin-top:10px;color:#748188;font-size:.74rem;line-height:1.5}
.fxcs .fxcs-navy figcaption{color:#A9B7BE}
.fxcs .fxcs-hero-evidence{width:100%;max-width:530px;justify-self:end;border-top:1.5px solid var(--fx-navy)}
.fxcs .fxcs-hero-evidence .fxcs-evidence{margin-top:0;border-top:0}
.fxcs .fxcs-hero-evidence h2{font:800 .7rem/1.3 var(--fx-display);text-transform:uppercase;letter-spacing:.12em;margin:20px 0 0;color:var(--fx-copper)}
.fxcs .fxcs-hero-evidence .fxcs-small{margin-top:17px}
.fxcs .fxcs-summary{background:var(--fx-navy)}
.fxcs .fxcs-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.fxcs .fxcs-summary-item{padding:23px 28px;border-right:1px solid rgba(255,255,255,.13);min-width:0}
.fxcs .fxcs-summary-item:first-child{padding-left:0}
.fxcs .fxcs-summary-item:last-child{padding-right:0;border:0}
.fxcs .fxcs-summary-item dt{color:var(--fx-copper);font:800 .67rem/1.3 var(--fx-display);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}
.fxcs .fxcs-summary-item dd{color:#fff;font:700 .92rem/1.4 var(--fx-display)}
.fxcs .fxcs-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:62px;align-items:center}
.fxcs .fxcs-split-top{align-items:start}
.fxcs .fxcs-copy{min-width:0;max-width:555px}
.fxcs .fxcs-copy>p{margin-top:16px;font-size:.96rem;line-height:1.72}
.fxcs .fxcs-figure{min-width:0;width:100%;max-width:560px;justify-self:end}
.fxcs .fxcs-figure img{width:100%;height:auto;object-fit:contain}
.fxcs .fxcs-figure-left{justify-self:start;max-width:520px}
.fxcs .fxcs-section-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:end;margin-bottom:32px}
.fxcs .fxcs-section-head p{font-size:.96rem;line-height:1.72;max-width:64ch}
.fxcs .fxcs-evidence,.fxcs .fxcs-outcomes{margin-top:23px;border-top:1.5px solid var(--fx-navy)}
.fxcs .fxcs-evidence-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;padding:15px 0;border-bottom:1px solid var(--fx-line)}
.fxcs .fxcs-evidence dt{font:700 .75rem/1.4 var(--fx-display);color:var(--fx-copper);text-transform:uppercase;letter-spacing:.045em;overflow-wrap:break-word}
.fxcs .fxcs-evidence dd{font-size:.85rem;line-height:1.56;color:var(--fx-steel)}
.fxcs .fxcs-navy .fxcs-evidence{border-top-color:rgba(255,255,255,.34)}
.fxcs .fxcs-navy .fxcs-evidence-row{border-bottom-color:rgba(255,255,255,.15)}
.fxcs .fxcs-navy .fxcs-evidence dd{color:#B7C4CA}
.fxcs .fxcs-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;border-top:1.5px solid var(--fx-navy);border-bottom:1px solid var(--fx-line)}
.fxcs .fxcs-steps.fxcs-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.fxcs .fxcs-step{padding:22px 24px;border-right:1px solid var(--fx-line);min-width:0}
.fxcs .fxcs-step:first-child{padding-left:0}
.fxcs .fxcs-step:last-child{padding-right:0;border:0}
.fxcs .fxcs-step-index{font:800 .67rem/1 var(--fx-display);color:var(--fx-copper);display:block;margin-bottom:11px}
.fxcs .fxcs-step p{font-size:.85rem;line-height:1.58;margin-top:9px}
.fxcs .fxcs-navy .fxcs-steps{border-top-color:rgba(255,255,255,.34);border-bottom-color:rgba(255,255,255,.15)}
.fxcs .fxcs-navy .fxcs-step{border-right-color:rgba(255,255,255,.15)}
.fxcs .fxcs-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;border-top:1.5px solid var(--fx-navy)}
.fxcs .fxcs-comparison>div{padding-top:23px;min-width:0}
.fxcs .fxcs-comparison p{margin-top:13px;font-size:.94rem;line-height:1.7}
.fxcs .fxcs-image-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.fxcs .fxcs-image-pair img{height:280px;width:100%;object-fit:contain;background:#fff}
.fxcs .fxcs-image-pair h3{margin:17px 0 9px}
.fxcs .fxcs-image-pair p{font-size:.88rem;line-height:1.65;margin-top:10px}
.fxcs .fxcs-image-pair figcaption{margin-top:8px}
.fxcs .fxcs-key{padding:54px 0}
.fxcs .fxcs-key-grid{display:grid;grid-template-columns:165px minmax(0,1fr);gap:44px;align-items:start}
.fxcs .fxcs-key-label{font:800 .67rem/1.4 var(--fx-display);letter-spacing:.12em;text-transform:uppercase;color:var(--fx-copper);padding-top:7px}
.fxcs .fxcs-key h2{font-size:clamp(1.55rem,2.25vw,2.25rem);line-height:1.17;max-width:40ch}
.fxcs .fxcs-key p{margin-top:13px;font-size:.9rem;line-height:1.65;max-width:90ch}
.fxcs .fxcs-navy.fxcs-key p{color:#B7C4CA}
.fxcs .fxcs-outcome-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:66px;align-items:start}
.fxcs .fxcs-outcome-grid>.fxcs-evidence{margin:0}
.fxcs .fxcs-outcome-grid>.fxcs-copy>p{max-width:51ch}
.fxcs .fxcs-small{font-size:.78rem;line-height:1.6;color:var(--fx-steel)}
.fxcs .fxcs-result-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem;line-height:1.5}
.fxcs .fxcs-result-table caption{text-align:left;font:700 .72rem/1.4 var(--fx-display);letter-spacing:.09em;text-transform:uppercase;color:var(--fx-copper);padding-bottom:18px}
.fxcs .fxcs-result-table th,.fxcs .fxcs-result-table td{padding:18px 16px;border-bottom:1px solid var(--fx-line);vertical-align:top}
.fxcs .fxcs-result-table th:first-child,.fxcs .fxcs-result-table td:first-child{padding-left:0}
.fxcs .fxcs-result-table th:last-child,.fxcs .fxcs-result-table td:last-child{padding-right:0}
.fxcs .fxcs-result-table thead th{font:700 .69rem/1.5 var(--fx-display);text-transform:uppercase;letter-spacing:.09em;color:var(--fx-copper);border-top:1.5px solid var(--fx-navy)}
.fxcs .fxcs-result-table tbody th{font-weight:500;color:var(--fx-steel)}
.fxcs .fxcs-result-table td{font-weight:700;font-size:1.02rem;color:var(--fx-navy)}
.fxcs .fxcs-navy .fxcs-result-table :is(th,td){border-color:rgba(255,255,255,.18)}
.fxcs .fxcs-navy .fxcs-result-table tbody th{color:#B7C4CA}
.fxcs .fxcs-navy .fxcs-result-table td{color:#fff}
.fxcs .fxcs-results-note{margin-top:16px;font-size:.8rem;line-height:1.6}
.fxcs .fxcs-publication{margin-top:28px;padding:18px 22px;border:1px solid #EAD6C9;border-left:4px solid var(--fx-copper);background:#F8F1EC}
.fxcs .fxcs-publication strong{display:block;font:800 .69rem/1.3 var(--fx-display);letter-spacing:.14em;text-transform:uppercase;color:var(--fx-copper);margin-bottom:8px}
.fxcs .fxcs-publication p{margin:0;color:#5C6B72;font-size:.8rem;line-height:1.6}
.fxcs .fxcs-reading{max-width:900px}
.fxcs .fxcs-reading>p{margin-top:16px;font-size:.96rem;line-height:1.75}
.fxcs .fxcs-top-space{margin-top:30px}
@media(max-width:1080px){
 .fxcs .fxcs-container{width:calc(100% - 56px)}
 .fxcs .fxcs-hero-grid,.fxcs .fxcs-split,.fxcs .fxcs-section-head,.fxcs .fxcs-outcome-grid{grid-template-columns:1fr;gap:34px}
 .fxcs .fxcs-hero-copy{max-width:700px}
 .fxcs .fxcs-hero-figure,.fxcs .fxcs-hero-evidence,.fxcs .fxcs-figure{justify-self:start;max-width:650px}
 .fxcs .fxcs-hero-figure img{max-height:370px}
 .fxcs .fxcs-hero-figure.fxcs-portrait img{max-height:370px;margin-inline:0}
 .fxcs .fxcs-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fxcs .fxcs-summary-item:nth-child(2){border-right:0}
 .fxcs .fxcs-summary-item:nth-child(-n/**/+2){border-bottom:1px solid rgba(255,255,255,.13)}
 .fxcs .fxcs-summary-item:nth-child(3){padding-left:0}
 .fxcs .fxcs-steps.fxcs-four{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fxcs .fxcs-steps.fxcs-four .fxcs-step{padding:20px 22px}
 .fxcs .fxcs-steps.fxcs-four .fxcs-step:nth-child(2){border-right:0}
 .fxcs .fxcs-steps.fxcs-four .fxcs-step:nth-child(-n/**/+2){border-bottom:1px solid var(--fx-line)}
 .fxcs .fxcs-key-grid{grid-template-columns:145px minmax(0,1fr);gap:28px}
}
@media(max-width:680px){
 .fxcs .fxcs-container{width:calc(100% - 36px)}
 .fxcs .fxcs-hero{padding:48px 0 40px}
 .fxcs h1{font-size:clamp(1.7rem,7.2vw,2.7rem)}
 .fxcs h2{font-size:clamp(1.45rem,6.7vw,1.9rem)}
 .fxcs .fxcs-lead{font-size:.98rem}
 .fxcs .fxcs-title-line{white-space:normal}
 .fxcs .fxcs-meta{grid-template-columns:1fr;gap:0}
 .fxcs .fxcs-meta>div{padding:10px 0;border-right:0;border-bottom:1px solid var(--fx-line)}
 .fxcs .fxcs-meta>div:last-child{border-bottom:0}
 .fxcs .fxcs-summary-grid{grid-template-columns:1fr}
 .fxcs .fxcs-summary-item,.fxcs .fxcs-summary-item:first-child,.fxcs .fxcs-summary-item:last-child,.fxcs .fxcs-summary-item:nth-child(3){padding:16px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}
 .fxcs .fxcs-summary-item:last-child{border-bottom:0}
 .fxcs .fxcs-section{padding:54px 0}
 .fxcs .fxcs-evidence-row{grid-template-columns:1fr;gap:6px}
 .fxcs .fxcs-steps,.fxcs .fxcs-steps.fxcs-four,.fxcs .fxcs-comparison,.fxcs .fxcs-image-pair{grid-template-columns:1fr;gap:0}
 .fxcs .fxcs-step,.fxcs .fxcs-step:first-child,.fxcs .fxcs-step:last-child,.fxcs .fxcs-steps.fxcs-four .fxcs-step{padding:18px 0;border-right:0;border-bottom:1px solid var(--fx-line)}
 .fxcs .fxcs-step:last-child{border-bottom:0}
 .fxcs .fxcs-navy .fxcs-step{border-bottom-color:rgba(255,255,255,.15)}
 .fxcs .fxcs-comparison>div+div{margin-top:20px}
 .fxcs .fxcs-image-pair{gap:28px}
 .fxcs .fxcs-image-pair img{height:auto;max-height:310px}
 .fxcs .fxcs-key{padding:44px 0}
 .fxcs .fxcs-key-grid{grid-template-columns:1fr;gap:17px}
 .fxcs .fxcs-key h2{font-size:1.6rem}
 .fxcs .fxcs-result-table{font-size:.8rem}
 .fxcs .fxcs-result-table :is(th,td){padding:13px 8px}
 .fxcs .fxcs-result-table td{font-size:.9rem}
}
@media(prefers-reduced-motion:reduce){.fxcs{scroll-behavior:auto}}

/* FABRIXON LOCKED OPPOSITE COLUMN H2 ALIGNMENT */
@media(min-width:1081px){
  #spoon-hitch-redesign-problem > div:nth-child(1) > div:nth-child(1){align-items:start!important;}
  #spoon-hitch-redesign-problem > div:nth-child(1) > div:nth-child(1) > dl:nth-child(2){margin-top:29.56px!important;}
  #spoon-hitch-redesign-geometry > div:nth-child(1) > div:nth-child(1){align-items:start!important;}
  #spoon-hitch-redesign-geometry > div:nth-child(1) > div:nth-child(1) > p:nth-child(2){margin-top:29.56px!important;}
  #spoon-hitch-redesign-results > div:nth-child(1) > div:nth-child(1){align-items:start!important;}
  #spoon-hitch-redesign-results > div:nth-child(1) > div:nth-child(1) > p:nth-child(2){margin-top:29.56px!important;}
  #spoon-hitch-redesign-outcome > div:nth-child(1) > div:nth-child(1){align-items:start!important;}
  #spoon-hitch-redesign-outcome > div:nth-child(1) > div:nth-child(1) > dl:nth-child(2){margin-top:29.56px!important;}
}